How to use
- Enter page title, description and URL.
- Customize Open Graph fields.
- Copy the generated HTML.
SEO
Meta Tag Generator
Generate SEO-friendly meta tags including title, description, Open Graph and Twitter cards.
Meta tags are HTML elements in a page's <head> that describe the page to search engines and social platforms. The title and meta description shape your search snippet, while Open Graph tags (og:title, og:description, og:image) and Twitter Cards control how your link looks when shared on social media. This tool generates a complete, standards-compliant set of meta tags you can copy straight into your HTML.
HTML
<!-- Primary Meta Tags --> <title>My Awesome Page</title> <meta name="title" content="My Awesome Page"> <meta name="description" content="A short, compelling description that shows up in search results and social shares."> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://example.com/page"> <meta property="og:title" content="My Awesome Page"> <meta property="og:description" content="A short, compelling description that shows up in search results and social shares."> <meta property="og:image" content="https://example.com/og.png"> <meta property="og:site_name" content="Example"> <meta property="og:locale" content="en_US"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://example.com/page"> <meta name="twitter:title" content="My Awesome Page"> <meta name="twitter:description" content="A short, compelling description that shows up in search results and social shares."> <meta name="twitter:image" content="https://example.com/og.png"> <!-- Canonical --> <link rel="canonical" href="https://example.com/page">
FAQ
What is Open Graph?
Open Graph is a protocol created by Meta (Facebook) that turns any web page into a rich object in social feeds. Its tags — og:title, og:description, og:image and og:url — control the title, summary and thumbnail shown when a link is shared on Facebook, LinkedIn, Slack, Discord and many messaging apps.
How long should my title and meta description be?
Keep titles around 50–60 characters (about 600 pixels) and meta descriptions around 150–160 characters. Google truncates longer text in search results, so front-load the important words.
Does the meta keywords tag still matter?
No. Google has ignored the keywords meta tag since 2009, and no major search engine uses it for ranking. Spend your effort on the title, meta description and Open Graph tags instead.
What is the twitter:card meta tag?
twitter:card tells X (Twitter) how to render your link preview. Use "summary" for a small square thumbnail and "summary_large_image" for a large rectangular image. The preview image itself is set with twitter:image (falling back to og:image).