📋 In This Guide
Why Meta Tags Matter
When someone shares your link on WhatsApp, Facebook, or X, or when it shows up in Google search results, the platform needs to know what title, description, and image to display. Without the right meta tags, platforms fall back to guessing — often grabbing the wrong image or a confusing snippet of text from the middle of your page.
Getting this right directly affects click-through rates: a link with a clear title, compelling description, and proper preview image gets noticeably more clicks than a bare, image-less link — which matters whether you're sharing a blog post, a product page, or a tool.
Google Search
Title and description control your search result snippet
Facebook & LinkedIn
Open Graph tags control the shared link's card
Twitter/X
Twitter Card tags control the in-feed link preview
Reads Open Graph tags for the chat link preview
Open Graph Tags Explained
Open Graph is a protocol originally introduced by Facebook, now widely supported across Facebook, LinkedIn, WhatsApp, Slack, and many other platforms. It uses a set of <meta property="og:..."> tags placed in your page's <head> to explicitly define how the link should appear when shared.
og:description — the summary text below the title
og:image — the preview image (1200×630px recommended)
og:url — the canonical URL of the page
og:type — usually "website" or "article"
Twitter Card Tags Explained
X (formerly Twitter) has its own tag format, prefixed twitter:, that controls how a link appears in the timeline. There are two common card types: summary (small square image, compact card) and summary_large_image (full-width image, more visually prominent — generally the better choice for most content).
Need to check your title and description length too?
Count characters against every major platform's limits at once.
Ideal Title and Description Lengths
| Element | Ideal Length | Why |
|---|---|---|
| Meta title | 50–60 characters | Google truncates longer titles with an ellipsis in most search results |
| Meta description | 140–155 characters | Descriptions beyond ~160 characters are typically cut off |
| OG title | Up to ~60 characters | Longer titles get cut off on most social card layouts |
| OG description | Up to ~110 characters | Social cards show less description text than Google search results |
Recommended Image Sizes
Use a 1200 × 630 pixel image for og:image — this roughly 1.91:1 aspect ratio displays cleanly as a large card on Facebook, LinkedIn, and X without awkward cropping. Keep the file size under 1MB for fast loading, and always use an absolute URL (starting with https://), since relative paths won't resolve correctly when the platform's crawler fetches your page.
5 Common Meta Tag Mistakes to Avoid
Frequently Asked Questions
Meta tags, originally introduced by Facebook, that control how a webpage's title, description, and image appear when shared on Facebook, LinkedIn, WhatsApp and other platforms.
A set of meta tags controlling how a link appears when shared on X, similar to Open Graph for Facebook. Without them, X may fall back to Open Graph data or show a plain link.
50 to 60 characters. Google displays titles based on pixel width, but staying within this range reliably avoids truncation in most search results.
140 to 155 characters. Google typically truncates descriptions longer than about 160 characters with an ellipsis.
1200 x 630 pixels, giving a roughly 1.91:1 aspect ratio that displays well as a large preview card without awkward cropping.
It's recommended. X can fall back to Open Graph tags if Twitter Card tags are missing, but dedicated tags give more reliable control specifically on that platform.
Usually because the page has no Open Graph tags, so the platform falls back to guessing — often the page's regular title tag and the first image it finds. Adding explicit og:title and og:image fixes this.
No. This tool only generates HTML tags and a visual preview based on what you type — it does not fetch, crawl, or store your URL or any content from it.