FashionDeck
SEO

The Complete Guide to SEO Meta Tags

Which meta tags still matter in 2026, exactly how to write titles, descriptions, canonicals, Open Graph and Twitter Cards — with copy-paste examples.

February 11, 20268 min read

Meta tags are the small block of HTML in your page's <head> that tells search engines and social platforms what the page is, which URL is canonical, and what the preview should look like when somebody shares it. They are invisible to visitors and, for that reason, they are the most consistently neglected part of on-page SEO.

They will not make a thin page rank. But they decide whether the people who do see your listing click it — and click-through rate is one of the few things you fully control on the results page. Here is what still matters, what does not, and how to get it right.

The title tag

The single most important tag on the page. It becomes the blue headline in Google results, the browser tab label, and the default title for bookmarks and shares.

Rules that hold up in practice:

  • Keep it under about 60 characters. Google truncates on pixel width, not character count, so 60 is a safe approximation. Wide capital letters eat the budget faster.
  • Put the primary keyword near the front. Both users and crawlers weight the start of the string.
  • One title per page. Duplicate titles across a site are a genuine ranking problem and one of the most common issues technical audits surface.
  • Lead with the benefit, not your brand. Free Image Compressor — Shrink JPG & PNG Online | FashionDeck beats FashionDeck | Home.

Write the title as if it were an ad, because functionally that is what it is.

The meta description

Google is free to ignore your description and generate its own snippet from the page, and it often does. Write one anyway: when it is used, it is prime real estate, and it is the text most social and messaging apps fall back on.

  • 150-160 characters is the practical target.
  • Include the keyword naturally — matched terms are bolded in the SERP, which draws the eye.
  • Describe the outcome and finish with a soft call to action: "Compress JPG and PNG images in your browser. No upload, no signup, no watermark."
  • Never duplicate descriptions across pages, and never stuff keywords into them.

The Meta Tag Generator counts characters live and warns you before you exceed the safe lengths, and the SERP Preview tool shows how the finished listing will actually render on desktop and mobile.

The canonical tag

<link rel="canonical" href="https://example.com/blog/post" />

The canonical tells search engines which URL is the authoritative version of a page. It matters more than most people realise because the same content is usually reachable at several addresses: with and without a trailing slash, with tracking parameters appended, over http and https, on www and the bare domain, and through pagination or filter combinations.

Without a canonical, ranking signals split across those variants and none of them ranks as well as the combined page would have.

Two rules that prevent nearly all canonical bugs:

  1. Self-reference by default. Every page should carry a canonical pointing at itself, with the absolute, final URL.
  2. Never point a canonical at your homepage unless the page genuinely is the homepage. This is the classic mistake in template code, and it quietly tells Google to attribute the whole site to a single URL.

Open Graph tags

Open Graph controls how a link renders on Facebook, LinkedIn, Slack, Discord, WhatsApp, iMessage and most other apps that generate previews.

<meta property="og:title" content="How to Compress Images Without Losing Quality" />
<meta property="og:description" content="Cut image file sizes by 70% with no visible loss." />
<meta property="og:image" content="https://example.com/og/compress.png" />
<meta property="og:url" content="https://example.com/blog/compress-images" />
<meta property="og:type" content="article" />

The image is what actually earns the click. Use 1200 × 630 pixels, an absolute HTTPS URL, and keep the file under about 1 MB. Text on the image should be large enough to read at thumbnail size — assume it will be seen on a phone in a chat thread.

og:type should be website for your homepage and general pages, article for blog posts, product for product pages.

Twitter Card tags

X reads Open Graph as a fallback, but two extra tags give you control:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="How to Compress Images Without Losing Quality" />
<meta name="twitter:description" content="Cut image file sizes by 70% with no visible loss." />
<meta name="twitter:image" content="https://example.com/og/compress.png" />

summary_large_image gives the full-width card. summary gives the small square thumbnail. For content pages, always use the large one.

The robots meta tag

<meta name="robots" content="noindex, follow" />

Use this to keep thin or duplicate pages out of the index — internal search results, filter permutations, thank-you pages, staging routes. The catastrophic mistake is putting noindex in a shared layout or root template, which deindexes the entire site. Every few months a site drops out of Google for exactly this reason. Check your rendered HTML, not just your source.

Tags you can stop worrying about

  • <meta name="keywords"> — ignored by Google since 2009. It does nothing except show competitors your keyword list.
  • <meta name="author">, revisit-after, distribution — no search value. Use structured data for authorship instead.
  • Keyword-stuffed titles — Cheap Shoes Buy Shoes Shoes Online Shoes reads as spam to both users and algorithms.

Structured data: the tag that is not a meta tag

JSON-LD structured data is where the real gains are in 2026. It powers rich results — star ratings, FAQ accordions, breadcrumbs, recipe cards, product prices — and it is increasingly what AI search systems parse when they summarise a page.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "The Complete Guide to SEO Meta Tags",
  "datePublished": "2026-02-11"
}
</script>

Match the type to the page: Article for posts, Product for products, FAQPage for Q&A blocks, BreadcrumbList for deep pages, Organization or WebSite sitewide. Validate everything with Google's Rich Results Test before shipping.

A pre-publish checklist

  • [ ] Unique title under 60 characters, keyword near the front
  • [ ] Unique description, 150-160 characters, ends with a reason to click
  • [ ] Self-referencing absolute canonical
  • [ ] og:title, og:description, og:image (1200×630), og:url, og:type
  • [ ] twitter:card set to summary_large_image
  • [ ] No accidental noindex
  • [ ] Relevant JSON-LD, validated
  • [ ] Page listed in your sitemap and not blocked in robots.txt

Generate the whole block in about thirty seconds with the Meta Tag Generator, preview it with SERP Preview, then check your keyword balance with the Keyword Density Checker.

Keep reading

Base64 Encoding and Decoding: A Practical Guide
What Base64 is, why it exists, where to use it (and where not to), the URL-safe variant, Unicode pitfalls, and why it is not encryption.
Keyword Density and SEO Rankings, Explained
What keyword density measures, what a healthy range looks like, why it is a weak ranking signal but a useful editing check, and how to audit a draft.
JSON Formatting Tips for Developers
Read messy API payloads faster, avoid the classic syntax traps, and know when to pretty-print versus minify. Practical JSON habits for working developers.