生成 meta 标签
A step-by-step guide to grind size, water temperature and brew ratios for café-quality coffee in your own kitchen.
meta 标签的作用以及哪些才重要
meta 标签是页面 head 部分中的几行代码，搜索引擎和社交网络读取的是它们而不是页面本身。标题和描述决定您在 Google 中的摘要；Open Graph 和 Twitter Card 标签决定链接被分享时显示的图片、标题和文字。此生成器从一个表单写出全部标签，并按实际效果展示结果。
步骤
- 1 输入页面标题和描述。计数器显示通常能完整显示在搜索结果中的长度 — 约 60 和 160 个字符。
- 2 添加规范 URL、网站名称和一张 1200×630 的图片。选择内容类型、区域设置和卡片布局；三个预览会随输入实时更新。
- 3 复制生成的标签，粘贴到页面的 head 部分，并替换已有的标题和描述标签。
标题与描述
title 标签是搜索结果中的蓝色标题，也是浏览器标签页上的文字。控制在约 60 个字符以内，把最有辨识度的词放在前面；Google 按像素宽度截断，所以宽字符占位更快。描述不是排名因素，但它是您在结果中的广告：用 150–160 个字符说明页面提供什么、为什么值得点击。当 Google 认为页面中的文字更匹配时，可能会用它替换您的描述。
Open Graph
Facebook、LinkedIn、WhatsApp、Slack 和多数聊天应用读取 og:title、og:description、og:image 和 og:url 来构建链接预览。图片应为 1200×630 像素（1.91:1），小于 8 MB，并以绝对 URL 给出。大多数页面的 og:type 是 website，文章则是 article；在某些平台上 og:site_name 显示在标题上方。没有这些标签，分享时可能显示页面中的随机图片，或者完全没有图片。
Twitter Cards
X 使用自己的标签，但缺失的部分会回退到 Open Graph，所以您主要需要 twitter:card 来选择布局 — summary_large_image 为全宽大图，summary 为小方形缩略图 — 以及 twitter:site 来标注账号。标题、描述和图片在这里重复一遍，供只读取 twitter: 系列标签的平台使用。
规范 URL 与 robots
当同一内容可通过多个 URL 访问时（带参数与不带参数、http 与 https、末尾斜杠），canonical 链接告诉搜索引擎哪个地址是原始地址。请始终使用完整的绝对 URL。robots 标签通常不需要 — index, follow 是默认值 — 只有在需要用 noindex 让页面不出现在结果中时才值得添加。