如何利用图片SEO以获得最佳用户体验?

如何利用图片SEO以获得最佳用户体验?

无论您是博客还是为企业SEO优化撰写文章,您都可能会想知道文章是否需要图片。答案肯定是“是”。图像带来了文章多样化,也可以为您的网站的SEO做出贡献。今天我们就来说说如何利用文章图片为SEO提供更大帮助,并提供了使用图像以获得最佳用户体验的一些技巧。

在我们正式开始之前,如果您想了解更多关于图像搜索引擎优化和其他必要的搜索引擎优化技能,您应该查看我们的全方位搜索引擎优化教程!它不仅仅告诉你关于SEO:它确保你知道如何将这些技能付诸实践!

始终使用图像

图片在小心使用时,可以帮助读者更好地理解您的文章。“一张图片胜过千言万语”可能不适用于搜索引擎,但当你需要调整1000个沉闷的文字,说明你在图表或数据流图中的含义,或者只是让你的自媒体发布更具吸引力。

这是一个简单的建议:你应该在你在线写的每篇文章中添加图像,使它们更具吸引力。更重要的是,由于视觉搜索变得越来越重要 - 正如百度对搜索未来的愿景所见- 它可能会为您提供一些不错的流量。如果你有视觉内容,将图像搜索引擎优化放在你的待办事项清单上会更有意义。

找到合适的图像

使用原始图像(您自己拍摄的图像)比使用照片更好。您的团队页面需要您的实际团队的照片,而不是一些从网络找到的图片。

您的文章需要与其主题相关的图像。如果您选择一张随机照片只是为了在SEO内容分析中获得好评,那么您做错了。图像应反映文章的主题,或在文章中具有说明性目的。尝试将图像放在相关文本附近。如果您有一个主图像或您想要排名的图像,请尝试将其保持在页面顶部附近。

所有这一切都有一个简单的图像搜索引擎优化原因:相关文本的图像对于优化的关键字排名更好。

备择方案

如果您没有自己可以使用的任何图像,还有其他方法可以找到独特的图像并仍然可以避免拍摄照片。  例如,Flickr.com是一个不错的图像源,因为您可以使用Creative Commons图像。不要忘记归功于原始摄影师。我们也喜欢像Unsplash这样的网站提供的图片。避开明显的库存照片,挑选那些看起来(好吧,只是要看起来更真实)更真实的照片。但无论你使用什么,看起来像其中的人的图像总是看起来像股票照片,除非你自己拿走它们。最后,这总是最好的主意。

照片的明显替代品可以是插图,这是我们使用的图表。值得一提的是动画GIF,因为它们现在非常受欢迎。但即使动画GIF很受欢迎,也不要过火。它会使你的文章更难阅读,因为会动的图像会分散读者的注意力。他们还可以减慢您的页面速度。

准备要在文章中使用的图像

一旦找到了正确的图像 - 无论是插图,图表还是照片 - 下一步就是优化它以便在您的网站上使用。您需要考虑以下几点:

选择正确的文件名

图像搜索引擎优化以文件名开头。您希望搜索引擎在不查看图像的情况下知道图像的内容,因此请在图像文件名中使用焦点关键词。这很简单:如果您的图像是巴黎圣母大教堂的日出,则文件名不应该是DSC4536.jpg?image_process=format,webp,而是“巴黎圣母大教堂的日出.jpg?image_process=format,webp”。主要的关键词是巴黎圣母大教堂,因为这是照片的主要主题,这就是为什么它在文件名的开头。

选择正确的格式

对于图像,在正确的格式不存在; 这取决于图像的类型以及您希望如何使用它。简而言之,我们建议:

  • 为较大的照片或插图选择JPEG:它会在文件大小相对较小的情况下为您提供色彩和清晰度方面的良好效果;
  • 如果你想保持背景透明度,请使用PNG;
  • 或者,使用WebP而不是JPEG和PNG。它将以较小的文件大小生成高质量的结果。您可以使用Squoosh等工具将图像转换为WebP。
  • 将SVG用于徽标和图标。借助CSS或JavaScript,您可以管理SVG格式的图像,例如,在不损失质量的情况下调整它们的大小。

如果您知道大部分受众使用特定的浏览器或设备,则可以检查CanIuse.com上的这些浏览器是否支持您的首选格式。

当您拥有正确的名称和格式时,是时候调整大小并优化图像了!

缩放图像SEO

用户体验和SEO非常重要。站点越快,访问和索引页面就越容易。图像会对加载时间产生很大影响,尤其是当您上传大图像然后显示它非常小时 - 例如以250×150像素大小显示的2500×1500像素图像 - 因为仍然需要加载整个图像。因此,请将图像调整为您希望显示的大小。WordPress可帮助您在上传后自动提供多种尺寸的图片。不幸的是,这并不意味着文件大小也被优化,这只是图像显示大小。

使用响应式图像

这个对SEO也是必不可少的,如果你正在使用WordPress,它已经为你完成了,因为它是从4.4版本默认添加的。图像应具有srcset属性,这样可以在每个屏幕宽度上提供不同的图像 - 尤其适用于移动设备。

减小文件大小

图像搜索引擎优化的下一步应该是确保缩放图像被压缩,以便以尽可能小的文件大小提供。

当然,您可以导出图像并以质量百分比进行实验,但我更喜欢使用100%质量的图像,特别是考虑到视网膜和类似屏幕的普及。

 

