Meta Tag Generator
Generate complete meta tags for SEO, Open Graph and Twitter Cards instantly. Live Google SERP preview. Copy-ready HTML code. Free, no signup.
Meta Tag Generator Tool
The 60-character mark is where a desktop result is usually cut. Google sets no limit — it truncates to fit the device — so treat the counter as a truncation warning, not a rule.
160 characters is roughly a desktop snippet; a phone shows less. Google sets no limit, so put the point in the first clause and let the rest be a bonus.
Facebook: minimum 200×200, at least 600×315 for the large preview, 1200×630 recommended, up to 8 MB, close to 1.91:1. Used by WhatsApp, Facebook, LinkedIn, Slack.
Use summary_large_image to display a large hero image when shared on X.
Updates live as you type. This preview cuts at 60 and 160 characters to approximate a desktop result — Google sets no limit on either element and truncates to fit the device, so a phone shows less. It may also replace your title using the page's heading, its og:title or inbound anchor text.
How to Use the Meta Tag Generator
Enter your page title and description
The counters turn orange near 60 and 160 characters and red beyond. Those are the points where a desktop search result is typically cut, not limits Google imposes — it states there is no limit on either element and truncates to fit the device. Both fields update the preview live, so judge by the preview.
Fill in Open Graph tags
Open Graph controls how your page appears when shared on Facebook, LinkedIn, WhatsApp and Slack. Expand the section — title and description are pre-filled. Add an image URL: Facebook accepts from 200×200, renders the large preview from 600×315, and recommends 1200×630 near a 1.91:1 ratio. Note that the protocol itself requires og:title, og:type, og:image and og:url; og:description is optional but every scraper uses it.
Preview your Google snippet
The preview truncates at 60 and 160 characters, which approximates a desktop result. It is an illustration, not a guarantee: Google cuts to the device width, may show a longer or shorter snippet, and may replace your title using the page's heading, its og:title or the anchor text of inbound links. If you see an ellipsis, the key message is already at risk on a narrower screen.
Copy the generated code
Click Copy All to grab the complete meta tag block, then paste it inside the <head> of your HTML. Use the section buttons to copy only the Basic, Open Graph, or Twitter Card tags if you need them separately.
Meta Tags in 2026 — Still Essential for SEO and Social Sharing
Why Meta Tags Still Matter for SEO in 2026
Start with what Google actually documents, because it is narrower than most advice implies. There is no length limit on a title element. Google's own words: "While there's no limit on how long a <title> element can be, the title link is truncated in Google Search results as needed, typically to fit the device width." The same is true of the description — "There's no limit on how long a meta description can be, but the snippet is truncated in Google Search results as needed." So a long title is not penalised; it is cut. The 60 and 160 figures this tool counts against are conventions that approximate where that cut usually falls on a desktop result, not thresholds anyone enforces, and the counter turning red is a note about truncation rather than a warning about ranking.
Google also may not use your title at all. It says it draws the title link from the title element, the page's main visual title, heading elements, og:title, large prominent styled text, other page content, on-page anchor text, the anchor text of links pointing at the page, and WebSite structured data. The practical consequence is the same as the old advice for a different reason: write a title that genuinely describes the page and matches its visible heading, and there is nothing for Google to improve on. The meta description, separately, is not a ranking signal — Google may use it as the snippet when it describes the page better than the page's own text does, which is the whole of the job it has.
The canonical tag prevents duplicate content penalties — a common problem on e-commerce sites where the same product page is accessible at dozens of URLs (with filters, sorting parameters, session IDs, or trailing slashes). The canonical was introduced in 2009 in a rare instance of Google, Bing, and Yahoo co-operating on a shared SEO standard, and it remains essential today. The meta keywords tag, by contrast, was deprecated by Google in 2009 and has zero effect on rankings. It appears in the generated code for legacy CMS compatibility only.
Open Graph Tags: How Facebook and LinkedIn Read Your Pages
Facebook created the Open Graph Protocol in 2010, inspired by the concept of connecting web
pages into a social knowledge graph. When a user shares a URL on Facebook, LinkedIn, WhatsApp,
or Slack, the platform's scraper fetches the page and reads the og: tags to build
the link preview. If the OG tags are missing, the scraper guesses — often with poor results.
The og:image tag is the most visually impactful, and Facebook publishes real numbers for it: the minimum allowed dimension is 200×200 pixels, at least 600×315 is needed before a link post renders with the large image rather than a small thumbnail, 1200×630 is recommended for high-resolution screens, the file may be up to 8 MB, and the ratio should stay close to 1.91:1 or the image gets cropped. A smaller image is not refused — it simply appears small, which is the more common disappointment. Use a real, high-contrast image with minimal text over it, since platforms recompress aggressively. The og:type tag tells platforms whether the page is a website, article, product, or profile, which affects how metadata is displayed.
For ASEAN markets, the og:image is particularly critical because WhatsApp is the dominant sharing platform in Singapore, Malaysia, Indonesia, and the Philippines. A WhatsApp link preview is often the first impression a potential visitor gets of your page — treat the OG image like a social advertisement, not an afterthought. Facebook's Sharing Debugger tool (developers.facebook.com/tools/debug) lets you see exactly how your OG tags render and clear the scraper cache after changes.
Google publishes no length limit for a title or a description. Every character count you have been given, including the ones on this page, is somebody's estimate of where the truncation usually falls.
ASEAN SEO: Writing Meta Tags for Multilingual Audiences
ASEAN markets present a unique multilingual SEO challenge that most Western SEO guides overlook entirely. Singapore alone officially uses four languages — English, Mandarin, Malay, and Tamil — and brands targeting Singapore audiences often need separate page versions for each language. The hreflang attribute (used alongside the canonical tag) tells Google which language version of a page to show to which audience, preventing cannibalization between language variants.
Character counts travel badly between scripts, and this tool counts characters, not width. A Chinese, Japanese or Korean glyph is typically drawn about twice as wide as a Latin letter, so a 60-character title in Chinese occupies roughly the space of a 120-character English one and will be cut far earlier. Since Google truncates to fit the device rather than to a character count, there is no published CJK figure to give you — judge it by looking at the rendered preview, not by the counter. Indonesian and Malay are Latin-script and behave like English, though their longer affixed word forms eat the budget faster.
Malaysian brands increasingly optimise for both Bahasa Malaysia and English searches, using separate page URLs with explicit hreflang rather than trying to fit both languages into a single meta description. Indonesian e-commerce — led by platforms like Tokopedia and Shopee — has driven mobile-first SEO to the forefront. The practical rule follows from Google's own statement rather than from any figure: the snippet is truncated to fit the device width, so a narrow phone shows less of it than a desktop, and the sentence has to make its point before the cut wherever that lands. Front-load the specific claim and treat everything after the first clause as a bonus you may not get.
What Google ignores, what it rewrites, and what it still reads
Google may not display your title at all. It lists nine inputs it draws on: the title element, the main visual title, headings, og:title, large prominent styled text, other page content, on-page anchor text, anchor text of inbound links, and WebSite structured data.
Google said it ignores the keywords meta tag on 21 September 2009, in a post by Matt Cutts of the Search Quality team, and the page still carries a banner confirming it. The generator emits it only for legacy systems that expect it.
Facebook's published og:image numbers: minimum 200×200, at least 600×315 to get the large preview rather than a thumbnail, 1200×630 recommended, up to 8 MB, and close to 1.91:1 or it is cropped. Nothing is refused for being small — it just renders small.
Open Graph was created by Facebook in 2010 — the name comes from Facebook's "Open Graph Protocol" designed to connect web pages to the social graph.
Only four Open Graph properties are required by the protocol itself: og:title, og:type, og:image and og:url. og:description is listed as optional, though every scraper in practice uses it.
There is no title length limit. Google states the title link "is truncated in Google Search results as needed, typically to fit the device width" — so 60 characters is a convention approximating a desktop cut, not a rule.
X's Cards reference does set real limits, unlike Google: twitter:title max 70 characters, twitter:description max 200, twitter:image:alt max 420, and the image under 5 MB as JPG, PNG, WEBP or GIF — never SVG.
Every twitter: tag except twitter:card itself falls back to its og: equivalent, so a page with good Open Graph markup already has most of a card. Absent twitter:card, X may still render a summary card from og:type, og:title and og:description.
The description has no limit either: "There's no limit on how long a meta description can be, but the snippet is truncated in Google Search results as needed, typically to fit the device width." Narrower device, shorter snippet.
The canonical tag (rel="canonical") was introduced in 2009 by Google, Bing, and Yahoo simultaneously — the first time major search engines co-operated on an SEO standard.
Frequently Asked Questions
-
No. Google said so on 21 September 2009, in a Search Central post by Matt Cutts titled "Google does not use the keywords meta tag in web ranking", and that page still carries a note confirming the position is unchanged. This generator emits the tag only because some older content systems expect the field to exist; leaving it blank costs you nothing.
-
As long as it needs to be to describe the page, because Google imposes no limit: "While there's no limit on how long a <title> element can be, the title link is truncated in Google Search results as needed, typically to fit the device width." The familiar 50-60 band is an estimate of where a desktop result gets cut, which is why this tool counts against it — but a long title is trimmed, not punished. What matters more is that the title genuinely matches the page, because Google may substitute the page's main visual heading, an h1, the og:title or inbound anchor text when it judges the title element a poor fit.
-
The title element supplies the clickable headline of a search result; the meta description may supply the grey summary beneath it. The difference worth knowing is what each is for. Google says it may use the description when it "describes the page better than other parts of the content" — so it is a candidate snippet, not a guarantee and not a ranking signal. The title element is likewise only one of nine inputs Google lists for the headline it finally shows. Write both to describe the page accurately and you make the substitution unnecessary; write them to chase a keyword and you invite it.
-
Facebook publishes the numbers and they are worth having exactly. The minimum allowed dimension is 200×200 pixels. At 600×315 or above the link post renders with the large image; below that it still displays, just considerably smaller — nothing is refused for being small, which is the misconception worth correcting. Use at least 1200×630 for high-resolution screens, keep the file under 8 MB, and stay close to a 1.91:1 ratio or expect cropping. Platforms recompress on delivery, so start from a clean source.
-
Usually just one tag. X's Cards reference gives an Open Graph fallback for every twitter: property — twitter:title falls back to og:title, twitter:description to og:description, twitter:image to og:image, twitter:image:alt to og:image:alt — so solid Open Graph markup already carries the card. The exception is
twitter:carditself, which has no equivalent: without it X may render a plain summary card from og:type, og:title and og:description, so set summary_large_image explicitly if you want the full-width picture. Add twitter:site if you want the account attributed. The X limits are real where Google's are not: title 70 characters, description 200, image alt 420, image under 5 MB and not SVG. -
The canonical tag (
rel="canonical") tells search engines which version of a URL is the "master" copy, preventing duplicate content penalties. You need it when the same content is accessible at multiple URLs (with or without trailing slash, query parameters, or session IDs), when you have paginated content, or when content is syndicated. Always point the canonical to the definitive URL you want indexed. -
Not directly. Google does not use the meta description as a ranking signal. However, a well-written description that matches search intent increases click-through rate — and higher CTR sends positive engagement signals to Google. Write descriptions for humans: be specific, include a call to action, and make the value proposition clear within 160 characters.
-
Use Facebook's official Sharing Debugger at developers.facebook.com/tools/debug. Enter your URL and click Debug to see exactly how Facebook reads your OG tags. If you've just updated your tags, click "Scrape Again" to clear Facebook's cache. LinkedIn has its own Post Inspector, and Twitter has the Card Validator tool for testing Twitter Card tags.
-
No — this is a common SEO mistake. Every page should have a unique title and meta description that accurately reflects that specific page's content. Duplicate meta tags confuse search engines about which page to rank for a given query, often leading to lower visibility for all affected pages. Write descriptions that match the specific content on each page.
-
Google truncates meta descriptions that exceed approximately 155–160 characters on desktop and 120 characters on mobile, adding an ellipsis at the cutoff. This can cut off your call to action mid-sentence. Put the most important information in the first 120 characters. If your description is too long, Google may also choose to rewrite it entirely using content from your page body.
Pick up where you left off
Stored only in this browser — never sent to our servers.