Meta Tag Checker
Enter any URL to fetch all its meta tags live — title, description, Open Graph, Twitter Cards, canonical, icons, and more. Preview your Google SERP snippet and social share cards instantly.
Fetches the live page and extracts every meta tag, OG tag, Twitter Card, canonical, icons, and more.
Why Meta Tags Are Your Organic Ad Copy
Your title tag and meta description are what users see before they click your link in search results. They function as organic ad copy: a well-written title targets a keyword and signals relevance; a compelling description converts impressions into clicks. Click-through rate is a confirmed Google ranking signal, which means better meta tags directly improve your position over time.
Meta tags also control your social share previews. When someone shares your URL on LinkedIn, Slack, or X, the platform reads your Open Graph tags to build the preview card. A missing og:image means a blank grey box. A missing og:title means the platform falls back to the URL string. These details compound: a good share preview drives more traffic, which drives more backlinks, which improves rankings.
Title Tag Best Practices
Keep titles under 60 characters
Google truncates at approximately 600px display width, which is around 60 characters in most fonts. Longer titles are cut with an ellipsis.
Put the primary keyword near the front
Google gives more weight to keywords that appear earlier in the title. Lead with the most important term.
Make every title unique
Duplicate title tags across multiple pages tell Google the pages cover the same topic, which splits ranking potential and confuses crawlers.
Match the H1 heading
When the title and H1 diverge significantly, Google is more likely to rewrite your title in search results using its own version derived from the heading.
Include your brand at the end
Separate with a pipe or dash: Primary Keyword — Brand Name. The brand should be last so it does not displace the keyword in truncated display.
Character Limits at a Glance
How to Add Meta Tags in Next.js
In Next.js App Router, export a metadata object from any page or layout file. Next.js generates the title, description, og:*, and twitter:* tags automatically from this object:
// app/products/[slug]/page.tsx
export async function generateMetadata({ params }) {
const product = await getProduct(params.slug)
return {
title: `${product.name} — BuiltByMe`,
description: product.tagline,
alternates: { canonical: `https://yoursite.com/products/${product.slug}` },
openGraph: {
title: product.name,
description: product.tagline,
url: `https://yoursite.com/products/${product.slug}`,
images: [{ url: product.logo_src, width: 800, height: 600 }],
},
}
}Meta Tags and AI Search Visibility
AI systems like Perplexity, ChatGPT with web search, and Google AI Overviews use your title tag and meta description as primary signals when deciding what a page is about and whether to cite it. A title that clearly states the topic and a description that answers a specific question increase the likelihood of your page being retrieved and cited. Pages with vague titles like "Home" or truncated descriptions that trail off mid-sentence are significantly less likely to appear in AI-generated answers.
Frequently Asked Questions
Can Google rewrite my title tag in search results?
Yes, and it does so frequently. Google has confirmed that it generates alternative title links for search results when it believes the provided title is too long, stuffed with keywords, doesn't accurately describe the page, or is significantly different from the H1 heading. Studies suggest Google rewrites title tags on more than 50% of pages. To reduce rewrites: keep titles under 60 characters, match the H1, put your primary keyword near the front, and avoid excessive brand name repetition.
What is the difference between og:title and twitter:title?
og:title is the Open Graph title used when sharing on Facebook, LinkedIn, Slack, Discord, and most other platforms. twitter:title is the Twitter-specific equivalent used on X (formerly Twitter). If twitter:title is absent, Twitter falls back to og:title. For most sites, setting og:title is sufficient and Twitter will use it automatically. Only add separate twitter:* tags if you want X shares to show different text than other platforms.
What should my og:image size be?
The recommended og:image size is 1200x630 pixels at a 1.91:1 aspect ratio. This renders correctly across Facebook, LinkedIn, Twitter (as summary_large_image), Slack, and WhatsApp. Images smaller than 600x315px may not display on some platforms. Always use absolute URLs including the protocol (https://) — relative paths will not work. When you update the image content, change the filename or add a query parameter to bust CDN caches, otherwise platforms may show the old cached version.
What is a canonical URL and why does it matter?
A canonical URL is the version of a page you want Google to treat as the definitive, indexable URL when duplicate or near-duplicate versions exist. You declare it with a <link rel='canonical' href='...'> tag in your HTML head. Without it, Google must guess which version to index, and may split link equity across duplicates. Common duplicate scenarios: HTTP vs HTTPS, www vs non-www, trailing slash vs no trailing slash, and paginated pages. The canonical should always be an absolute URL pointing to the exact version you want indexed.
How do meta tags affect AI search visibility?
AI-generated answers from Perplexity, ChatGPT, and Google AI Overviews use your title tag and meta description as primary signals for what a page is about. A strong, keyword-rich title tag increases the likelihood that your page is retrieved when the AI system is answering a related question. Your og:image may appear as a citation thumbnail. Pages with clear, accurate meta descriptions that match their content are more likely to be cited as authoritative sources in AI-generated responses.