图片SEO:alt标签和title标签的优化

发布时间:2020-03-28 09:03 编辑:西极电力网

在您的文章中添加图片会鼓励人们阅读它们,精心选择的图片也可以提升阅读体验,并在图片搜索结果中获得良好的排名。但是,您应该始终牢记为图像赋予良好的alt属性:替代文本可通过搜索引擎蜘蛛增强文章的信息,并改善网站的可访问性。本文介绍了有关alt和title属性以及为什么要对其进行优化的所有内容。

注意:术语“alt标签”是img标签上的alt属性。您网站上任何图片的alt属性都应描述其中的内容。盲人和视力障碍者的屏幕阅读器将朗读此文本,从而使您的图像更容易使用。

在我们深入之前,如果您想了解有关图像SEO和其他基本SEO技能的更多信息,请查看我们的全方位SEO教程!它不仅告诉您关于SEO的信息,还可以确保您知道如何将这些技能付诸实践!

什么是alt属性和title属性?

这是一个完整的HTML图像标签:

<img src=“image.jpg” alt=“image description” title=“image tooltip”>

图像的alt和title属性通常被称为alt标签和title标签,尽管从技术上讲它们不是标签。替代文字描述图像上的内容以及页面上图像的功能。因此,如果您将图片用作购买产品X的按钮,则替换文字应显示:“购买产品X的按钮”。

alt标签由屏幕阅读器使用,屏幕阅读器是盲人和视障人士使用的浏览器,用于告诉他们图像上的内容。当您将鼠标悬停在元素上时,title属性将显示为工具提示,因此,在使用图像按钮的情况下,图像标题可能包含额外的号召性用语,例如“现在以19元的价格购买产品X!”,这不是最佳实践。

每张图片应该有一个替代文字,不只是为搜索引擎优化的目的,但也因为盲人和有视力障碍的人不会知道,否则图像是关于什么的,但是title属性不是必需的。而且,大多数情况下,添加它没有任何意义。它们仅对鼠标(或其他定点设备)用户可用,并且在仅有的一种情况下,该title属性要求可访问性为on <iframe>和<frame>标记。

如果title属性传达的信息是相关的,请考虑将其以纯文本格式提供给其他地方,如果不相关,请考虑title完全删除该属性。

但是,如果图像没有目的怎么办?

如果设计中存在纯粹出于设计原因的图像,则 说明这样做是错误的,因为这些图像应在CSS中,而不是HTML中。如果您确实无法更改这些图像,请为它们提供一个空的alt属性,如下所示:

<img src="image.png" alt="">

空的alt属性可确保屏幕阅读器跳过图像。

替代文字和SEO

搜索引擎在图片方面的文章标题为“使用描述性替代文字”。这并非巧合,因为搜索引擎在替代文字上给予了较高的重视,不仅可以确定图片上的内容,还可以确定其与周围文字的关系。这就是为什么在我们的SEO内容分析中,我们有一项功能可以专门检查您是否至少有一张带有alt标签的图像,其中包含您的核心关键词。

我们会检查您网页中的图像及其替代文本:我们绝对不是在说您应该将核心关键词设置到每个alt标签中。您需要为网页提供优质,高质量的相关图像,在alt文本中使用核心关键词才有意义。以下是搜索引擎有关选择优质替代文本的建议:

选择替代文本时,应着重于创建有用的,信息丰富的内容,这些内容应适当地使用关键词,并且要与页面内容相关。避免用关键词填充alt属性,因为这会带来负面的用户体验,并可能导致您的网站被视为垃圾邮件。

如果您的图像是特定产品,请在alt标签中同时包含完整的产品名称和产品ID,以便于查找。一般而言:如果关键短语可用于查找图像上的某些内容,请尽可能 将其包含在alt标签中。另外,不要忘记将图像文件名更改为实际描述其内容的名称。

了解有关图片SEO的更多信息?

我们有一篇关于图片SEO的非常受欢迎(且更长)的文章。该文章采用了多种不同的方式来优化图像,但是在涉及到alt和title标签方面却相对缺乏细节,将其视为该文章的附加内容。建议您在这里完成后阅读。

阅读更多:如何利用图片SEO以获得最佳用户体验?

TAG: 寿光seo 好搜seo 叶剑辉seo博客 seo效果 西安seo 小明seo博客 快速排名seo seo优 seo权威入门教程 江苏seo 深圳seo哪家好 网站seo计划 seo爱站网 王小优seo 链轮seo 关键词seo优化排名 seo试卷 东莞百度seo seo哪里好 seo人才网

上一篇:SEO优化中使用Canonical标签的一些注意事项有哪些 下一篇:史上最全最优的(云贵乡SEO,集凤镇SEO)SEO优化运营系统地图

相关阅读

精彩推荐