使用方法
- 输入页面标题和一到两句话的描述。
- 添加 canonical URL，并选择是否允许搜索引擎将页面编入索引以及跟踪页面中的链接。
- 填写 Open Graph 图片以及需要与标题和描述不同的字段，并选择 Twitter card 类型。
- 复制生成的 HTML 或下载文件，然后将其粘贴到页面的 <head> 中。
工作原理
生成器只会写入所需的标签。所有值都会进行 HTML 转义（& < > " 和 ' 会转换为实体），因此标题中的引号或尖括号不会破坏标记。
各标签的作用：charset 告诉浏览器文本编码，应放在 head 的开头；viewport 让页面在手机上按设备宽度布局；title 会显示在浏览器标签页和搜索结果中；meta description 可能会用作搜索摘要，但不影响排名；canonical 链接会告诉搜索引擎，在存在重复内容时哪个 URL 是页面的主要版本；robots 配合 noindex 可将页面排除在搜索结果之外，nofollow 则会要求爬虫不要跟踪页面中的链接。只有在爬虫能够访问页面时，robots 标签才有效，因此不要同时在 robots.txt 中屏蔽该页面。
Open Graph 标签（og:…）控制许多社交和聊天应用中的链接预览。如果 og:title、og:description 或 og:url 为空，工具会复用 title、description 和 canonical URL。支持 Twitter card 标签的平台会使用 Open Graph 中的标题、描述和图片作为后备值，因此这里只会写入 twitter:card。
示例
博客文章
标题、描述、canonical URL、1200×630 的 og:image 和 summary_large_image 大约会生成十行代码，涵盖搜索结果和链接预览。
不显示在搜索结果中的感谢页面
取消勾选“允许编入索引”，即可添加 <meta name="robots" content="noindex, follow">。访客仍可正常访问该页面，但页面不应出现在搜索结果中。
含引号的标题
标题 Ask "Anything" & <Learn> 会写成 Ask "Anything" & <Learn>，浏览器显示的内容与输入完全一致。
常见问题
meta keywords 标签有助于 SEO 吗？
没有。多年来，主流搜索引擎一直不将 meta keywords 用于排名，因此生成器不包含此标签。
Open Graph 和 Twitter card 标签都需要吗？
通常除了 Open Graph，只需添加 twitter:card，因为标题、描述和图片会回退使用 og: 中的值。
这些标签应放在哪里？
放在每个页面的 <head> 元素中。在 Next.js、WordPress 主题或静态站点生成器等框架中，请使用其元数据设置输出相同的标签。
每个页面都应该有 canonical 标签吗？
建议添加，尤其是同一内容可通过多个 URL 访问时（例如带有跟踪参数、排序选项，或同时支持 http 和 https）。页面也可以将自身指定为 canonical URL。
隐私
标签在浏览器中生成。你输入的内容不会上传或存储。