Analyze meta tags and preview how your content appears on Google, Facebook, Twitter/X, LinkedIn, Pinterest, and Slack.
Enter a URL to analyze its meta tags and see social media previews
Meta tags are snippets of HTML code that provide structured information about a webpage to search engines, browsers, and social media platforms. They're placed in the <head> section of your HTML document and are invisible to visitors, but they play a critical role in how your content is discovered, indexed, and displayed across the web.
Think of meta tags as your webpage's introduction to the digital world. When a search engine crawls your site, meta tags help it understand what your page is about, who should see it, and how it should be presented in search results. When someone shares your link on social media, meta tags determine the title, description, and image that appear in the preview.
The title tag (<title>) is the most important on-page SEO element. It appears as the clickable headline in search engine results and in browser tabs.
<title>Your Page Title | Brand Name</title>
The meta description provides a brief summary of your page content. It appears below the title in search results and influences click-through rates.
<meta name="description" content="Your compelling page description here...">
Open Graph (OG) tags were created by Facebook and are now used by most social media platforms including LinkedIn, Pinterest, and messaging apps. They control how your content appears when shared on social media, ensuring your links display with the right image, title, and description.
| Tag | Description | Example |
|---|---|---|
og:title |
The title of your content (can differ from your page title) | <meta property="og:title" content="Article Title"> |
og:description |
A brief description of your content (1-2 sentences) | <meta property="og:description" content="Description..."> |
og:image |
URL to an image that represents your content (1200x630px recommended) | <meta property="og:image" content="https://..."> |
og:url |
The canonical URL of your page | <meta property="og:url" content="https://..."> |
og:type |
The type of content (website, article, product, etc.) | <meta property="og:type" content="article"> |
og:site_name |
The name of your website | <meta property="og:site_name" content="Your Site"> |
Twitter Cards allow you to attach rich media to tweets that link to your content. While Twitter will fall back to Open Graph tags, using Twitter-specific tags gives you more control over how your content appears on the platform.
| Tag | Description | Values |
|---|---|---|
twitter:card |
The type of card to display | summary, summary_large_image, player, app |
twitter:title |
Title for the card (max 70 characters) | Your content title |
twitter:description |
Description for the card (max 200 characters) | Brief content description |
twitter:image |
URL to the image (min 144x144px, max 4096x4096px) | Absolute URL to image |
twitter:site |
Your website's Twitter username | @yourusername |
The canonical tag tells search engines which URL is the "master" version of a page. This is crucial for preventing duplicate content issues when the same content is accessible via multiple URLs.
<link rel="canonical" href="https://example.com/page">
Use when: You have URL parameters, www/non-www versions, HTTP/HTTPS versions, or syndicated content.
Controls how search engines crawl and index your page. You can tell search engines to index or not index a page, and whether to follow links on that page.
<meta name="robots" content="index, follow">
Common values: index, noindex, follow, nofollow, noarchive, nosnippet
Essential for responsive web design. This tag tells browsers how to control the page's dimensions and scaling on different devices.
<meta name="viewport" content="width=device-width, initial-scale=1">
Why it matters: Without this tag, mobile browsers will render pages at desktop width, making them hard to use on mobile devices.
Declares the character encoding for your HTML document. UTF-8 is the standard and supports virtually all characters and symbols.
<meta charset="UTF-8">
Best practice: Always include this tag and place it as the first element in your <head> section.
Well-crafted title tags and meta descriptions can significantly improve your CTR in search results. A compelling description acts as ad copy, convincing users to click your link over competitors.
Open Graph and Twitter Card tags ensure your content looks professional when shared on social media. Attractive previews lead to more engagement, clicks, and shares.
While meta descriptions aren't a direct ranking factor, title tags are. Proper use of canonical tags and robots directives also helps search engines understand and rank your content correctly.
Here's a comprehensive template you can use as a starting point for your pages:
<!-- Primary Meta Tags -->
<title>Page Title - Up to 60 Characters | Brand Name</title>
<meta name="title" content="Page Title - Up to 60 Characters | Brand Name">
<meta name="description" content="A compelling description of your page content, between 150-160 characters, that encourages users to click through from search results.">
<!-- Canonical URL -->
<link rel="canonical" href="https://yoursite.com/page-url">
<!-- Robots -->
<meta name="robots" content="index, follow">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://yoursite.com/page-url">
<meta property="og:title" content="Your Open Graph Title">
<meta property="og:description" content="Your Open Graph description for social sharing.">
<meta property="og:image" content="https://yoursite.com/images/og-image.jpg">
<meta property="og:site_name" content="Your Site Name">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://yoursite.com/page-url">
<meta name="twitter:title" content="Your Twitter Card Title">
<meta name="twitter:description" content="Your Twitter Card description.">
<meta name="twitter:image" content="https://yoursite.com/images/twitter-image.jpg">
<!-- Mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Character Encoding -->
<meta charset="UTF-8">
Recently analyzed pages
| URL | Title | Description | Score | Analyzed |
|---|---|---|---|---|
| grantbrotherscoffeecompany.com | 103 chars | 151 chars | 92/100 | Apr 29, 2026 |
| grantbrotherscoffeecompany.com | 103 chars | 151 chars | 92/100 | Apr 29, 2026 |
| grantbrotherscoffeecompany.com | 103 chars | 151 chars | 92/100 | Apr 29, 2026 |
| grantbrotherscoffeecompany.com | 103 chars | 151 chars | 92/100 | Apr 29, 2026 |
| grantbrotherscoffeecompany.com | 103 chars | 151 chars | 92/100 | Apr 29, 2026 |
| nwafood.com | 39 chars | 135 chars | 96/100 | Apr 29, 2026 |
| webinc.co | 53 chars | 165 chars | 95/100 | Apr 29, 2026 |
| seemenus.com | 35 chars | 115 chars | 95/100 | Apr 29, 2026 |
| seemenus.com | 35 chars | 115 chars | 95/100 | Apr 29, 2026 |
| webinc.co | 89 chars | 230 chars | 92/100 | Apr 28, 2026 |
Use our full suite of tools to analyze and optimize your website: