Meta Tag Generator

META TAGS OG TAGS SEO TWITTER CARDS

About this tool

Generate complete meta tags for SEO, Open Graph and Twitter Cards — copy ready.

Generate complete meta tags for SEO, Open Graph and Twitter Cards instantly. Live Google SERP preview. Copy-ready HTML code. Free, no signup.

RT-SEO-001 · SEO & Marketing

Page Title

0/60

Keep under 60 characters for full display in Google results.

Meta Description

0/160

Aim for 120–160 characters. Most important content first.

Author (optional)

Keywords (comma separated — less important for modern SEO) (optional)

Canonical URL

OG Title

OG Description

OG Image URL

Recommended: 1200×630 px, under 1 MB. Used by WhatsApp, Facebook, LinkedIn.

OG Type

Card Type

Use summary_large_image to display a large hero image when shared on X.

Twitter @Handle

recatools.com › page

Page Title

Your meta description will appear here — write a compelling summary that entices users to click.

Updates live as you type. Google may rewrite titles and descriptions.

Generated HTML

How to Use the Meta Tag Generator

Enter your page title and description

Keep the title under 60 characters and description under 160 for optimal Google display. The character counters turn orange as you approach the limit and red when you exceed it. Both fields update the SERP preview in real time.

Fill in Open Graph tags

Open Graph controls how your page appears when shared on Facebook, LinkedIn, and WhatsApp. Click the Open Graph section to expand it — your Page Title and Description are pre-filled automatically. Add your OG image URL for the best link preview results (1200×630px recommended).

Preview your Google snippet

The live SERP preview on the right shows exactly how your page will appear in Google search results. Titles are truncated at 60 characters and descriptions at 160 characters — if you see ellipsis, shorten your text to keep the key message visible.

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

The title tag remains one of the few HTML elements that Google confirms as a direct ranking factor. Place your primary keyword near the start of the title, keep it between 50 and 60 characters, and make it genuinely descriptive of the page content. Google rewrites page titles approximately 61% of the time — usually when the title is too long, too short, stuffed with keywords, or simply does not match what the page is actually about. Writing a clear, accurate title reduces the chance of an unwanted rewrite.

The meta description is not a ranking factor but it is a click-through factor. Google uses the description to help users decide whether your page answers their query. A well-crafted description that matches search intent increases click-through rate (CTR) — and higher CTR sends engagement signals that can indirectly improve your position over time. Keep descriptions between 120 and 160 characters, front-load the value proposition, and include a soft call to action.

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. Recommended dimensions are 1200×630 pixels at a 1.91:1 ratio. Facebook and LinkedIn will refuse to display images smaller than 600×315 pixels. Use a real, high-contrast image with minimal text overlaid — platforms compress images aggressively, so start with a clean, high-resolution source. 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.

"A well-written meta description doesn't directly affect rankings — but a compelling one can increase click-through rate by 30%, which does."

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 limits behave differently across scripts. A 60-character title tag in English displays cleanly, but a 60-character title in Chinese uses characters that are visually wider than Latin letters — some platforms count Chinese, Japanese, and Korean (CJK) characters as occupying two units of display width. The practical guideline for CJK titles is to keep them under 30 characters to avoid truncation. Indonesian and Malay, being Latin scripts, follow the same rules as English. Singapore government websites (gov.sg) set the standard in the region: every page carries both an English and a Chinese title and description, and the canonical points to a single authoritative language version.

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: descriptions must be meaningful at 120 characters (the mobile truncation limit), not just 160. Writing for mobile-first markets means front-loading every key phrase in your description, because mobile users see approximately 25% less text than desktop users before the ellipsis appears.

10 Facts About Meta Tags

Google rewrites meta titles approximately 61% of the time — usually when the title is too long, too short, or doesn't match the page content well.

The meta keywords tag was officially deprecated by Google in 2009 — it has zero effect on rankings today, though it can still appear in generated code for legacy CMS compatibility.

The recommended OG image size is 1200×630 pixels at a 1.91:1 ratio — too small and platforms may refuse to display it; too large and it loads slowly.

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.

WhatsApp uses Open Graph tags to generate link previews — critical for ASEAN markets where WhatsApp is the primary sharing platform across Singapore, Malaysia, Indonesia and the Philippines.

A page title between 50–60 characters displays fully in most Google search results — shorter or longer titles may be truncated or rewritten by Google's algorithm.

Twitter Cards require the Twitter Card meta tags to be validated before they appear — use Twitter's Card Validator tool to test your implementation before publishing.

Singapore's GovTech team runs A/B tests on meta descriptions for gov.sg pages — treating SEO with the same rigour as product UX to maximise public service discoverability.

Google shows 155–160 characters of meta description on desktop but only 120 characters on mobile — write the most important content first to survive both truncations.

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 officially deprecated the meta keywords tag in 2009. It has zero effect on search rankings today. Other major search engines like Bing have also confirmed they ignore it. The tag still appears in the generated code for legacy CMS compatibility, but you do not need to fill it in for modern SEO purposes.
Between 50 and 60 characters for optimal display in Google search results. Shorter titles may be padded; longer ones are truncated or rewritten by Google. The title tag remains a direct ranking factor, so make it descriptive, include your primary keyword near the front, and keep it under 60 characters.
The title tag is the blue clickable headline shown in Google search results and is a direct ranking factor. The meta description is the grey summary text below the title — it does not directly affect rankings but influences click-through rate (CTR). A compelling description can significantly increase the number of users who click your result.
The recommended OG image size is 1200×630 pixels at a 1.91:1 aspect ratio. If the image is smaller than 600×315 pixels, Facebook and LinkedIn may refuse to display it. Use high-quality images — platforms compress them on delivery, so start larger. WhatsApp uses the og:image tag for link previews, making it especially important for ASEAN markets.
Yes, ideally both. Twitter falls back to Open Graph tags if Twitter Card tags are missing, but Twitter Card tags give you more control — specifically the card type (summary vs summary_large_image) and the twitter:site handle for attribution. If you want your links to display with a large image preview on X (Twitter), you need twitter:card set to summary_large_image explicitly.
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.

Meta Tag Generator