搜索引擎和社交网络会读取页面 head 里的一小段标签,据此决定页面出现在结果中、或者有人在消息里分享链接时该显示什么。这个工具就负责写出这段标签。输入标题和描述,看着两个预览随之更新,然后把标签复制到你的页面里。要读取一个已经上线的页面上现有的标签,请看 SEO 工具。
搜索结果
分享链接
用于页面 head 的标签
长度按像素计算,不按字符数
搜索引擎在一行放不下时就把标题截断,而一行能装下的是多少像素,不是多少个字。六十个窄字母能放下的位置,五十个宽字母就放不下。这里的计数器用搜索结果所用的字体,量的是你实际输入内容的宽度。它对照的额度是桌面端的常见数值,只是个近似值,因为 Google 并不公布,而且会不时调整。手机上显示得比这更多。
每个标签的作用
搜索结果就是由标题标签和描述拼出来的。og 标签会被 Facebook、LinkedIn、WhatsApp 以及大多数可以粘贴链接的地方读取。twitter 标签由 X 读取。canonical 标签告诉搜索引擎哪个地址才是真正的那个,用于同一个页面能通过多条路径访问的情况。
分享图片
填入一张图片的地址,它就会出现在分享链接预览里。这个预览由你自己的浏览器绘制,也就是说图片是你的浏览器从它托管的地方取回来的。这个请求是本页唯一向外发出的通信。你输入的内容不会发送到 sona.to。
会弄坏标签的标点
标题里出现引号会让标签提前结束,把后面的内容一并吞掉,这是页面最后完全没有描述的常见原因。在你复制的这段代码里,引号、& 号和尖括号都会转换成转义写法,所以无论你输入什么,标签都保持有效。
它会生成什么
写进你所复制那段代码里的全部内容。
搜索结果
- 标题标签
- 元描述
- 规范地址
分享出去的链接
- og:title 和 og:description
- og:url、og:type 和 og:site_name
- og:image
- twitter:card 和 twitter:site
输入时实时更新
- 像素宽度与常见额度的对比
- 搜索结果预览
- 分享链接预览
你复制的那段代码
- 可直接粘贴进 head
- 标点已转义
- 一键复制
如何使用
1
写标题
用别人真正会搜的词,说清楚这个页面讲的是什么。下面那条进度条会随着你接近一行的尽头而填满。
2
写描述
通常两句话就够。它不改变你的排名,但别人是先读了它才决定要不要点。
3
填上地址和其余项
地址让两个预览都有内容可显示,同时填好 canonical 标签。网站名称、页面类型和分享图片供分享链接预览使用。
4
复制这段代码
把它粘贴到页面的 head 里面,并替换掉其中已有的同名标签。
这些词的含义
元描述
搜索引擎可能显示在你标题下面的一两句话。它不是排名因素,而且当搜索引擎判断自己的措辞更贴合这次搜索时,也可能改用自己的说法。
Open Graph
就是那组 og 标签。这是 Facebook 提出的一套约定,如今大多数其他地方也照着读,所以一套标签就能覆盖链接被分享的几乎所有场合。
规范网址
你认为某个页面真正对应的那个地址。当同样的内容能通过多个地址访问时,它告诉搜索引擎保留哪一个。
部分:问题