The Meta Tag Generator creates all the important meta tags for a web page from a simple form — the SEO title and description, Open Graph tags for Facebook and LinkedIn, and Twitter Card tags. As you type, live previews show how your page will look in Google search results and as a social share card.
Just fill in your title, description, URL, and social image, and copy the ready-to-paste HTML into your page’s <head>. All values are safely HTML-escaped. Everything runs in your browser — nothing is sent anywhere.
How to generate meta tags
- Enter your page title and description (watch the character counters for ideal lengths).
- Add your page URL, site name, and a social image URL (og:image).
- Pick the content type and Twitter card style, and optionally add a Twitter handle and keywords.
- Check the Google and social previews, then click Copy and paste the tags into your page’s <head>.
What the tags do
- Title & description — what Google shows in search results.
- Canonical URL — tells search engines the preferred URL for the page.
- Open Graph (og:) — controls how the page looks when shared on Facebook, LinkedIn, WhatsApp, and more.
- Twitter Card — controls the preview when shared on X / Twitter.
- og:image — the preview image; 1200×630 pixels is the recommended size.
Recommended lengths
- Title: around 50–60 characters so it isn’t truncated in search results.
- Description: around 150–160 characters for the full snippet to show.
- Social image: 1200×630 px (1.91:1) for the large social card.
Frequently Asked Questions
What are meta tags and why do I need them?
Meta tags are snippets of HTML in your page’s <head> that tell search engines and social platforms about your page — its title, description, and preview image. They influence how your page appears in Google and when shared on social media.
What are Open Graph tags?
Open Graph (og:) tags control how your page looks when shared on Facebook, LinkedIn, WhatsApp, and other platforms — the title, description, and preview image shown in the share card.
What size should the social share image be?
Use 1200×630 pixels (a 1.91:1 ratio) for the large social card. Smaller images may be cropped or shown as a small thumbnail.
Where do I put the generated tags?
Paste them inside the <head> section of your HTML page, ideally near the top. If your site is built with a framework or CMS, add them through its head/SEO settings.
Are the previews exactly how it will look?
They are close approximations. Google and each social platform render titles, descriptions, and images slightly differently and may truncate them, so treat the previews as a guide.