WebComforts
Free Web Tools

Meta Tags Generator

Generate complete HTML meta tags for your page — SEO title & description, Open Graph for social sharing, Twitter Cards, robots directives and canonical URL. Live SERP & social preview included. 100% free.

SERP Preview Open Graph Twitter Card Char Counters Robots Meta Canonical URL
Basic SEO
0 characters Ideal: 50–60 characters
0 characters Ideal: 140–160 characters
Google Search Preview
example.com
Your page title will appear here...
Your meta description will appear here. Write something that makes users want to click your result.
Open Graph (Facebook · LinkedIn · Pinterest)
Recommended: 1200 × 630 px (JPG or PNG)
Add OG Image URL to see preview
EXAMPLE.COM
Your title here
Your description here
Add OG Image URL to see preview
Your title here
Your description here
example.com
Twitter / X Card
Advanced Options
Prevents duplicate content issues. Usually same as the Page URL above.
Prevent search engines from indexing this page
Don't follow or pass authority to links on this page
Don't cache a saved copy of this page
Don't show a description snippet in search results
Character encoding declaration
Mobile-responsive viewport tag
4.9
13 reviews

What Are Meta Tags?

Meta tags are snippets of HTML code placed inside the <head> section of a web page. They are invisible to visitors but communicate critical information to search engines, social media platforms, and browsers. Getting your meta tags right is one of the most important — and most accessible — on-page SEO tasks you can do.

The most commonly used meta tags are the title tag, the meta description, the robots meta tag, and Open Graph tags for social sharing. Together they shape how your page appears in Google search results, Facebook posts, Twitter previews, and LinkedIn shares.

Title Tag vs. Meta Description

Title Tag Appears as the clickable blue link in Google results. The single most important on-page SEO element. Keep it under 60 characters. Put your target keyword near the start.
Meta Description The grey text under the title in Google results. Not a direct ranking factor, but heavily influences click-through rate. Aim for 140–160 characters. Write for humans, not bots.
Meta Keywords Officially ignored by Google since 2009. You can include it for reference or for smaller search engines, but it has no impact on Google rankings.
Canonical URL Tells Google which URL is the "master" version of a page. Critical for sites with pagination, tracking parameters, or content that appears under multiple URLs.

Open Graph Tags Explained

Open Graph (OG) tags were created by Facebook to control how web pages appear when shared on social media. They are now used by Facebook, LinkedIn, Pinterest, Slack, Discord, and many other platforms. Without them, social networks guess what content to show — often with poor results.

<meta property="og:title" content="Your page title">
<meta property="og:description" content="Your description">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">

The most impactful OG tag is og:image. Use a crisp, eye-catching image sized at 1200 × 630 pixels for best results across all platforms. A well-chosen image can dramatically increase click-through rates on social posts.

Twitter Card Tags

Twitter (now X) has its own set of meta tags for controlling how links appear in tweets. There are four card types: summary (small square thumbnail), summary_large_image (big banner — most commonly used), app (mobile app promotion), and player (embedded video/audio). Twitter will fall back to Open Graph tags if Twitter Card tags are missing, but using both gives you precise control.

Robots Meta Tag

The robots meta tag controls whether search engines can index a page and follow its links. Common values include noindex (don't show this page in search results), nofollow (don't pass authority to outbound links), noarchive (don't cache this page), and nosnippet (don't show a description snippet). You can combine values: content="noindex, nofollow".

Frequently Asked Questions

What meta tags are most important for SEO?

The title tag and canonical URL have the most direct SEO impact. The meta description affects click-through rate (CTR) from search results, which indirectly influences rankings. Open Graph and Twitter Card tags don't affect Google rankings but are essential for controlling your brand appearance on social media.

Can Google rewrite my meta description?

Yes. Google frequently rewrites or ignores meta descriptions and generates its own snippet based on the page content and the user's query. This is normal — it doesn't mean your meta description is wrong. Having a well-written description still matters because Google uses it when it considers it the best match for a query.

Does every page need its own unique meta tags?

Yes, ideally. Duplicate title tags and meta descriptions across multiple pages are a common SEO mistake. Each page should have a unique title that reflects its content, and a description that summarizes what a visitor will find. Use this generator to create tags for each page, then paste them into your CMS or HTML.

How do I add meta tags to WordPress?

The easiest way is with an SEO plugin like Yoast SEO or Rank Math — both let you set custom title, description, and OG tags per page without touching code. If you're editing raw HTML, paste the generated tags inside the <head> section of your page template. Avoid adding them inside <body>.

Why isn't my OG image showing on Facebook?

Facebook caches OG data aggressively. After updating your OG tags, use the Facebook Sharing Debugger to force a re-scrape. Also make sure your image is publicly accessible (not behind a login), is at least 200 × 200 px, and is smaller than 8 MB.