Google SEO“零基础”入门学习:入门Google SEO:零基础在线云学习
2019 Google SEO培训课:玩转Google SEO:谷歌SEO从入门到精通

剖析图片alt,title,Caption,Description标签的作用

Google SEO 为主的祥助 180次浏览 1评论

    图片SEO-标签优化

      图片是承载一篇文章,一个产品详情页,或者一个页面的灵魂内容,俗话说有图有真相,莫过于此。在运营阿里巴巴国际站或做Google SEO独立站运营的时候,都会经常碰到或听到图片SEO优化的环节。其中Alt标签和Title标签是最为常见的两个图片属性部分,这篇文章为主的祥助以Wordpress的图片选项做扩展解析,详解一下图片的title,alt,caption,description的四个属性。

     使用过wordpress做自建站的运营朋友会很熟悉,当在编辑帖子添加新图像时,系统会提示给添加图片(对wordpress来说叫做附件)编辑其详细信息;这个地方就是图片的属性值编辑,分为title,caption,alt,description的四个属性。

Title标签

title tags in image seo  

       Title属性一般默认取自图片文件名,代表该图片的简要描述。当用户鼠标划过图片会显示title标签内容,更多是从单独的用户体验视角角度考虑的。

注:当图片因服务器HTTP错误等各种原因导致加载失败

时,并不会展示title标签内容,而是显示alt内容。

Title标签并不是细枝末节的微弱存在,Google官方的Support页面对title标签有专门的阐述:

Google extracts information about the subject matter of the image from the content of the page, including captions and image titles.

Alt标签

      Alt属性是代表该图片对搜索引擎的呈现,因此一般重点优化的环节也就是ALT标签,也叫alternative text。 它应包含图像的简要说明,包括页面的主要焦点关键字。

     alt标签是W3C协议标准,图片无法加载成功时给予显示,让访客知道这张无法显示的图片的内容是什么。其次有利于搜索爬虫抓取,是从搜索引擎角度做设置。考虑了用户体验和搜索引擎抓取的双向角度。

Wiki百科对alt标签有专门的解读:

“In situations where the image is not available to the reader, perhaps because they have turned off images in their web browser or are using a screen reader due to a visual impairment, the alternative text ensures that no information or functionality is lost.”

优化案例:alt标签的内容为图片的核心词内容,长度适中,词义通顺。不能堆砌堆砌堆砌

<img src="pancakes.png" alt="Stack of blueberry pancakes with powdered sugar">

小提示:alt标签和title标签都设置,并且两者内容不重复堆砌。alt标签可以写关键词,长尾关键词;title标签则在关键词基础上扩充变种为小短句等。

title标签很容易和alt标签混淆,搞不清楚如何分别优化它们两者的内容。这里举个简单的例子:

示例:

<img src="https://www.losvincent.com/wp-content/uploads/2017/05/Google猫头鹰算法.jpg" alt="2018 Google猫头鹰算法" title=2018年Google猫头鹰算法更新" "width="600" height="337" />

应用:在阿里巴巴国际站产品编辑页,切换到HTML模式后,可手动添加title标签和alt标签,按照上诉的区别分别做撰写。不过目前测试产品提交发布后alt标签内容会被系统自动强制写为标题替换,所以暂时可能没有操作意义。但是可以预先收藏和理解,以后阿里开放限制后使用该SEO的精神手法。

Caption标签

       caption标签的运行展现形式就是图片下方会带着一个简短标题,是对图片的内容描述,为用户手动输入。在知乎等网站能看到这个功能,通过<figcaption> 标签定义 figure 元素的标题(也就是caption标签)。展现形式如图:

       这个标签可以在页面上展示可视化的(对访问用户和搜索引擎双向)的文本内容,如果网站的版式或主题能让caption的标签文本展现的效果美观自然,比如知乎的展示效果,那么建议同时做下这个标签

注:Caption属性可以做关键词植入,也可以适当做URL写入哦(因搜索引擎算法的不确定性,这个标签虽然看起来没什么作用,建议也一并优化)

Description标签

      Description标签代表该图片的长描述,或者说长尾描述,细节化描述,对该图片的内容进行细化描述即可。有种说法是该标签将会参与搜索引擎收录的算法因素,具体何时会量化暂不清楚。不过这个标签很值得做,通过长尾化的描述内容,辅助Google Image AI搜索引擎理解图片的内容。

       优化图像的主要好处是,它们更有可能在图像搜索引擎的展现结果中提高排名和展现的概率(例如Google Images)。因此,如果你的网站是侧重图片类网站,偏好图片排名展现和搜索,建议将四个标签都做完整优化

同时在Google Support的官方指南页面有这句话:

By adding more context around images, results can become much more useful, which can lead to higher quality traffic to your site.

       简单说就是我们对图片做的耐心优化,是会对网站和搜索引擎都很有帮助的。

      因此如果没有耐心和时间对图片一一做四项标签优化,随着Google’s Image Captioning AI的智能成熟化发展,理解图片的内容变得越来越可能,因此个人认为可以侧重做好Title和Alt这两个标签,做好对访客用户体验的优化

Google SEO学习课程:Google SEO“零基础”入门学习课程

课程非常优质,讲师是程序员出身,有深厚的技术功底和思维,以及多年的大型独立网站SEO优化经验

报名请联系我提交报名和申请优惠,微信:Los_Vincent


版权申明:跨境E站,版权所有丨如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权
转载请标注作者和本文URL: https://www.losvincent.com/image-seo.html

转载请注明:跨境E站 » 剖析图片alt,title,Caption,Description标签的作用

微信 OR 支付宝 扫描二维码
为本文作者 打个赏
pay_weixinpay_weixin微信公众号
知识付费,金额随意 亲的支持是我更新的动力!~
喜欢 (1)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 文章不错非常喜欢
    头条新闻2019-03-28 21:07 回复

每日一学,人人都是运营总监

联系我
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册