好的图片让你的页面内容显得更丰满,提高用户阅读愉悦度,同时也增加谷歌图片搜索收录并展示图片的概率,从而增加流量和提升排名。但一张好的图片需要有简短而准确的Alt Text来为它铺平谷歌搜索优化的道路,品店科技就教你怎么把alt text写好而且写到位。
什么是Alt Text?
Alt Text是描述页面上图片的内容或功能的文本。它长这样:
这是Alt text的HTML格式:
<img src=”pupdanceparty.gif” alt=”Puppies dancing”>
Alt Text有什么用?
-
Alt Text可以被读屏器读取并朗读,为视障用户解释图片内容;
-
在图片加载失败的时候,Alt Text会代替图片显示出来;
-
搜索引擎机器人会对Alt Text进行读取和索引,更好地理解页面内容。
注意:不是每张图片都要设置Alt Text。在进行页面内容创作时,把Alt Text做为内容的一部分,去考虑如何将图片融入内容,帮助用户和搜索引擎爬虫更好地理解内容,所以装饰性的图片不需要加Alt Text。
为什么Alt Text对SEO很重要?
统计发现,图片搜索占谷歌全部搜索的22.6%。有Alt text属性的图片相比有更高的展示和排名概率,也会相应带来部分流量。
谷歌对图片优化的建议中,提到了为图片加上Alt text,这样一来,写好Alt Text在谷歌眼中的重要性就不言而喻了。
1. 用户友好度
Alt Text符合建设无障碍网页的原则,谷歌认为图片是网页内容的一部分,也需要为视障用户提供相关信息,这也是遵循谷歌的用户体验为先的原则。
2. 图片SEO用途
谷歌不仅认为Alt text可以提高用户体验,降低页面的访问难度,它也会为谷歌更好地理解你的页面提供更多信息。
前面提到要将Alt text视为网页内容的一部分,谷歌借助它来理解图片的内容,对照跟上下文之间的关系。也有助于在图片搜索中有更好的排名。
怎样写好Alt text?
-
描述尽量具体
使用有效的,信息丰富的字词,能具体形象地描述图片的内容。它的目的就是向视障用户传达图片的信息,如果图片只是装饰用途,就不用写。
-
产品名称和型号
如果图片是某个或某种具体的产品,可以加入完整的产品名称和产品型号。这种操作在B2B和B2C网站上可以让用户更容易地找到相应产品,同时提高图片在谷歌图片搜索中被搜索到的概率。
-
SEO关键词
Alt text是另一个布局关键词的好地方。通过在Alt text中合理地加入关键词,搜索引擎会将它跟网页内容对照关联,在用户搜索相关词的时候推荐你的页面。所以确保最少有一张图片包含你的关键词。
但不要堆砌关键词,谷歌将机械性重复堆砌关键词视为恶性欺诈行为,不要以身犯险。
-
保持简短
简洁又具体形象的Alt text是谷歌建议的形式。过长的文字会显得冗余拖沓,词不达意也会降低用户体验,不利于搜索引擎机器人的抓取。
但对于一些图表型的含有丰富数据内容的,或者需要非常详细描述的图片,也无法避免长的Alt text。
对于此类图片的文本,有相应的指引。
-
不要用图片代替文本
有些优化人员会选择将文字放到图片中,代替页面中一部分的文字内容。不管是不是出于让页面文字不要过于冗长的原因,不建议将文本嵌入图片。
谷歌机器人非常智能,图片内文字的读取对它来说还是有难度。而且这样你会更难写好Alt text。
比如下面这张图,这个列表是内容的一部分,如果用图片替代文本,那么内容就会有缺失。除非将图片里的文字复制到文字内容里面,那这样就显得多余了。
Image: Digitalocean
为了避免不必要的误读和页面内容的缺失,不要用图片代替文本。
-
不要写“xx图片”
谷歌已经知道Alt text是为图片而设的,所以不需要再强调是什么什么的图片。
-
不需要Alt text的情况
装饰性的图片,只用于设计目的的图标或分割线等等。这些图片都不是页面内容的实质组成部分,不影响用户理解这个页面。
怎样才算好Alt text?
来看看几个例子:
一般: <img src=”bird.png” alt=”Rooster“> 公鸡
好: <img src=”bird.png” alt=”Rooster crowing“> 公鸡打鸣
很好: <img src=”bird.png” alt=”Red-crested rooster crowing“> 在打鸣的红冠公鸡
Image: Insider
一般: <img src=”coffee.png” alt=”man drinking coffee“> 喝咖啡的男人
好: <img src=”coffee.png” alt=”man drinking coffee from a pot“> 用咖啡壶喝咖啡的男人
很好: <img src=”coffee.png” alt=”man wearing pajamas drinking coffee from a pot“> 穿着睡衣的男人用咖啡壶喝咖啡
怎么添加Alt text?
以WordPress网站为例:
- 登录WordPress后台,进入后台主页;
- 打开要编辑的文章或页面;
- 点击添加图片的按钮,进入图片库,点击相应的图片,在右边你会看到这个部分,
直接输入Alt text即可。
以上就是关于Alt Text的全部内容,更多独立站SEO知识,关注品店科技品学院。