Meta Tags Complete Guide: Title, Description, and Open Graph
Meta tags control how your pages appear in search results and on social media. Learn which tags matter, what to write in them, and common mistakes to avoid.
Meta tags are HTML elements in the <head> section of a webpage that provide information about the page to search engines, browsers, and social media platforms. They do not appear on the page itself, but they have a significant impact on how the page appears in search results and when shared on social networks.
Getting meta tags right is one of the highest-leverage, lowest-effort SEO improvements available. This guide covers the tags that matter most, how to write them effectively, and the mistakes that cost clicks.
The Title Tag
The title tag (<title>) defines the clickable headline that appears in Google search results. It is also displayed in browser tabs and bookmarks.
<title>Meta Tags Complete Guide: Title, Description, and Open Graph</title>Why It Matters
The title tag is the single most important on-page SEO element. It directly influences:
- Whether Google understands your page's topic
- How prominently your page appears for specific search queries
- The click-through rate from search results to your page
A well-written title that matches search intent and includes the right keyword can improve rankings and increase traffic even without changing anything else on the page.
How to Write an Effective Title Tag
Keep it under 60 characters. Google truncates titles that are too long in search results. Aim for 50-60 characters to ensure the full title is visible.
Include your primary keyword near the front. Search engines and users scan titles from left to right. Placing your main keyword early signals relevance and catches the eye.
Write for humans, not algorithms. The title should accurately describe the page content and give a reason to click. Titles that are pure keyword lists (like "mortgage calculator, home loan, payment estimator") perform worse than natural language titles.
Brand name placement: Many SEO practitioners add the brand name at the end with a separator: "How to Write Meta Tags | Very Simple Tools." This helps with brand recognition while keeping the primary keyword prominent.
Common Title Tag Mistakes
- Too long: Gets truncated in search results, cutting off important information
- Duplicate titles: Every page on your site should have a unique title
- Keyword stuffing: "Best cheap mortgage calculator free mortgage payment home loan calculator" looks spammy and is treated as such
- Clickbait mismatch: Writing a sensational title that the content does not deliver on increases bounce rate and reduces dwell time, both of which are negative signals
The Meta Description
The meta description provides a brief summary of the page content. It appears as the snippet text in Google search results beneath the title.
<meta name="description" content="Meta tags control how your pages appear in search results and on social media. Learn which tags matter, what to write in them, and common mistakes to avoid.">Why It Matters
Google does not use meta descriptions as a direct ranking factor. However, a compelling meta description significantly increases click-through rate (CTR) from search results. Higher CTR on a result tends to reinforce its ranking over time.
Google sometimes overrides your meta description with text it pulls from the page content, particularly if it thinks the page content better matches the search query. This is more common for queries where the user's intent is very specific.
How to Write an Effective Meta Description
Keep it under 160 characters. Google typically truncates descriptions longer than 155-160 characters.
Include the primary and secondary keyword naturally. Google bolds keywords in the snippet that match the search query, making your result stand out visually.
Write a genuine value proposition. The description should answer the user's implicit question: "Why should I click this result?" Give them a reason.
Use active voice and action verbs. "Learn how compound interest works" is more compelling than "Information about compound interest is provided."
Make it accurate. Misleading descriptions that do not match the page content increase bounce rates and erode trust.
Open Graph Tags
Open Graph (OG) tags control how your pages appear when shared on social media platforms like Facebook, LinkedIn, Twitter/X, and messaging apps like Slack and iMessage.
<meta property="og:title" content="Meta Tags Complete Guide">
<meta property="og:description" content="Meta tags control how your pages appear in search results and social media. Learn which tags matter.">
<meta property="og:image" content="https://verysimpletools.com/images/blog/meta-tags-guide.jpg">
<meta property="og:url" content="https://verysimpletools.com/blog/meta-tags-complete-guide">
<meta property="og:type" content="article">The Essential OG Tags
og:title — The title of the shared content. This can differ from your SEO title; social sharing allows slightly more expressive language.
og:description — The description shown in the social card. Aim for 2-3 sentences or 200-300 characters.
og:image — The image displayed in the social card. This is the most visually impactful element. Recommended dimensions are 1200 x 630 pixels. The image must be hosted at a publicly accessible URL.
og:url — The canonical URL of the page being shared.
og:type — The content type: website for homepages, article for blog posts, product for e-commerce pages.
Twitter Card Tags
Twitter (now X) uses its own card tags, though it falls back to OG tags if Twitter-specific tags are absent:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Meta Tags Complete Guide">
<meta name="twitter:description" content="Learn which meta tags matter for SEO and social sharing.">
<meta name="twitter:image" content="https://verysimpletools.com/images/blog/meta-tags-guide.jpg">summary_large_image produces the large image card format. summary produces a smaller thumbnail version.
The Canonical Tag
The canonical tag tells search engines which version of a page is the "official" one when duplicate or near-duplicate content exists at multiple URLs.
<link rel="canonical" href="https://verysimpletools.com/blog/meta-tags-complete-guide">Use canonicals when:
- Your page is accessible at multiple URLs (http vs https, www vs non-www, with and without trailing slashes)
- You have paginated content
- You have product pages with multiple sort/filter URL variations
- You syndicate content on other platforms and want the original to rank
The Robots Meta Tag
The robots meta tag controls whether search engines should index the page and follow its links:
<meta name="robots" content="index, follow">
<meta name="robots" content="noindex, nofollow">Use noindex for:
- Staging environments and development URLs
- Thank-you pages after form submissions
- Duplicate content that cannot be consolidated
- Admin and login pages
Generate All Your Meta Tags at Once
Rather than writing each tag by hand, a meta tag generator lets you fill in the key fields and get the complete HTML code to paste into your page, including the title, meta description, Open Graph tags, and Twitter Card tags.