图像是所有网页的重要资产。它们使页面更易于阅读,更具视觉吸引力,并有助于更好地呈现主题。对所有图像都具有良好的alt属性,可以提高网站的可访问性,还可以帮助SEO进行图像搜索和Web搜索。
在这篇文章中,您将学习有关图像alt文本的所有信息。特别是,我们将涵盖以下主题:
什么是替代文字?
Alt Text(也称为替代文本或alt属性)是准确描述图像的文本。它被添加到页面HTML中的标记中。
以下是图像alt文本的示例:
alt="this is the alt text">
在浏览器中查看页面时不显示替代文本,但在无法加载图像时它会变为可见。
搜索引擎抓取工具读取alt文本值,屏幕阅读器使用它来向无法查看的用户“描述”图像。
为什么图像alt文本很重要?
为所有图像提供替代文字很重要,原因有四个:
- 当无法加载图像时,alt文本值显示在图像的位置(如果用户具有低带宽连接)
- alt文本改进了页面的可访问性。视障人士和使用屏幕阅读器的用户可以听到图像的描述。这也是SEO友好网页设计的核心原则之一。
- 搜索引擎使用alt文本来了解图像的全部内容,这对SEO有利。
- 如果图像用作链接,则alt文本用作锚文本。
替代文字和SEO
在为图像执行SEO时,Alt文本是最重要的元素,因为它有助于搜索引擎爬虫理解图像的主题。
它不是唯一的元素,它们也使用图像处理算法来确定图像的内容,但如果正确使用,alt文本会给它们一个很大的提示。
Alt文本有助于网页在Web搜索结果中排名
实际上,Google可以根据ALT TEXT的值在搜索结果中对网页进行排名。
在最近的一条推文中,谷歌的约翰穆勒表示,“页面可以在网络搜索中对图像alt-attributes中找到的内容进行排名”。
要利用此功能进行搜索引擎优化,请确保您的ALT文本包含SEO关键字(或密切相关的关键字),您希望页面在不执行关键字填充的情况下对BUT进行排名。请参阅下面的示例,了解如何编写好的替代文字。
替代文字可以帮助图像在Google图片搜索中排名靠前
alt文本帮助SEO的另一种方式是在Google的图像搜索中对图像进行排名。
有数百万人在Google上搜索图片,如果您希望图片排名靠前,则需要:
- 提供有意义的替代文字
- 图像应包含在具有相关文本的页面中
- 使用高品质的图像
- 使用有意义的图像文件名
如果使用延迟加载,则必须使用Alt文本
延迟加载是一种通过仅在用户的视图端口中加载图像时加载页面来提高页面加载速度的方法。换句话说,不是一次加载所有图像,而是在用户向下滚动页面时单独加载它们。
这是一个很好的技术,但SEO社区是否有利于SEO是否有益。
人们担心如果从一开始就没有加载谷歌机器人,它们可能无法读取所有图像。最大限度地降低此风险的一种方法是为所有图像使用替代文字。
即使图像未完全加载,Google bot也可以读取alt文本的值。
以下是Google发布的相关推文。
你怎么写好的替代文字?
让我们看看如何编写好的图像替代文本,这将有助于搜索引擎,但不做关键字填充。
alt文本应准确描述图像
首先使用alt文本的主要原因是对图像进行文本描述。准确的描述可以帮助用户和搜索引擎了解图像的内容,而无需查看图像。
确保您的描述准确无误的一种好方法是编写它,思考如何最好地向无法看到它的用户描述图像。
以下是有关选择优质替代文字的Google指南:
保持简短,但避免单字alt文本
保持alt文本的长度大约为125个字符,但避免使用单个单词。
特别是在常见图片的情况下,替代文字可以增加在Google图片搜索中为长尾关键字排名较高的机会。
考虑此图片的替代文字:
不太好的Alt Text:
alt="brownies"/>
好的替代文字:
alt="Chocolate Brownies with Strawberries on Top"/>
使用主要关键字或LSI关键字
我上面已经提到过,你应该使用你的关键字而不必越过界限并开始做关键字填充。
为了更好地理解这一点,请遵循以下准则:
使用与您的内容相关的图片 - 如果您添加的图片与其他内容无关,则您将无法使用描述性和关键字丰富的替代文字。
不要总是使用主要关键字但使用与语义相关的关键字 - 很多时候很难在alt文本中使用主要关键字,一个很好的选择是使用相关的关键字。
这是一个例子。
假设您正在撰写一篇关于“ 如何训练您的小猎犬来获取 ”的文章,并且您想为此图像编写SEO优化的替代文字:
错误示例(不提供替代文字):
关键字填充示例:
alt="beagle dog dog fetch dog food puppy"/>
更好的版本:
alt="beagle dog"/>
优化替代文字的示例:
alt="beagle dog playing fetch"/>
无需包含“图像”或“图片”字样
搜索引擎抓取工具知道这是一张图片,因此无需在替代文字中重复此操作。使用alt文本来谈论图像。
请为所有图像添加替代文字
您应该为所有图像添加替换文字,包括徽标,按钮上使用的图像和用作背景的图像。请记住,使用alt文本的主要原因是为了更好地访问,因此请记住这一点。
如何设置图像的ALT文本?
有两种方法可以执行此操作:手动编辑HTML代码或通过CMS。
通过编辑HTML代码添加替代文本
将图像元素添加到html时,可以通过在标记中添加[ALT =“value goes here”]来指定alt文本值。
例如:
在WordPress和其他CMS中添加alt文本
大多数现代CMS允许您使用可视化工具定义ALT TEXT,而无需手动编辑HTML。
如果您使用的是WordPress,则可以通过编辑MEDIA LIBRARY中的图像或将图像添加到帖子来指定ALT文本。
重点学习
ALT TEXT是图像搜索引擎优化的最重要元素。
在所有图片上使用替代文字,以帮助视障用户更好地浏览您的网站。
同时,图片替代文字是在Google图片搜索中将图片排名较高的最关键因素,但它也可以帮助您的网页在Google网页搜索中排名更高。
好的替代文字很短(大约125个字符),但描述性很强。它准确地描述了一个图像,其中包含用户可能在搜索引擎搜索框中使用的关键字。
本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/12429.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除