• 图片搜索引擎优化技术

您需要了解的 12 个重要图片搜索引擎优化技巧

  • Felix Rose-Collins
  • 3 min read
您需要了解的 12 个重要图片搜索引擎优化技巧

介绍

图片通常占网页的最大部分,并在谷歌搜索结果中拥有自己的标签。图片是完整搜索引擎优化战略的重要组成部分,因此优化图片对提高可见度至关重要。

搜索引擎如何索引和理解图像

搜索引擎抓取网页以发现图片并提取元数据和文件名等数据。Google 会使用周边文本、图像文件名、alt 文本、标题和页面内容等因素来理解图像的上下文和内容。

什么是图像搜索引擎优化?

图像优化包括通过压缩图像、使用响应式图像、实施懒加载、添加相关的 alt 文本、使用描述性文件名和实施结构化数据来提高在搜索引擎结果页面(SERP)中的可见性的技术。

1.选择正确的图像格式

Google 支持 JPEG、PNG、WebP、BMP、GIF 和 SVG 等格式。每种格式都各有利弊:

  • PNG:无损压缩,质量更好,支持透明度,文件大小更大。

  • JPEG:有损压缩,质量可调,文件较小。

  • WebP:高效、文件小,所有主流浏览器都支持。

  • GIF:无损,颜色限制为 256 色,适用于简单的图形和动画。

  • SVG:基于矢量,可缩放,是徽标和图标的理想选择。

  • BMP:大尺寸、未压缩、高质量,由于尺寸原因不适合用于网络。

建议:使用 PNG 并转换为 WebP 用于网络部署,以获得最佳质量和加载时间。

2.创建独特的图像

避免使用普通的图片库照片。使用高质量的原创图片来改善用户体验和搜索引擎优化。Google 建议图片宽度至少为 1200px,并在 robots meta 标签中使用max-image-preview:large设置,以确保图片在 Google Discover 中显示为大图片。


meta name='robots' content='index,follow,max-image-preview:large'/>。

3.优化图像文件名

使用描述性强、关键字丰富的文件名,帮助搜索引擎理解图片的主题。避免使用默认名称,如 "IMG_722019"。

4.编写搜索引擎优化友好的 Alt 文本

Alt 标签描述了图片的内容,提高了图片的可访问性。它们还能帮助搜索引擎了解图片的上下文,有助于提高排名。

例如


<img src="chocolate-1.jpg" alt="黑巧克力咖啡口味棒"/>。

5.优化页面标题和描述

在页面标题和描述中包含相关关键词,以提高图片搜索排名。确保优化所有页面搜索引擎优化因素。

6.确定尺寸

为每张图片添加宽度和高度属性,以防止出现累积布局偏移 (CLS) 问题,并提高 Core Web Vitals 分数。

7.使图片便于移动

使用srcsetsizes属性制作响应式图片,可根据用户的设备缩放。

例如


<picture> <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"> <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="图片说明"> </picture>

8.懒加载和预加载

对不在视口中的图片使用懒加载,以提高页面性能。对折叠上方的图片使用预加载或fetchpriority="high"

例如


<img src="image.jpg" loading="lazy" srcset="image-300w.jpg 300w, image-600w.jpg 600w" alt="说明">

9.在网站地图中添加图片

在网站地图中包含图片可增加图片被搜索引擎抓取和索引的机会。使用 WordPress 的 Yoast 或 RankMath 等插件,或 Screaming Frog 等工具。

10.添加结构化数据

用结构化数据增强图片,提高在搜索结果中的可见度。使用模式标记包含价格、可用性和评级等详细信息。

例如


{ "@context": "http://schema.org", "@type": "Article", "headline": "Article Title", "image":[ "https://example.com/photos/1x1/image.jpg", "https://example.com/photos/4x3/image.jpg", "https://example.com/photos/16x9/image.jpg" ], "datePublished": "2024-01-10T08:00:00+08:00", "dateModified": "2024-01-10T09:20:00+08:00", "author":{ "@type": "Person", "name": "Author Name" } }

11.使用 CDN 加快图像传输

内容分发网络 (CDN) 可以从更靠近用户的位置提供图像,从而优化并更快地分发图像。可以考虑使用 Cloudflare、Amazon CloudFront、ImageKit 或 KeyCDN 等服务。

12.谨防版权

确保您有权使用图片,以避免昂贵的诉讼费用。使用盖蒂、Shutterstock 或 DepositFiles 等提供商授权的图片。

图像优化主要启示

  • 选择合适的文件格式和大小,以加快加载速度。

  • 确保优化页面搜索引擎优化元素。

  • 创建图片网站地图,提高抓取能力。

遵循这些提示,您就能提高网站的图像搜索引擎优化和整体搜索可见度。优化愉快

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

开始使用Ranktracker...免费的!

找出阻碍你的网站排名的原因。

创建一个免费账户

或使用您的证书登录

Different views of Ranktracker app