网站图片优化 – 标题-替代文本-说明-描述

在WordPress多媒体中,图像有4个选项分别是替代文本,标题,说明,图像描述。在这里介绍这四个选项该如何填写。

其中替代文本放在第一位,可以看出,WordPress认为替代文本是最需要填写的。其次是标题。

其实,所有的cms建站系统中,都可以添加图片的属性,只是叫法不同,有的名称为英文,或者有些cms建站系统中有部分属性。

在 wordpress 的媒体>媒体库中,alt 的名称是替代文本,title 的名称是标题,caption 的名称是说明,description 的名称是图像描述。

网站图片优化 - 标题-替代文本-说明-描述

4种图片属性的介绍

alt替代文本

WordPress将替代文本(alt)放在首位,其重要性不言而喻。

alt标签实际上是网站上图片的文字提示。在alt标签中加入关键词是很好的提升关键词排名的方法,但需要注意的是并不能提高关键词密度。

百度百科

图片ALT属性的本意主要是当图片因某些原因不能正常显示的时候,网页访问者也能够通过属性文本判断该图片的内容,其原本意义是为了用户正确了解网页信息而不是为了搜索引擎。

网站图片 alt标签是当网站图片无法显示时,做一个替代文本,对网站 seo有好处。在 wordpress的媒体库中,对于已经上传的图片,【替代文本】就是 alt标签。alt属性值的长度要求少于50个中文字符或者100个英文字符。

<img src="图片地址" alt="替代文本文字部分" />

如何检查自己的图片是否带有ALT属性呢?

右击图片 > 点击审查元素

在代码当中会出现 <img> 标签,在此标签中,查看是否包含ALT属性标签。

title标题

【title标题】是图片的文件名称,为图片提供额外的说明信息,比如图片的主题,可以理解为图片的的核心内容解释。

<img src="图片地址" title="图片标题" />

alt和title的区别是:alt属性是用文字代替无法显示的图片,而title属性是对图片的注释。

无论图片是否能显示,当图片仅添加title属性时,鼠标悬停可以看到该图片title属性的文字注释。当图片仅设置alt属性时,鼠标悬停可以看到该图片alt属性的替代文字。如果同时设置,鼠标悬停仅显示图片title属性。

caption说明

【caption说明】是图片在网页上显示的文本,添加后在图片下面会出现对应的文字内容,是对图片的解释性文字。这里可以留空不添加内容。

如果做得是外贸网站,图片如果是引用他人的,一般会在这里标出图片来源地址,以免被图片原创作者发现,要求删除。如下图:

网站图片优化 - 标题-替代文本-说明-描述

description图像描述

图像描述是对图片的补充说明,比如这个图片的来源,图片故事或者图片应用场景等。添加有助于被搜索引擎收录。也有不少人是手动在图片下面添加描述的。

图像的描述有助于提升搜索引擎及用户对图片的理解。

图片属性的重要性

图片属性主要是能够帮助图片在图片搜索中拿到更好的排名,例如百度图片,谷歌图片等,从而通过用户搜索图片,为自己的网站带来流量。

alt标签和 title标签在html 源代码中的写法如下:<img src=:”图片路径” alt=”替代文本” title=”标题”/> alt 和 title 要用简短语句描述图片内容。

这四个标签尽量建议都建议添加上,设置图片的 alt属性为文章核心内容或图片真实信息,并简短精确。

缺少 alt标签对搜索引擎不友好,那么搜索引擎在抓取你的 网站时(不论是WordPress网站,织梦网站,帝国网站,都一样),如果发现很多图片没有 alt标签,就不会抓取博客图片,对搜索引擎来说图片就没有意义了。

含有 alt标签的图片会被图片搜索引擎收录,这时候有用户搜索相关图片的时候,对于网站的权重、外链都有一定帮助,还能提高网站流量。当图片加载失败时,alt标签帮助用户理解上下文含义,提高用户体验。

综上所述,好好利用这几个属性,能够提高网站图片的 seo排名,进而帮助网站在搜索引擎上获取更多曝光机会。

百度SEO

在百度SEO中,主要写图片的alt属性,和title属性,这有助于百度搜索引擎理解你的图片含义,减少百度对图片的判断。

谷歌SEO

在谷歌SEO中,谷歌对于图片的原创度要求比较高,最好能是原创或者是伪原创的图片,有助于谷歌图片的收录。

图片的地址,最好写成图片内容的英文,然后写图片的alt属性和title属性,其中alt属性是一定要写的。

caption说明可以写成原创图片,转载注明出处,或者是标明图片出处。


图片的ALT属性是图片优化的重中之重,详情可以查看这篇文章:图片优化 – alt属性的优化写法

文章标题:网站图片优化 – 标题-替代文本-说明-描述,本文链接:https://www.siwihs.com/3154.html。未经允许,禁止转载。

(2)
上一篇 2020-05-12 21:21:44
下一篇 2020-05-13 20:18:56

相关推荐

发表回复

登录后才能评论

评论列表(1条)

分享本页
返回顶部