图片seo优化
网页通常是由图像和文字构成的。

你在Google搜索关键词的时候,有专门针对图片进行搜索的标签,甚至还有图片自己的算法。

在搜索引擎中搜索图片

本文将详细介绍图片SEO优化的11个技巧,提高网站在谷歌的排名和流量。

搜索引擎是如何理解图片的?

1、搜索引擎抓取网页以发现图像并从图像中提取数据,例如元数据和文件名。

2、Google 会考虑周围文本、图像文件名、替代文本、标题和页面内容等因素来理解图像的上下文,并使用图像识别技术来理解图像的内容。

基于以上的搜索引擎是如何工作的,我们就有了如何针对图片优化的11个方法和技巧:

 1.选择正确的图像格式

总共有数十种可用的图像格式,但 Google 搜索仅支持以下格式:JPEG、PNG、WebP、BMP、GIF 和 SVG。

让我们了解这些格式之间的差异以及它们如何影响网站和搜索引擎优化。

PNG:使用无损压缩,这意味着不会丢失图像数据。因此,它可以生成质量更好的图像并支持透明度,但它具有更大的文件大小,非常适合打印。

JPEG:使用有损压缩并导致图像质量下降,但您可以调整质量高低来找一个平衡点。

WebP:由 Google 开发,谷歌的亲儿子,采用无损或有损压缩,比 JPG 更高效,因此可以在相当的质量水平下提供更小的文件大小。所有主要浏览器都支持它。

GIF:使用无损压缩,但仅限于 256 色,不太适合高质量图像,更适合简单的图形和动画。

SVG:这种基于矢量的格式用于徽标、图标和其他设计,因为它可以缩放到任何大小而不增加文件大小。这使其成为响应式网页设计的理想选择。

BMP:大型且未压缩的图像文件,可保持非常高的质量。由于其大小,它通常不用于网站,因为它会显着减慢页面加载时间。

一般来说,最好的选择是 PNG,然后可以将其转换为 WebP 格式以进行 Web 部署。

下面推荐一个图片压缩的网站:

  • ShortPixel.
  • TinyJPG.
  • EZGIF.
  • Kraken.io.

但是,请注意,使用这些工具进行压缩可能会明显降低图像质量。例如,在包含文本的屏幕截图中完成时,可能会扭曲图像上的文本。

2.创造独特的图像

太多的网站都使用相同的通用的免版权的照片,如果你的网站也是都是用这样的图片,没有原创性,因为谷歌理解图像的内容,因此它将被视为重复内容。

虽然您可能对免版权的图像进行了完美优化,但它不会产生与原始高质量图像相同的影响或潜在的 SEO 优势。

网站拥有的原创图片越多,用户体验就越好,在相关搜索中排名的机会就越大。

请注意,大图像更有可能出现在 Google Discover 中。

Google 建议图像宽度至少为 1200 像素,并通过 robots 元标记中的 max-image-preview:large 设置启用,以确保它们在 Google Discover 中显示为大图像。

3.优化图片文件名

当谈到搜索引擎优化时,创建描述性的、关键字丰富的文件名绝对是至关重要的。

图像文件名提醒 Google 和其他搜索引擎爬虫有关图像的主题。

通常,看起来像“IMG_722019”或类似名称的文件名并不能帮助 Google 更好地理解图像。

尽管谷歌现在可以理解图像的内容,但设置有意义的文件名并帮助谷歌更好地理解图像也没有坏处。

更改默认文件名,以帮助搜索引擎理解您的图像并提高您的 SEO 价值。

根据您的媒体库的图片的数量,这可能需要一定的工作量,但是这是值得的。

4.编写 SEO 友好的替代文本

当浏览器无法正确呈现图像时,Alt 标签是图像的文本替代品。与标题类似,alt 属性描述图像文件的内容。

当图像无法加载时,您将看到一个图像框,其左上角有 alt 标签。确保 alt 标签与图像相符并使图片相关。alt 标签也有利于整体页面 SEO 策略。

在网站上的图片添加适当的替代标签可以通过将关键字与图片关联起来,帮助您的网站在搜索引擎中获得更好的排名,因为替代文本是一个排名因素。

使用ALT为 Google 提供有关图像主题的有用信息。Google 使用该信息来帮助确定返回用户查询的最佳图像。

帮助确定返回用户查询的最佳图像

为了获得进一步的 SEO 价值,当图像链接到网站上的不同页面时,替代文本可以充当内部链接的锚文本。

5.优化页面标题和描述

谷歌使用您的页面标题和描述作为其图像搜索算法的一部分。

所有基本的页面搜索引擎优化因素,如元数据、标题标签、页面上的副本、结构化数据等,都会影响谷歌对图像的排名。

6.定义图片属性

图像尺寸属性对于防止累积布局偏移 (CLS) 问题非常重要,这些问题可能会干扰 Core Web Vitals 优化。这会阻止页面在加载时跳转。

确保包含每个图像和视频元素的宽度和高度属性是关键。这会告诉浏览器为资源分配多少空间,并防止烦人的内容移动,从而降低 CLS 分数。

7.让你的图片适合移动设备

图片一般有 srcset 和 sizes 属性。

从本质上讲,这些属性支持响应式图像,允许它们根据用户设备的大小或分辨率进行缩放,并通过节省宝贵的带宽以最佳大小加载,特别是在网速较慢的情况下。

我们看下这段代码

<picture>

<!– WebP format for browsers that support it –>

