SEO 与分享卡片

meta / Open Graph / 结构化数据 / sitemap

1. 基础 meta

<title>页面标题</title>
<meta name="description" content="摘要">
<link rel="canonical" href="https://example.com/page">
<meta name="viewport" content="width=device-width,initial-scale=1">

viewport 不写，手机上页面会缩成「迷你版」。
canonical 告诉搜索引擎哪个地址是正版，防止重复内容被分散权重。

2. Open Graph（社交分享卡）

微信、QQ、微博、Telegram 抓取的是 OG 标签，不是 title：

<meta property="og:type" content="article">
<meta property="og:title" content="标题">
<meta property="og:description" content="摘要">
<meta property="og:image" content="https://.../og.png">
<meta property="og:url" content="https://...">
<meta property="og:locale" content="zh_CN">
<meta name="twitter:card" content="summary_large_image">

没有 og:image → 分享出去是纯文字卡片，点击率明显低。
og:image 必须是绝对 URL，且尺寸 1200×630 最通用。

3. 结构化数据（JSON-LD）

让搜索引擎理解这是「博客文章」而不是普通页面：

<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"BlogPosting",
  "headline":"文章标题",
  "datePublished":"2026-10-22",
  "author":{"@type":"Person","name":"作者"},
  "image":"https://.../og.png"
}
</script>

4. sitemap

告诉搜索引擎有哪些页面、什么时候更新的：

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://zxhy.ccwu.cc/blog/xxx/</loc>
    <lastmod>2026-10-22</lastmod>
    <priority>0.8</priority>
  </url>
</urlset>

配合 robots.txt 里的 Sitemap: 声明。

5. 这个站的实际标签

看源码：

curl -s https://maymproject.pages.dev/lab/seo | grep -E 'og:|twitter:|canonical'