图像搜索引擎优化:优化搜索引擎的图像

2019.09.13 - 象牙白

图像搜索引擎优化

无论您是博客还是为在线杂志或报纸撰写文章,您都可能会发现自己在询问文章是否需要图片。答案总是“是”。图像带来了文章生活,也可以为您的网站的SEO做出贡献。这篇文章解释了如何为SEO完全优化图像, 并提供了使用图像以获得最佳用户体验的一些指示。

在我们潜入之前,如果您想了解更多关于图像搜索引擎优化和其他必要的搜索引擎优化技能,您应该查看我们的全方位搜索引擎优化培训!它不仅仅告诉你关于SEO:它确保你知道如何将这些技能付诸实践!
始终使用图像
找到合适的图像
备择方案
准备要在文章中使用的图像
选择正确的文件名
选择正确的格式
缩放图像SEO
使用响应式图像
减小文件大小
将图像添加到文章中
标题
alt文字和title文字
添加图像结构化数据
OpenGraph和Twitter卡
对准
XML图像站点地图
Image SEO:摘要
始终使用图像
图片在小心使用时,可以帮助读者更好地理解您的文章。古老的说法“一张图片胜过千言万语”可能不适用于谷歌,但当你需要调整1000个沉闷的单词,说明你在图表或数据流图中的含义,或者只是让你的社交媒体发布更具吸引力。

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

Google Images最近采用全新界面进行了改版。您还可以找到新的过滤器,元数据甚至归因。酷炫的新过滤器表明Google越来越了解图像中的内容以及该图像如何适应更大的环境。

新的谷歌图片搜索
谷歌新的图像搜索界面于2018年9月底发布
找到合适的图像
Image SEO:这张图片并不是说’欢迎来到我们公司’,而是说’欢迎来到公司’。
使用原始图像(您自己拍摄的图像)比使用照片更好。您的团队页面需要您的实际团队的照片,而不是右边的这个家伙或他的一个照片朋友。偏离主题:没关系,老兄需要理发。

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

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

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

照片的明显替代品可以是插图,这是我们使用的或图表。值得一提的是动画GIF,因为它们现在非常受欢迎。

图像搜索引擎优化:动画GIF最近流行
但即使动画GIF很受欢迎,也不要过火。它会使你的帖子更难阅读,因为图像的移动会分散读者的注意力。他们还可以减慢您的页面速度。

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

选择正确的文件名
图像搜索引擎优化以文件名开头。您希望Google在不查看图像的情况下知道图像的内容,因此请在图像文件名中使用焦点关键词。这很简单:如果您的图像在巴黎圣母大教堂上显示日出,则文件名不应该是DSC4536.jpg,而是notre-dame-paris-sunrise.jpg。主要的关键词是Notre Dame,因为这是照片的主要主题,这就是为什么它在文件名的开头。

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

为较大的照片或插图选择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 image seo
像JPEGmini这样的工具可以大幅减少图像文件大小而不会产生伪影
例如,您仍然可以通过删除EXIF数据来减小这些图像的文件大小 。我们建议使用ImageOptim 等工具 或JPEGmini,jpeg.io或 Kraken.io等网站 。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

阅读更多:了解有关alt标签和标题标签优化的更多信息»

添加图像结构化数据
向页面添加结构化数据可以帮助搜索引擎将图像显示为丰富的结果。虽然Google表示结构化数据无法帮助您更好地排名,但它确实有助于在图片搜索中实现更加充实的列表。不过还有更多。例如,如果您的网站上有食谱,并且您在图片中添加了结构化数据,Google还可以为您的图片添加徽章,以显示此图片属于食谱。Google Images支持以下类型的结构化数据:

产品
视频
食谱
如果您希望图片在图片搜索中显得丰富,Google需要遵循一系列指南。主要内容是图像属性是必需的,您的图像应该是可抓取和可索引的。您可以在Google的结构化数据常规指南中找到它们。如果您想学习如何向页面添加结构化数据,请尝试结构化数据培训!

OpenGraph和Twitter卡
早些时候,我提到使用图像进行社交分享。如果您将以下图片标记添加到页面HTML中的 部分,如下所示:

这将确保图像包含在Facebook上的共享中(例如,OpenGraph也用于Pinterest)。

后到的Facebook
我们的Yoast SEO插件 有一个 社交部分 ,您可以设置甚至 – 在高级版本 – 预览您的Facebook和Twitter帖子。确保您使用高质量的图像,例如您在帖子中使用的原始图像,因为社交平台经常使用更高质量/更大的图像。如果您已正确设置它并且它不起作用,请尝试在URL调试器中刷新Facebook的缓存 。Twitter卡 也为Twitter做同样的事情,也是由我们的插件生成的。

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

保持左读数线; 不要将图像对齐到左侧
保持左读数线; 不要将图像对齐到左侧
如果您使用与文本列宽度相同的图像,那很好,它甚至可以帮助更多地强调图像。

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

XML图像站点地图
如果您是Web开发人员,您可能想知道XML映像站点地图。我更喜欢将其描述为 XML站点地图中的图像。谷歌明确表示:

此外,您还可以使用站点地图的Google图片扩展程序向Google提供有关您网页上可用图片的更多信息。图片站点地图信息可帮助Google发现我们可能无法找到的图片(例如您的网站使用JavaScript代码访问的图片),并允许您在网站上指明您希望Google抓取并编制索引的图片。

人们不时地向我们询问XML图像站点地图。我们不会在插件中生成这些内容,但请遵循Google的建议并将其包含在页面中或发布站点地图。只需在我们的帖子站点地图中向下滚动 ,您就会看到我们在所有最新帖子中添加了图片(还有一个专栏)。将图像添加到您的XML站点地图有助于Google为您的图像编制索引,因此请务必这样做以获得更好的图像搜索引擎优化。

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

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

使用与您的文字相匹配的相关图片
为您的图像选择一个好的文件名
确保图像尺寸与显示的图像尺寸相匹配
srcset尽可能使用
减小文件大小以加快加载速度
如果适用,添加标题以便于扫描页面
使用图片替代文字。不需要标题文本
将结构化数据添加到图像中
为图像添加OpenGraph和Twitter Card标签
不要使用图像打破左读取线 – 将图像对齐或居中对齐
在XML站点地图中使用图像
提供所有可用的上下文!
除了为SEO和用户体验做出贡献外,图像还可以在转换中发挥重要作用!




阅 143
0
懵懂单纯

继续着没有性生活的日子 貌似最近我都在念叨这个…… 我真是个贱男人,无耻。。。 最近不想写文字了,是因为事情很 […]