像JPEGmini这样的工具可以大幅减少图像文件大小而不会产生伪影

例如,您仍然可以通过删除EXIF数据来减小这些图像的文件大小  。我们建议使用ImageOptim等工具  或JPEGmini,jpeg.io或Kraken.io等网站  。

在优化图片后,请使用Google PageSpeed Insights,Lighthouse,WebPageTest.org或Pingdom等工具测试您的网站。

将图像添加到文章中

虽然百度在识别图像中的内容方面越来越好,但您现在还不应该依赖他们的能力。这一切都归结为你提供该图像的上下文 - 所以尽可能多填写!

现在您的图像已经可以使用了,但不要随便将它扔进您的文章中。如前所述,将其添加到相关文本内容附近会有很大帮助。它确保文本与图像相关,因为图像与文本相关。

标题

图像标题是页面上图像附带的文本 - 如果您查看本文中的图像,则它是每个图像下方灰色框中的文本。为什么字幕对图像搜索引擎优化很重要?因为人们在扫描文章时会使用它们。人们在扫描网页时倾向于扫描标题,图像和标题。 早在1997年,尼尔森写道:

“增强扫描的元素包括标题,大型,粗体文本,突出显示的文本,项目符号列表,图形,标题,主题句和目录。”

2012年,  KissMetrics走得更远,说明  :

“图像下的字幕平均比正文本身多300%阅读,因此不使用它们,或者不正确使用它们,意味着错失了吸引大量潜在读者的机会。”

你需要为每张图片添加字幕吗?不,因为有时图像有其他用途。决定是否要将你的用户用于搜索引擎优化。考虑到需要避免过度优化,我会说你应该只添加字幕,让访问者有意义。首先考虑访问者,不要为图像搜索引擎优化添加标题。

alt文字和title文字

的alt文本(或ALT标记)添加到图像所以会有到位的描述性文本,如果图像不能被显示给访问者的任何理由。我不能把它比维基百科更好  :

“在图像无法供读者使用的情况下,可能是因为他们在网络浏览器中关闭了图像或者由于视觉障碍而使用屏幕阅读器,因此备选文本可确保不会丢失任何信息或功能。”

请务必为您使用的每个图像添加替代文字,并确保替代文字包含该页面的SEO关键短语(如果适用)。最重要的是,描述图像中的内容,以便搜索引擎和人们都能理解它。围绕图像的相关信息越多,搜索引擎就越认为这个图像很重要。

当将title鼠标悬停在图像上时,某些浏览器会将文本显示为“工具提示”。Chrome会按预期显示标题文字  。图像的标题文本是相似的,许多使用标题的人只是复制替代文本,但是越来越多的人完全抛弃它们。这是为什么?这是Mozilla的看法:

“ title存在许多可访问性问题,主要是因为屏幕阅读器支持非常难以预测,大多数浏览器都不会显示它,除非你用鼠标盘旋(例如,不能访问键盘用户)。”

最好在主要文章文本中包含此类支持信息,而不是附加到图像。

对准

这是我的一个烦恼:图像永远不会打破左阅读线。我确信有研究支持这一点,但对我来说这是个人的。当文本开始在图像的右边时,我真的不喜欢它,只是向下跳到下一个图像:

保持左读数线;  不要将图像对齐到左侧

保持左读数线; 不要将图像对齐到左侧

如果您使用与文本列宽度相同的图像,那很好,它甚至可以帮助更多地强调图像。

我会说实话:这与图像搜索引擎优化完全无关,但我看到了表达自己意见并使用它的机会!我认为这对用户体验不利。所以,只是为了取悦我:不要这样做。谢谢,我很感激。

南京SEO总结

图像搜索引擎优化是许多元素的总和。随着搜索引擎每天更好地识别图像中的元素,确保图像及其所有元素有助于提供良好的用户体验以及SEO。试图哄骗搜索引擎是愚蠢的。

将图像添加到文章时请记住以下事项:

  • 使用与您的文字相匹配的相关图片
  • 为您的图像选择一个好的文件名
  • 确保图像尺寸与显示的图像尺寸相匹配
  • srcset尽可能使用
  • 减小文件大小以加快加载速度
  • 如果适用,添加标题以便于扫描页面
  • 使用图片替代文字。不需要标题文本
  • 将结构化数据添加到图像中
  • 为图像添加OpenGraph标签
  • 不要使用图像打破左读取线 - 将图像对齐或居中对齐
  • 在XML站点地图中使用图像
  • 提供所有可用的上下文!

除了为SEO和用户体验做出贡献外,图像还可以在转换中发挥重要作用!

如何优化网站移动端以提高用户体验?

如何优化网站移动端以提高用户体验?

随着移动设备的普及,越来越多的人使用手机或平板电脑浏览网站。因此,网站在移动设备···

了解更多
百度评估网站用户体验到底依据什么?

百度评估网站用户体验到底依据什么?

说起用户体验,很多优化人员都比较迷茫,不知道如何提升用户体验,搜索引擎到底依据什···

了解更多
您需要了解的11个重要图片SEO技巧

您需要了解的11个重要图片SEO技巧

想一想您上次将图片上传到网站的时间。您很可能是从图库摄影网站下载了该图片,然后将···

了解更多
提高网站速度是提升用户体验与SEO排名的关键措施

提高网站速度是提升用户体验与SEO排名的关键措施

我们都曾经历过那种需要永远加载的网站,这绝对不是一个良好的第一印象!快速的网站不···

了解更多