Meta Tag Generator

Generate SEO meta tags, Open Graph and Twitter Card tags instantly — copy the HTML and paste into your page.

These tags control how your site looks when shared on Facebook, LinkedIn, etc.

Google Search Preview

Page Title Goes Here
example.com › page
This is how your page description will appear in Google search results. Make sure it is catchy and includes your main keywords to improve click-through rates.

Generated Meta Tags

Copied to clipboard!

Related Tools

Website Page Speed Test
Try tool →
HTML Formatter
Try tool →
Keyword Density Checker
Try tool →
Bulk URL Opener
Try tool →
Google SERP Snippet Preview
Try tool →
Domain Age Checker
Try tool →
WordPress Theme Detector
Try tool →
Mobile Friendly Test
Try tool →
HTML Previewer
Try tool →

Meta tags are invisible to visitors but essential to search engines and social platforms. They tell Google what your page is about, control how it appears in search results, and determine what image and description show up when someone shares your link on Facebook, LinkedIn, or Twitter.

This tool generates all of them — basic SEO tags, Open Graph tags for social sharing, and Twitter Card tags — in one place. Fill in your details, copy the HTML, paste it into your page’s <head> section.

What Meta Tags Does This Tool Generate?

Basic SEO Tags The foundation of every page — title, meta description, robots directive, content language, and author. These are what Google reads when crawling your page.

Open Graph Tags (Facebook, LinkedIn, WhatsApp) Open Graph tags control how your page appears when shared on social platforms. Without them, Facebook and LinkedIn guess what to show — often pulling the wrong image or truncating the title in an odd place. With proper OG tags, you control exactly what people see.

Twitter Card Tags Twitter has its own meta format. When someone shares a link, Twitter looks for twitter:card, twitter:title, twitter:description, and twitter:image. Without these, tweets containing your link appear as plain URLs. With them, they display as rich cards with an image preview.

Advanced Tags Canonical URL (tells search engines which version of a page is the “original”), revisit-after, and copyright tags for additional control.

What Are Meta Tags and Why Do They Matter?

Meta tags are HTML elements placed in the <head> section of a webpage. They’re never visible on the page itself — users don’t see them — but search engines and social platforms read them to understand what the page contains.

For search engines, the title tag and meta description are the two most important. The title is the blue link users click in Google results. The meta description is the summary text below it. Getting both right directly affects whether users click your result or scroll past it.

For social media, Open Graph and Twitter Card tags control the “link preview” — the image, title, and description that appear when someone shares your page. A page without these tags will often show a random image (or no image) and a generic title when shared, which dramatically reduces engagement.

Every page on your website should have at minimum: a title tag, meta description, viewport tag, charset declaration, and basic Open Graph tags. This tool generates all of them in under a minute.

Basic SEO Meta Tags — What Each One Does

Title tag — The page title shown in search results and browser tabs. Keep it under 60 characters. Include your primary keyword near the beginning. Every page needs a unique title.

Meta description — The summary shown below the title in search results. Aim for 140–158 characters on desktop. Write it like a one-sentence pitch — what does this page offer, and why should someone click? Google sometimes rewrites descriptions, but a well-written one is more likely to be kept.

Robots — Tells search engines whether to index the page and follow its links. The default (index, follow) is correct for most pages. Use noindex for pages you don’t want appearing in search results — thank you pages, admin pages, duplicate content.

Canonical URL — When multiple URLs show the same content (e.g. with and without trailing slash, or with tracking parameters), canonical tells Google which one is the “real” version to index.

Open Graph Tags — How Social Sharing Works

Open Graph (OG) is a protocol introduced by Facebook in 2010. It’s now used by Facebook, LinkedIn, WhatsApp, Slack, Pinterest, and most other platforms that display link previews.

When someone shares a URL, the platform fetches the page and reads the OG tags to build the preview. The four essential tags are:

og:title — The title shown in the social preview. Can be different from your SEO title — social titles can be slightly more click-oriented.

og:description — The preview description, typically 2-3 sentences. Keep it under 200 characters.

og:image — The preview image. This is the most important OG tag for engagement. Use an image at least 1200×630 pixels (1.91:1 ratio) for the best display across platforms. Images smaller than this often appear cropped or low-quality in previews.

og:type — What type of content the page is (website, article, product). Articles should use article.

Without these tags, platforms scrape whatever content they find — which often means a random image, a truncated page title, or no preview at all.

Twitter Card Tags

Twitter has its own card system. When Twitter’s bot can’t find Twitter Card tags, it falls back to Open Graph tags — so if your OG tags are properly set, Twitter will use those. But setting explicit Twitter Card tags gives you more control.

