A-A+

图片SEO优化详解之如何正确使用alt标签

2013年07月10日 SEO技巧 评论 28 条 阅读 5,540 次

几乎所有的SEOER公认,IMG元素在SEO上是重要的因素之一。但人们只意识到图片的展示作用,很少考虑到图片之后的搜索引擎喜好因素。这篇文章的目的是描述一些SEO技术,可用于改善图像爬行,索引和排名。

通常我们看到的图片标签如下,这是没能得到搜索引擎喜好的标签。

  1. <img src=”0012adsds.gif” />  

首先我们要了解搜索引擎如何理解图片,以下列出一些搜索引擎阅读,理解,分类和判断图片等级的原理:

  • 颜色、大小和图像分辨率  
  • 图片类型:图像,照片,工程图,剪贴画等   
  • 加权文本与图像的距离,主要涉及图片上下文从周围的文本  
  • 与网站的主题是否吻合(注意避免涉及一些成人站内容,防止被过滤) 
  • ALT属性(ALT内容影响排名)和标题属性(不影响排名,但提供额外的上下文)   
  • 图像文件的名字  
  • 图片的数量
  • 是否拥有版权图片,是否存在引用图片

正确的图片SEO优化方法如下:

1.一定要给图片加alt标签

  1. <img src=”0012adsds.gif” alt=”yellow t-shirt” />  

2.使用TITLE属性

  1. <img src=”0012adsds.gif” alt=”yellow t-shirt” title=”athletic women 
  2. wearing a yellow tee shirt”/>  

3.定义图片的宽度和高度

  1. <img src=”0012adsds.gif” alt=”yellow t-shirt on a model” 
  2. title=”athletic women wearing a yellow tee shirt while 
  3. running” height=”250″ weight=”100″/>  

4.图片名字以关键词命名

  1. <img src=”yellow-t-shirt.gif” alt=”yellow t-shirt on 
  2. a model” title=”athletic women wearing a yellow 
  3. tee shirt while running” height=”250″ weight=”100″/>  

5.给图片增加锚文本

  1. Rate the new yellow t-shirt from {$manufacturer}”  

6.在图片周围写上相关性较好的文字说明

  1. <h6><img src=”yellow-t-shirt.gif” alt=”yellow 
  2. t-shirt on a model” title=”athletic women wearing 
  3. a yellow tee shirt while running” height=”250″ weight=”100″ />
  4. Adidas 2011 Summer Collection </br> Yellow T-Shirt<h6>  

7.为图片创建网站地图
SEO如何优化图片

8.给相片增加EXIF数据
Exif 文件实际是JPEG文件的一种,遵从JPEG标准,只是在文件头信息中增加了有关拍摄信息的内容和索引图。

9.为相类似的图片分组

  1. <h6><img src=”/t-shirts/yellow-t-shirt.gif” 
  2. alt=”yellow t-shirt on a model” title=”athletic women wearing 
  3. a yellow tee shirt while running” height=”250″ weight=”100″ />
  4. Adidas 2011 Summer Collection </br> Yellow T-Shirt<h6>  

10.为图片使用绝对路径而非相对路径

  1. <h6><img src=”http://www.wdlyb.com/t-shirts/yellow-t-shirt.gif” 
  2. alt=”yellow t-shirt on a model” title=”athletic women wearing a 
  3. yellow tee shirt while running” height=”250″ weight=”100″ />
  4. Adidas 2011 Summer Collection </br> Yellow T-Shirt<h6>  

11.不要为图片增加特效如缩放功能(如非必要)

12.网页要添加Favicon图标

13.为网页按钮增加文本
阿里巴巴国际站图片alt优化

14.嵌入相关图片

  1. <h6><a href=http://www.wdlyb.com/t-shirts/yellow-t-shirt-big.gif>
  2. <img src=”http://www.wdlyb.com/t-shirts/yellow-t-shirt.gif” alt=”yellow
  3.  t-shirt on a model” title=”athletic women wearing a yellow tee shirt while 
  4. running” height=”250″ weight=”100″ />Adidas 2011 Summer Collection
  5. </br> Yellow T-Shirt</a><h6>  

15.为图片增加分享按钮
seo alt熟悉正确使用

 

 

总结:最优质的图片SEO代码

  1. <h6><a href=http://www.wdlyb.com/t-shirts/yellow-t-shirt-big.gif>
  2. <img src=”http://www.wdlyb.com/t-shirts/yellow-t-shirt.gif” alt=”yellow
  3.  t-shirt on a model” title=”athletic women wearing a yellow tee shirt while
  4.  running” height=”250″ weight=”100″ />Adidas 2011 Summer
  5.  Collection</br> Yellow T-Shirt</a><h6>  

备注:h6这个段首比例按个人需要分配。

秋收稻田

有任何问题欢迎留言交流

