HTML Meta 标签 SEO — 开发者指南

开发者必备的 HTML meta 标签：title、description、canonical、robots、Open Graph 与 Twitter Cards，帮助页面正确索引与分享。

HTML Meta Tags That Affect Google Rankings

Meta 标签位于 <head>，告诉搜索引擎如何索引与展示页面。有力的 title 与 description 直接影响 Google 点击率 — 往往比单纯升排名更重要。

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 字符，每页唯一
<meta name='description'> — 150–160 字符
<link rel='canonical'> 防重复内容
og:title、og:description、og:image 社交分享
需要时用 robots meta noindex

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

查看 Sturdee 教程页的 meta，再为自己的项目添加正确 head。

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

SEO 用 HTML Meta 标签 — FAQ

Frequently Asked Questions

meta keywords 还有用吗？+

Google 已忽略 meta keywords。专注 title、description 与优质内容。

SEO 用 HTML Meta 标签 — Title、Description 与 Open Graph