<source type=”image/webp” srcset=”

image-300w.webp 300w,

image-600w.webp 600w,

image-1200w.webp 1200w”

sizes=”(max-width: 600px) 300px,

(max-width: 900px) 600px,

1200px” >

<!– Fallback JPEG format –>

<img src=”image-300w.jpg”

srcset=”image-300w.jpg 300w,

image-600w.jpg 600w,

image-1200w.jpg 1200w”

sizes=”(max-width: 600px) 300px,

(max-width: 900px) 600px,

1200px”

alt=”Description of the image”>

</picture>

这段代码是一个响应式图片元素 (<picture>) 的示例,旨在根据浏览器的支持和设备屏幕宽度来加载不同格式和分辨率的图片。具体解释如下:

上半部分的部分代码使用 <source> 元素,指定了WebP格式的图片资源。srcset属性定义了不同分辨率的图片文件及其对应的宽度:

  • image-300w.webp 300w:宽度为300像素的WebP图片
  • image-600w.webp 600w:宽度为600像素的WebP图片
  • image-1200w.webp 1200w:宽度为1200像素的WebP图片

sizes 属性根据屏幕的最大宽度定义了选择哪种分辨率的图片:

  • (max-width: 600px) 300px:当屏幕宽度不超过600像素时,使用300像素宽的图片
  • (max-width: 900px) 600px:当屏幕宽度在600像素到900像素之间时,使用600像素宽的图片
  • 其余情况使用1200像素宽的图片

下半部分的部分代码回退JPEG格式

如果浏览器不支持WebP格式,则使用 <img> 元素加载JPEG格式的图片。srcset 和 sizes 属性的作用与 <source> 元素中的相同,定义了不同分辨率的JPEG图片及其适用的屏幕宽度条件:

    • src 属性提供了默认情况下加载的图片(宽度为300像素的JPEG图片)。
    • srcset 属性定义了不同分辨率的JPEG图片:
  • image-300w.jpg 300w:宽度为300像素的JPEG图片
  • image-600w.jpg 600w:宽度为600像素的JPEG图片
  • image-1200w.jpg 1200w:宽度为1200像素的JPEG图片

sizes 属性同样根据屏幕的最大宽度定义了选择哪种分辨率的图片:

  • (max-width: 600px) 300px:当屏幕宽度不超过600像素时,使用300像素宽的图片
  • (max-width: 900px) 600px:当屏幕宽度在600像素到900像素之间时,使用600像素宽的图片
  • 其余情况使用1200像素宽的图片

总结:这段代码通过 <picture> 元素实现了响应式图片加载,优先使用WebP格式的图片,并根据设备屏幕宽度选择合适分辨率的图片。在不支持WebP的浏览器中,回退到JPEG格式图片。

看不懂没关系,让你网站的技术看就好了。

8.延迟加载

延迟加载是推迟加载在用户视口(首屏)中不可见的图像。延迟加载不是在页面加载时加载所有图像,而是仅在用户滚动时将要看到图像时下载图像。

这可以减少初始加载时间,提高页面性能,并可以显着提高 LCP,尤其是在包含许多图像的页面上。

但切勿延迟加载首屏图像,因为这可能会对首次内容绘制 (FCP) 指标产生负面影响。

9.将图像添加到站点地图

无论是将图像添加到站点地图还是为图像创建新的站点地图,您都希望图像位于站点地图中的某个位置。

将您的图像放在站点地图中可以大大增加搜索引擎抓取和索引您的图像的机会。因此,会带来更多的网站流量。

如果使用 WordPress,Yoast 和 RankMath 在其插件中提供了站点地图解决方案。

如果你没有使用 WordPress,可以考虑使用 Screaming Frog 等软件来生成站点地图。

10.添加结构化数据

向图像添加结构化数据可以引导 Google 和其他搜索引擎提供更好的视觉结果,从而增强您的网页。

例如,您可以在产品架构中包含产品图像以及价格、可用性和评级等详细信息。这使您的产品在搜索结果中以结构化的数据形式展现,吸引潜在买家的更多关注。

另一个是在文章架构中添加具有多种尺寸的图像架构,以增强文章在 Google Discover 中以及 Google 搜索中不同设备中的排名。

11.使用CDN进行Daster图像传输

CDN 是一组分布在世界各地的服务器,用于托管您的内容并将其从地理位置最接近用户的服务器位置交付给用户。

CDN 还提供转换和优化功能。

通过传递参数和图像 URL,您可以请求不同的图像尺寸或将图像转换为更有效的格式(如 WebP)。

例如,Cloudflare 的 Polish 等服务可以通过检测浏览器与 WebP 格式的兼容性来自动优化图像格式。它可以根据请求提供 WebP 格式的 PNG 和 JPEG 图像。

一下是推荐的CDN服务商

  • Cloudflare.
  • Amazon CloudFront.
  • ImageKit.
  • KeyCDN.
通过本文介绍的11个图片SEO优化技巧,你可以确保网站图片在搜索引擎和用户中都能得到最大化曝光。这不仅有助于吸引更多流量,还能增加用户对内容的参与度。持续关注和优化网站的图片SEO策略,将为网站带来长期的积极影响。赶紧落地!

如果您同时有B2B建站、谷歌SEO、谷歌广告等问题,请加微信号:yunjuhudong

深圳云聚互动

专注B2B官网出海运营服务

2024
SEO活动专场
敬请期待

深圳南山大学城