twitter:card — The card format. summary_large_image is the most effective for most content — it shows a large image with title and description. summary shows a smaller square image.

twitter:title — Title shown in the card (up to 70 characters).

twitter:description — Description shown in the card (up to 200 characters).

twitter:image — The card image. Use 1200×675 pixels for summary_large_image.

twitter:site — Your website’s Twitter/X handle (e.g. @ezytoolz). Optional but recommended.

How to Add Meta Tags to Your Website

Plain HTML sites: Paste the generated code inside the <head> section of your HTML file, before the closing </head> tag.

WordPress: Most WordPress sites use an SEO plugin (Rank Math, Yoast, All in One SEO) that handles meta tags through the post/page editor. You don’t need to edit HTML directly. Use this generator to plan your tags, then paste the values into your SEO plugin’s fields.

Shopify: Go to Online Store → Preferences for homepage meta tags, or edit individual product/collection pages through the SEO section at the bottom of each page editor.

Webflow, Wix, Squarespace: Each has an SEO section per page where you can paste the title and description. OG image is typically uploaded separately.

Testing Your Meta Tags After Adding Them

Once you’ve added your meta tags, test them before sharing:

Google SERP Preview — Use the SERP Preview tool to see exactly how your title and description will appear in Google search results, including pixel-accurate truncation.

Facebook Sharing Debugger — Visit developers.facebook.com/tools/debug/ and paste your URL. Click “Scrape Again” to force Facebook to re-fetch your OG tags and clear its cache.

Twitter Card Validator — Visit cards-dev.twitter.com/validator to preview how your page appears as a Twitter Card.

Social platforms cache link previews aggressively. If you update your tags and the old preview still shows, use the respective debugger tool to force a cache refresh.

Frequently Asked Questions (FAQ)

At minimum, every page should have: a <title> tag (under 60 characters), a meta name="description" (140–158 characters), a meta name="viewport" for mobile responsiveness, meta charset="UTF-8", and basic Open Graph tags (og:title, og:description, og:image, og:type). These ensure your page looks good in search results and when shared on social media. This tool generates all of them automatically.

Open Graph is a set of meta tags that control how your page appears when shared on social platforms like Facebook, LinkedIn, WhatsApp, and Slack. Without OG tags, these platforms scrape your page and guess what to show — often pulling the wrong image or generating an ugly preview. With proper OG tags, you control exactly what image, title, and description appear. The most important tag is og:image — use an image at 1200×630 pixels for the best results across all platforms.

Twitter will fall back to Open Graph tags if Twitter Card tags are not present, so at minimum your OG tags cover both. However, setting explicit Twitter Card tags gives you more control — you can specify a different card format, use a slightly different title or description, and include your Twitter handle with twitter:site. For most sites, setting both is worth the extra two minutes.

A canonical URL tag tells search engines which version of a page is the “official” one when duplicate or near-duplicate content exists at multiple URLs. Common situations where canonical tags help: pages accessible with and without trailing slashes (/page vs /page/), pages with tracking parameters (?utm_source=...), and paginated content. If you only have one URL for each page, canonical is still good practice — set it to the page’s own URL to confirm it’s the preferred version.

For desktop, aim for 140–158 characters, which fits within approximately 920 pixels — Google’s display limit. Mobile results show less — around 110–130 characters. Keep your most important message within the first 120 characters. Google sometimes rewrites descriptions, but a well-written, query-focused description is more likely to be kept and will directly affect click-through rate from search results.

No. Google officially stopped using the meta keywords tag as a ranking signal in 2009. Bing and most other search engines ignore it too. Including keywords in your meta keywords tag provides no SEO benefit. Focus on your title tag, meta description, and actual page content instead. This tool includes a keywords field for reference or for platforms that still read it, but it has no impact on Google rankings.

Facebook caches link previews heavily. After updating your og:image tag, visit the Facebook Sharing Debugger at developers.facebook.com/tools/debug/, paste your URL, and click “Scrape Again.” This forces Facebook to re-fetch your current OG tags and update its cache. It usually takes a few minutes to propagate. The same applies to LinkedIn — use their Post Inspector tool at linkedin.com/post-inspector/.

Yes. Use this tool to plan and write your meta title, description, and OG tags — then paste the values into your WordPress SEO plugin (Rank Math, Yoast, or All in One SEO) through the post/page editor. You don’t need to add HTML code manually to WordPress. The SERP preview in this tool also helps you verify that your title and description won’t be cut off before publishing.