搜索引擎优化

Alt Text是什么?要写好并不难

好的图片让你的页面内容显得更丰满,提高用户阅读愉悦度,同时也增加谷歌图片搜索收录并展示图片的概率,从而增加流量和提升排名。但一张好的图片需要有简短而准确的Alt Text来为它铺平谷歌搜索优化的道路,品店科技就教你怎么把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?

  1. 描述尽量具体

使用有效的,信息丰富的字词,能具体形象地描述图片的内容。它的目的就是向视障用户传达图片的信息,如果图片只是装饰用途,就不用写。

 

  1. 产品名称和型号

如果图片是某个或某种具体的产品,可以加入完整的产品名称和产品型号。这种操作在B2B和B2C网站上可以让用户更容易地找到相应产品,同时提高图片在谷歌图片搜索中被搜索到的概率。

苹果耳机图片Alt text含有产品名称

 

  1. SEO关键词

Alt text是另一个布局关键词的好地方。通过在Alt text中合理地加入关键词,搜索引擎会将它跟网页内容对照关联,在用户搜索相关词的时候推荐你的页面。所以确保最少有一张图片包含你的关键词。

但不要堆砌关键词,谷歌将机械性重复堆砌关键词视为恶性欺诈行为,不要以身犯险。

 

  1. 保持简短

简洁又具体形象的Alt text是谷歌建议的形式。过长的文字会显得冗余拖沓,词不达意也会降低用户体验,不利于搜索引擎机器人的抓取。

但对于一些图表型的含有丰富数据内容的,或者需要非常详细描述的图片,也无法避免长的Alt text。

对于此类图片的文本,有相应的指引

 

  1. 不要用图片代替文本

有些优化人员会选择将文字放到图片中,代替页面中一部分的文字内容。不管是不是出于让页面文字不要过于冗长的原因,不建议将文本嵌入图片。

谷歌机器人非常智能,图片内文字的读取对它来说还是有难度。而且这样你会更难写好Alt text。

比如下面这张图,这个列表是内容的一部分,如果用图片替代文本,那么内容就会有缺失。除非将图片里的文字复制到文字内容里面,那这样就显得多余了。

Python关联项目列表

Image: Digitalocean

为了避免不必要的误读和页面内容的缺失,不要用图片代替文本。

 

  1. 不要写“xx图片”

谷歌已经知道Alt text是为图片而设的,所以不需要再强调是什么什么的图片。

 

  1. 不需要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网站为例:

  1. 登录WordPress后台,进入后台主页;
  2. 打开要编辑的文章或页面;
  3. 点击添加图片的按钮,进入图片库,点击相应的图片,在右边你会看到这个部分,

直接输入Alt text即可。

 

以上就是关于Alt Text的全部内容,更多独立站SEO知识,关注品店科技品学院

 

 

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注