28 条留言  访客:20 条  博主:8 条

  1. 鼻涕虫

    有点晕。。。。。。。 🙄

    • 玉缘轩

      alt和title同时加,关键词会不会过于密集?在想是不是二选一就可以了,还有指定图片大小的这个事,比如要调用的大小是600*600,而原图本来就是600*600的情况下,是否还需要去指定大小?望博主赐教。

      • Kevin Ling

        alt和title同时嵌入关键词不会导致关键词密集(因为这个嵌套关键词不是简单嵌套,比如alt围绕该关键词进行简单表达图片意思,而title是对alt的进一步描述)
        指定图片大小这个事,看具体情况,在阿里巴巴国际站上面,会自动嵌入代码指定大小(该大小为原图大小),根据SEO需要可以自己根据需要调整。
        PS:阿里巴巴国际站产品描述上不能使用图片title,但全球旺铺首页可以。

        • 玉缘轩

          感谢博主的赐教,收益匪浅,我现在是:alt=”关键字” title=”描述和补充”发个样品格式|:

          • Kevin Ling

            alt的描写可以适当加些简单的描述效果会更佳,可以参考本文结尾代码。

    • 玉缘轩

      感谢博主的赐教,收益匪浅,我现在是:alt=&amp;quot;关键字&amp;quot; title=&amp;quot;描述和补充&amp;quot;发个样品格式|:

  2. Kevin Ling

    表格的常用标签元素table, caption, thead, tfoot, tbody, colgroup, col, tr, th 和 td

  3. 天下故事

    想起来的时候就加一下alt属性

    • Kevin Ling

      嗯,alt还是挺重要的一个优化因素,养成好习惯哈~~有空多来坐坐

  4. 天马行空

    &amp;amp;quot;为图片使用绝对路径而非相对路径&amp;amp;quot;这个没看懂!求指教!!!

  5. 天马行空

    &quot;为图片使用绝对路径而非相对路径&quot;这个没看懂!求指教!!!

  6. livin

    4.图片名字以关键词命名 在阿里巴巴怎么弄,重命名后图片就没了

    • Kevin Ling

      应该是你的操作有误了,改alt标签是在alt=””后面的双引号里面的内容改。

  7. Rebecca

    为什么改了alt还是那么难排上去啊。到底怎么发产品才能让它排上去啊。长尾关键词又该怎么发??? 好多疑问啊。

    • Kevin Ling

      alt现在在阿里的排名占得比例很小,基本可以忽略,但是还是有做的意义。SEO是个长期的过程,要多注意每一个优化的细节。

  8. Sunshine sun

    您好,之前看了您的文章受益很大,但是有个问题想请教一下。之前我发布产品用的是笨方法,把图片全部批量重命名为关键词,然后每发一个都重新上传一下,这个和改ALT标签因该是一样的。之后看了您的文章,我复制代码发产品,在word里替换关键词,速度很快,但是发现排名开始靠后,有的关键词几千个产品我都在十几页,有什么原因么?谢谢

    • Kevin Ling

      你好,最好在记事本里面编辑再复制,不然word文档编辑容易产生很多冗余代码。另排名涉及的因素很多,最好了解一下html的基础代码,以至于在源代码里面核查一下发布也许效果更好。仅参考。

      • Sunshine sun

        我更改一下试试。感谢

  9. kwkon

    你好,我今天特地查看了一个阿里产品的源代码,我发现基本上所有的图片都会有Alt属性,我可以肯定在编辑这个产品的时候没有填写Alt属性,产品的图片也是直接以数字命名的,但是为什么产品发布后阿里会自动填写跟标题完全一样的Alt属性呢? 这样是不是意味着我们自己填写就没有这个必要了? 这样对排名还会有帮助吗?

    • Kevin Ling

      这个有必要,对排名帮助不是很大,但也会有。
      1,发布后阿里自动填写是一个表面,具体阿里是否在内部机器人分配权重时是否有区分也要考虑在内。
      2,自动填写标题为alt属性,毕竟没有自己设计的alt属性效果好。
      仅参考。

  10. 嘦巭好,兲嫑跑!

    看了博主文章后才知道Alt属性也会影响,查看代码发现Alt的值是图片的文件名,虽然我的图片均以产品关键命名,但这个权重问题我一直很纠结。

  11. Youth Daily

    实际上什么都没说

    • 你好

      测试 😥

  12. 潇洒

    博主,现在好像没用了,自己更改详情页编辑视图里面的ALT 与TITLE此类属性后发布产品时会发现这些都给阿里国际替换掉了。而且要分两种,一种是在搜索页面搜出来的页面打开后就会带有ALT=”产品标题”的代码,而在自己的国际站里打开的连接页面里面 阿里把ALT属性干脆去掉了。

  13. 1024核工厂

    受教了。

  14. 1024核工厂

    如果在图片的alt和title中都使用同样的关键字,会不会有重复影响的可能,认为是过度优化而被K

  15. Amy Jia

    我的图片加上alt属性怎么成乱码了

  16. 念念

    你好我想问一下,在一个详情页面中如果 一个物品的图片比较多(假如大于8张)那是不是每个都要加Alt?Alt都相同吗?如果Alt不同,那加Alt的时候有什么顺序吗

给我留言