Meta Tag Generator — SEO & Social

Generate title, description, canonical, robots, Open Graph, and Twitter Card meta tags in one place. Copy the HTML and paste into your page head.

All On-Page SEO

Hreflang Generator

Build hreflang tags for every language version of a page as HTML, an HTTP header or sitemap XML, and catch invalid codes like en-UK before they ship.

SERP Preview

Preview how a title and description will look in Google search results, with real pixel-width truncation, not just a character count. 100% client-side.

robots.txt Generator

Build a valid robots.txt file from Allow/Disallow rule groups, crawl-delay and sitemap URLs. Multiple user-agents supported. Copy and paste, entirely offline.

Keyword Permutations

Combine word lists into every long-tail keyword phrase, one term from each. Join character, list-order permutation and Google Ads match-type wrapping.

Every web page should declare what it is to search engines and social platforms. The Meta Tag Generator produces the complete set of HTML meta tags in one place: the essential title, description, keywords, author, robots, and canonical, plus Open Graph tags for Facebook and LinkedIn previews, plus Twitter Card tags for X (formerly Twitter). Fill in the fields you need and ignore the rest — blank fields produce no output.

Load Sample populates all sections with a realistic set of values so you can see the full output structure immediately. The title and description fields show live character counters coloured green when within the Google-recommended range and red when outside it. Open Graph and Twitter Card fields are pre-wired to inherit from the title and description above, so in many cases you only need to fill in the core fields and add an image URL.

Getting Your Tags Out

Fill in Page title and Meta description — these are the only two fields Google reliably uses from meta tags. The character counters turn green when the length is inside the optimal range (30–60 for title, 120–160 for description).
Add a Canonical URL if the page has duplicate or near-duplicate versions at other URLs. Omitting it is safe for pages with only one URL.
Set the Robots directive — the default index, follow is correct for most public pages. Use noindex, follow to hide a page from Google without breaking its outgoing links.
Add an og:image URL in the Open Graph section. This is the image that appears when the page is shared on social media. Recommended size is 1200 × 630 px for Open Graph and 800 × 418 px for Twitter summary cards.
Click Copy all and paste the output into the <head> of your HTML document.

Format Notes for Each Tag

charset and viewport are always included because a page without these renders incorrectly on mobile browsers and triggers a Google audit warning. They are not configurable here because the correct values are always the same: UTF-8 and width=device-width, initial-scale=1.0.
Open Graph tags inherit from the page title and description if the og:title and og:description fields are left blank. This means a minimal fill-in (title, description, og:image, og:url) produces a complete social share preview.
Twitter Card tags additionally inherit from og:image if twitter:image is blank. Summary Large Image is the card type that shows a wide preview banner — the most common choice for article and product pages.
All values are HTML-escaped before output: ampersands become &, quotes become ", and angle brackets become </>. This prevents malformed HTML if a title contains a special character.

Getting Your Tags Out

Fill in Page title and Meta description — these are the only two fields Google reliably uses from meta tags. The character counters turn green when the length is inside the optimal range (30–60 for title, 120–160 for description).
Add a Canonical URL if the page has duplicate or near-duplicate versions at other URLs. Omitting it is safe for pages with only one URL.
Set the Robots directive — the default index, follow is correct for most public pages. Use noindex, follow to hide a page from Google without breaking its outgoing links.
Add an og:image URL in the Open Graph section. This is the image that appears when the page is shared on social media. Recommended size is 1200 × 630 px for Open Graph and 800 × 418 px for Twitter summary cards.
Click Copy all and paste the output into the <head> of your HTML document.

Format Notes for Each Tag

charset and viewport are always included because a page without these renders incorrectly on mobile browsers and triggers a Google audit warning. They are not configurable here because the correct values are always the same: UTF-8 and width=device-width, initial-scale=1.0.
Open Graph tags inherit from the page title and description if the og:title and og:description fields are left blank. This means a minimal fill-in (title, description, og:image, og:url) produces a complete social share preview.
Twitter Card tags additionally inherit from og:image if twitter:image is blank. Summary Large Image is the card type that shows a wide preview banner — the most common choice for article and product pages.
All values are HTML-escaped before output: ampersands become &, quotes become ", and angle brackets become </>. This prevents malformed HTML if a title contains a special character.

Meta Tag Generator — SEO & Social

You Might Also Like

Hreflang Generator

SERP Preview

robots.txt Generator

Keyword Permutations

About This Tool

Getting Your Tags Out

Format Notes for Each Tag

Meta Tag Generator — SEO & Social

You Might Also Like

Hreflang Generator

SERP Preview

robots.txt Generator

Keyword Permutations

About This Tool

Getting Your Tags Out

Format Notes for Each Tag