Social Meta Generator

Generate social meta tags: Open Graph, Twitter/X Cards, plus SEO meta tags.

Visual Studio Release Diff Regression Check Staging Check SEO Checker URL Debugger llms.txt Hreflang OG Image Social Meta JSON-LD Schema Markup Social Preview SERP Preview Robots.txt

Import existing tags

Paste HTML or upload an HTML file to pre-fill fields

Page URL

The full URL of the page. Used for previews and as a default for canonical.

Title Tag0/60

The <title> tag. Google truncates by pixel width (~580px). Aim for 50-60 characters.

Meta Description0/160

Shows in Google search results. Aim for 150-160 characters. Google truncates at ~920px.

Canonical URL

Defaults to your page URL if empty. Use when multiple URLs show the same content.

OG Type

The type of content. Most pages use "website" or "article".

og:title

Title for social cards. Leave empty to use your title tag.

og:description

Description for social cards. Leave empty to use your meta description.

og:image

Recommended: 1200×630px. Use an absolute URL.

Card Type

"summary_large_image" gives the biggest visual impact.

twitter:title

twitter:description

twitter:image

Falls back to your OG image if empty.

twitter:site

The site's X handle.

twitter:creator

The author's X handle.

Generated Output

Copy & paste into your site

HTML Head Tagshtml

<meta name="robots" content="index, follow" />
<meta http-equiv="content-language" content="en" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:locale" content="en" />

<!-- Twitter / X Card -->
<meta name="twitter:card" content="summary_large_image" />

Live Preview

Updates as you type

example.com

Your Page Title

Your page description appears here. Edit your title and description on the left to see the Google preview update…

Description truncated by Google

Brand Profile

No brand profile yet.

Save This Page Setup

Save this page's SEO setup so you can return, tweak, and re-export without re-entering everything. Stored in your browser.

A social meta generator that builds your SEO meta tags (title tag, meta description, canonical, robots) plus Open Graph tags (og:title, og:description, og:image, og:url) and Twitter/X Cards (twitter:card, twitter:title, twitter:image) — with a live Google SERP preview and social card previews that show exactly how your snippet and cards will appear. Unlike character-count tools, SerpCraft measures pixel width, so you see where Google will actually truncate your title and description.

What are meta tags?

Meta tags are HTML elements in the <head> of your page that tell search engines and social platforms what your page is about. The two most important are the <title> tag (shown as the blue clickable link in Google) and the meta description (shown as the gray snippet text below it). Together, these determine what your search result looks like and how likely people are to click.

Title tag best practices

Your title tag should be 50-60 characters, but Google actually truncates by pixel width (approximately 580px on desktop). Use your primary keyword near the beginning. Include your brand name at the end, separated by a pipe (|) or dash (—). Write something that reads naturally — keyword stuffing hurts click-through rate. The live preview on this page shows you exactly where Google will cut your title.

Meta description best practices

Your meta description should be 150-160 characters (Google truncates at approximately 920px). Write it as ad copy — it does not directly affect rankings, but it affects whether people click. Include your keyword, a benefit, and a call to action. If you skip it, Google will generate one from your page content, which is usually worse.

The essential Open Graph tags

Every page should have at minimum: og:title (the title shown on the card), og:description (the summary text), og:image (the preview image), og:url (the canonical URL), and og:type (website, article, product, etc.). The og:image is the most impactful — a good image dramatically increases click-through rate on social shares. Recommended size is 1200×630px.

og:title vs twitter:title

og:title is read by Facebook, LinkedIn, Slack, and Discord. twitter:title is read by X/Twitter. You can set them separately if you want different titles on different platforms, but most sites use the same title and let Twitter fall back to og:title. SerpCraft lets you set both independently or leave the Twitter fields empty to fall back automatically.

How to fix a broken social preview

If your social card looks wrong or shows no image: (1) Make sure your og:image URL is an absolute URL (https://example.com/image.png, not /image.png). (2) Make sure the image is publicly accessible and at least 1200×630px. (3) Use the platform's debugger — Facebook Sharing Debugger, Twitter Card Validator, or LinkedIn Post Inspector — to force a re-scrape. Platforms cache OG tags, so changes may not appear immediately without a re-scrape.