HTML Meta Tags for SEO — Title, Description & Open Graph — HTML meta tags SEO

Essential HTML meta tags for SEO: title, description, canonical, robots, Open Graph, and Twitter cards explained for developers.

HTML Meta Tags That Affect Google Rankings

Meta tags live in <head> and tell search engines how to index and display your page. A strong title and description directly affect click-through rate from Google — often more than position alone.

Why HTML meta tags SEO Matters

Title and description meta tags are your ad copy in search results — a 5% CTR lift from better meta can outperform a ranking jump.

Each URL needs a unique title and description; duplicate meta across pages is a common reason Google rewrites your snippets.

HTML meta tags SEO — Key Ideas You Must Know

<title> — 50–60 characters, unique per page
<meta name='description'> — 150–160 characters
<link rel='canonical'> prevents duplicate content
og:title, og:description, og:image for social sharing
robots meta for noindex when needed

HTML meta tags SEO Code Example

HTML

<head>
  <title>Learn JavaScript Free — Sturdee Tutorial</title>
  <meta name="description" content="Free JavaScript tutorial with interactive lessons.">
  <link rel="canonical" href="https://www.sturdee.online/tutorials/javascript">
</head>

Practice HTML meta tags SEO with Free Lessons

Inspect meta tags on Sturdee tutorial pages, then add proper head elements to your own project.

Tip: Free interactive lesson: /tutorials/html/html_syntax — practice HTML meta tags SEO with runnable code on Sturdee.

HTML Meta Tags for SEO — FAQ

Frequently Asked Questions

Does meta keywords still matter?+

Google ignores meta keywords. Focus on title, description, and quality content.

HTML Meta Tags for SEO — Title, Description & Open Graph