HomeToolsAbout Work With MeBlogContact
Developer Tools

Meta Tags for SEO — Complete Guide with Examples (2026)

June 2026 6 min read

Meta tags are the first thing Google and social media platforms read about your page. Getting them right can be the difference between ranking on page 1 and being invisible. This guide covers every tag that matters.

Title tag — the most important SEO element

The title tag appears in search results as the clickable blue headline. It is the single most important on-page SEO element.

<title>Free Image Compressor Online — Reduce Size Without Losing Quality | Tarumak Studio</title>

  • Length: 50–60 characters (Google truncates at ~580px width)
  • Format: Primary keyword | Secondary keyword | Brand name
  • Put the primary keyword first — Google gives more weight to words near the start
  • Unique title for every page — never duplicate titles

Meta description — controls your click-through rate

The meta description appears under the title in search results. It does not directly affect rankings but significantly affects click-through rate (CTR).

<meta name="description" content="Compress JPG, PNG and WebP images online for free. Reduce file size by up to 80% without visible quality loss — all in your browser, no uploads required.">

  • Length: 120–160 characters
  • Include the primary keyword naturally
  • Write it as an ad — it should make people want to click
  • Include a benefit or unique selling point

Open Graph tags — for social media sharing

OG tags control how your page looks when shared on Facebook, Twitter, LinkedIn and WhatsApp. Without them, social platforms guess — often badly.

<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Your description">
<meta property="og:image" content="https://yoursite.com/og-image.png">
<meta property="og:url" content="https://yoursite.com/page">

Create your OG image (1200×630 px) using the free OG Image Generator.

Does meta description affect rankings?

Not directly. Google sometimes ignores your meta description and writes its own based on page content. But a well-written meta description improves CTR, which signals relevance and can indirectly improve rankings.

What is the canonical tag?

<link rel="canonical" href="..."> tells Google which URL is the "original" version of a page. Use it when the same content appears at multiple URLs to prevent duplicate content issues.

Browse all Developer ToolsExplore Developer Tools →