32.页面基础优化:img标签

谷歌SEO

img标签,小心使用html中img标签插入图片,可以帮助读者更好地理解你的文章。 与其用1000个字描述清楚的事情,不如用一张流程图说明一切。“一张图片胜过千言万语”可能并不适用于谷歌,因为搜索引擎通过alt标签和title标签理解文章的图片。

html的img标签,如果查看网页源码,看起来像这样:

img标签-使用合适的图片

图片seo选用合适的图片利于谷歌排名

图片seo选用合适的图片利于谷歌排名,最好是自己拍摄的图片.

使用原始的图片(自己拍摄的图像)比来自图片库的更好,例如你团队页面需要实际的团队照片而不是随便找几个家伙的图片敷衍了事。需要与其文章主题相关的图片,如果你用一张随机的宠物照片放在谷歌SEO主题的文章里面,那么你这样做是错了,你违背了图像反映帖子的主题,或者在文章中起不到说明性的目的。

在实际操作过程中如果自己没有自己拍摄的照片,可以用以下方法找到独特的图片:

  • Flickr.com图片网站:网站SEO内容更多来源详细介绍知识共享概念,我们在Flickr中找到Creative Commons图片使用;
  • freeimages.com图片网站:域名就知道是是免费图片资源网站,也就说里面提供的网站是免费,我们可以直接拿来使用;
  • 更多免费图片来源:点击这里查看更多免费图片来源。

准备使用在文章中图片

当我们找到合适的图片,无论是插图,图表还是照片,下一步就是准备在网站使用它并优化它,需要考虑以下几点:

正确命名图片文件名

图片搜索引擎优化从文件名开始,你希望Google在不分析图片的情况下了解图片的内容,请在图片文件名中使用关键字。这很简单:如果你的图片是巴黎圣母院大教堂的日出,文件名不应该是DSC3421.jpg,而是notre-dame-paris-sunrise.jpg,主要关键字是Notre Dame,因为这是照片的主要主题,这就是为什么要把它放在文件名称的开头。

调整优化图片的尺寸

用户体验在SEO中非常重要,网站访问速度越快,搜索引擎越容易访问和索引页面,图片大小会影响网页加载时间,当你上传大图片显示非常小 时,例如250×150像素大小显示2500×1500像素图片,这个过程中需要加载整个图片,麻烦请将图片调整为你希望显示的大小。WordPress可帮助你在上传后自动提供多种尺寸的图片,这并不意味着文件大小也被优化,这只是图像显示大小,所以建议使用Photoshop把图片调整成希望显示的尺寸后再上传到网站。

压缩图片大小

图像搜索引擎优化还有就是图片被压缩,尽可提供小的图片文件。当然,你可以导出图片是使用百分控制图片质量和大小,但我更喜欢使用100%的图片质量,仍然可以通过删除EXIF数据来减小图片大小。

优化图片大小网站工具:

  • ImageOptim
  • JPEGMini
  • PunyPNG
  • Kraken.io

图片优化后,使用YSlow等工具进行测试。

使用响应式图片

使用响应式图片对于搜索引擎优化也是必不可少的,如果你使用的是WordPress,它已经为你做好了,因为从4.4版本开始是默认添加自动适配图片,响应式图片是srcset属性,这样可以在不同终端屏幕提供不同尺寸的图片(移动设备)。

srcset属性看起来像这样:

在这个例子中,我们将图像大小调整为360,550,800和1024像素,总共有5张图片。

开始在文章添加图片

图片seo:图片添加到文章相关内容alt标签和title标签带上关键词

图片添加到文章相关内容关系谷歌排名,图片alt标签和title标签带上关键词.

现在你的图片可以使用了,不要随便把它扔到你的文章中。如前所述,将图片添加到相关文章内容附近对排名会有很大帮助,确保文本与图片相关,图片与文本相关。

图片说明

图片说明是页面上图片附带的文字,它是每个图像下方灰色框中的文本。为什么图片说明对搜索引擎优化重要呢?因为读者在阅读文章时会浏览这些文本。调查发现读者在浏览网页时倾向于浏览标题,图片和图片说明。早在1997年,尼尔森写道:“增强标题,大型,粗体文本,突出显示的文本,项目符号列表,图形,标题,主题句和目录。”2012年,KissMetrics更进一步说明“读取图像下的说明比文章正文多3倍,意味着不使用,或者使用不正确,我们错失了吸引大量潜在读者的机会。”

我们需要为每张图片添加说明吗?不,因为有时图片有其它用途,取决于是否要将你的图片用于搜索引擎优化。需要避免过度优化,添加图片说明优先考虑是否对读者有意义,不要为图片搜索引擎优化而在添加图片下添加说明。

alt文本和title文本

alt文本(或alt标签)将添加到图片中,如果无法向访问者显示图像,则会有适当的描述性文本展示给读者。维基百科描述ALT标签描述得更好:“在读者无法获得图像的情况下,也许是因为他们在网络浏览器中关闭了图像或者由于视觉障碍而使用屏幕阅读器,ALT标签文本确保不会丢失任何信息的功能。” 确保为每个图片添加替代文本,并确保代替文本包含该页面的SEO关键字。

当鼠标悬停在图像上时,IE会将alt文本显示给读者,Chrome会将title文本显示给读者。图片的title文本和alt文本是相似的,许多使用title的人只是复制alt文本,但是现在越来越多的人完全抛弃使用它们。“title属性非常有用,它提供了一种很好的方式展示非必要的信息,例如,图片的情绪在上下文中的意义。” 换句话说,图片展示‘很高兴’的信息。

图片seo-总结

做搜索优化让图片出现在搜索结果中的方法如下:

  1. 优化关键字要在title标签,图片路径名称,图片文件名称和alt标签;
  2. 图片周围正文内容要有关键字;
  3. 靠近图片的H标签要有关键字;
  4. 图片说明(caption)要有关键词;
  5. exif = exchangeable image file format,(jpeg and png, not gifs);
  6. 优化关键字要在title标签,图片路径名称,图片文件名称和alt标签;

做到上述,图片优化基本满足谷歌要求,后面课程学习xml image sitemap。

接近10年的互联网从业经验,精通Scrum敏捷软件开发的方法,从事互联网产品设计,开发,测试,运营,案例不少于20个,发现自己最喜欢的工作是做外贸营销,外贸SEO,特别喜欢谷歌优化。从2017年3月开始坚持在群161510483直播谷歌SEO和WEB前端开发技术,只要加进来坚持学习零基础也能够学会。

Last modified: 2018年9月2日

发表评论

电子邮件地址不会被公开。 必填项已用*标注