Meta 标签生成器

写出哪些标签

一个页面需要标题、描述、规范网址、Open Graph 标签和一张 X 卡片。这一页写出这些标签，并统计标题和描述的字数。

怎么用

1. 填写标题和描述。字数在每个字段旁边，边输入边更新。
2. 规范网址、图片网址、图片替代文字、站点名称、og:type、og:locale、X 卡片和 X 站点都可选。og:type 一开始是 website。X 卡片一开始是 summary_large_image。
3. 转换刷新这些标签。显示示例把标题设为 Ada Lovelace notes，描述设为 Short notes on the analytical engine, with a portrait and a canonical page，规范网址和 og 图片设为 https://example.com/ada 和 https://example.com/ada.jpg，替代文字设为 Portrait of Ada，站点设为 Example，og:type 设为 article，og:locale 设为 en_US，卡片设为 summary_large_image，X 站点设为 @example。
4. 这份结果含有 title 元素、name="description"、rel="canonical"、og:title、og:description、og:url、og:image、og:image:alt、og:site_name、og:type content="article"、og:locale content="en_US"、twitter:card content="summary_large_image"、twitter:title、twitter:description、twitter:image，以及 twitter:site content="@example"。
5. 全部清除清空这些字段，把 og:type 设回 website，把卡片设回 summary_large_image。复制结果复制这些标签。

字数和空字段

标题字数和描述字数一直显示。标题超过 60 个字符会警告。描述超过 160 个字符会警告。标签仍会写出。

没填的可选字段会省掉。文字里的引号会转义。og:type 是 website 或 article。X 卡片的值是 summary 或 summary_large_image。

用在哪

• 给一篇文章起草 head 标签。
• 发布前看出标题已经超过 60 个字符。
• 在 summary 和 summary_large_image 之间切换卡片。

常见问题