Meta Tag Generator – Complete HTML Meta Tags | Awesome Toolkit

Meta Tag Generator

Generate a complete set of HTML meta tags: title, description, Open Graph, Twitter Card, viewport, charset, and canonical.

By Marshkalk

Meta Tag Generator

Generates the HTML meta tags needed for SEO and social media sharing. Produces standard meta tags (title, description), Open Graph tags for Facebook/LinkedIn, and Twitter Card tags.

Meta tags generated

  • <title>: page title shown in browser tab and search results (50-60 characters recommended)
  • meta description: snippet shown below the title in SERPs (150-160 characters recommended)
  • Open Graph: og:title, og:description, og:image, og:url for social sharing previews
  • Twitter Card: twitter:card, twitter:title, twitter:description, twitter:image
  • Canonical: prevents duplicate content issues by specifying the preferred URL
  • Robots: index/noindex, follow/nofollow directives

Best practices

  • Keep the title under 60 characters to avoid truncation in Google results
  • Write unique meta descriptions for every page; duplicates are ignored
  • og:image should be at least 1200×630 px for optimal social sharing display
  • Add a canonical tag to every page to prevent duplicate content indexing

How to use

Fill in the fields, then copy the generated snippet and paste it into the <head> section of your HTML.

Beyond standard meta tags: hreflang and og:locale for multilingual sites

If your site targets multiple countries or languages, two additional tags are essential and often overlooked:

  • hreflang: tells Google which version of a page targets which language/region. Without it, Google may show the wrong language version to users. Example for a UK and US split: <link rel="alternate" hreflang="en-GB" href="https://example.com/en-gb/page"> and <link rel="alternate" hreflang="en-US" href="https://example.com/en-us/page">. Always include an x-default fallback.
  • og:locale: controls the language Facebook and LinkedIn use when rendering the Open Graph preview. Use BCP 47 format: en_GB for UK English, fr_FR for French, de_DE for German, es_ES for Spanish, pt_PT for Portuguese (Portugal), pt_BR for Brazilian Portuguese.

Common hreflang mistakes: forgetting the reciprocal link (every page must link to all its alternates), using language-only codes (en) when a country code is needed (en-GB), and omitting x-default.

Privacy-first meta tags (GDPR/UK GDPR)

Meta tags that affect indexing and tracking have compliance implications for EU and UK users:

  • <meta name="robots" content="noindex"> on privacy policy, cookie policy, and terms pages keeps these out of SERPs. This does not affect compliance, but prevents legal pages from being cited out of context in search results.
  • The og:image tag points to an image that social platforms cache indefinitely. Avoid using images of real people as the OG image if they have not consented to that use.