介绍
图片通常占网页的最大部分,并在谷歌搜索结果中拥有自己的标签。图片是完整搜索引擎优化战略的 重要组成部分,因此优化图片对提高可见度至关重要。
搜索引擎如何索引和理解图像
搜索引擎抓取网页以发现图片并提取元数据和文件名等数据。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.使图片便于移动
使用srcset
和sizes
属性制作响应式图片,可根据用户的设备缩放。
例如
<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 等提供商授权的图片。
图像优化主要启示
-
选择合适的文件格式和大小,以加快加载速度。
-
确保优化页面搜索引擎优化元素。
-
创建图片网站地图,提高抓取能力。
遵循这些提示,您就能提高网站的图像搜索引擎优化和整体搜索可见度。优化愉快