WordPress封面图怎么做SEO?2026年图片优化完整指南(含Google官方规范)
本站部分链接为联盟推广链接。通过这些链接购买,我可能获得佣金...
这不仅不会增加您的实际费用,通常还能让您享受到专属折扣。所有上榜推荐均基于真实项目环境下的自费实测,排名完全由客观测评数据决定。详细规则请查阅《免责声明》。
很多人做WordPress博客,封面图就是随手传一张上去,文件名是相机原始编号,Alt文本空着,格式是JPEG,大小两三MB。
前端看着没什么问题,但对搜索引擎来说,这张图几乎是透明的,Google读不出它在讲什么,图片搜索流量更是一点没贡献。
这篇按Google Search Central官方文档(developers.google.com/search/docs/appearance/google-images,官网最后更新2026年3月2日)整理,每个关键操作都有来源依据。
封面图SEO的核心:Google怎么理解一张图
先搞清楚原理,后面才知道为什么要这么做。
Google官方明确说明:Google通过alt文本、计算机视觉算法以及页面内容共同判断图片的主题内容。换句话说,图片本身的视觉内容只是来源之一,文字信号,文件名、alt属性、图片周围的正文,同样在发挥作用。
另外,Google不索引CSS背景图片,只识别HTML <img> 元素的 src 属性中的图片。这意味着用CSS background-image设置的封面图,Google完全看不到,必须是标准HTML img标签输出的图片,WordPress默认输出方式就是这样,但自定义主题里有时会踩这个坑。
第一步:上传前重命名文件
这是成本最低、最容易被忽略的一步。
Google官方建议:尽可能使用简短但描述性强的文件名,比如 my-new-black-kitten.jpg 就比 IMG00023.JPG 要好。避免使用 image1.jpg、pic.gif、1.jpg 这类通用文件名。
腾腾博客(blog.ctzpj.com)的文章封面图命名规范:
- 格式:
关键词-关键词-年份.webp - 示例:
siteground-discount-tutorial-2026.webp - 分隔符:用连字符(
-),不用下划线(_) - 语言:英文或拼音,避免中文字符(URL编码后会变成乱码)
在本地Finder/资源管理器里重命名好再上传,上传后WordPress会原样保存文件名到媒体库。
第二步:写好Alt文本
Alt文本是图片SEO里权重最高的文字信号,Google官方将其定义为”提供图片元数据最重要的属性”。
官方的写法指引非常清楚:
写Alt文本时,专注于创作有用的、信息丰富的内容,适当使用关键词并与页面内容保持相关。避免在 alt 属性中堆砌关键词(即关键词填充),这会导致糟糕的用户体验,并可能使网站被认定为垃圾内容。
官方给了四档示例,直接搬过来最有说服力:
| 写法 | 代码 |
|---|---|
| ❌ 缺少Alt | <img src="puppy.jpg"/> |
| ❌ 关键词堆砌 | <img src="puppy.jpg" alt="puppy dog baby dog pup pups puppies doggies..."/> |
| 🟡 勉强够用 | <img src="puppy.jpg" alt="puppy"/> |
| ✅ 最佳写法 | <img src="puppy.jpg" alt="Dalmatian puppy playing fetch"/> |
套用到外贸站封面图:
- ❌ 差:
alt="SiteGround SiteGround优惠 SiteGround便宜购买2026" - ✅ 好:
alt="SiteGround 2026年三套餐价格对比表"
在WordPress里,Alt文本填写位置有两处:上传图片时在媒体库直接填写(全局生效),或者在文章编辑器里点击封面图后在右侧面板填写(仅该文章生效)。封面图建议在媒体库里填,一次填好到处通用。
WordPress不会自动填写Alt文本,必须手动填写,或使用能批量生成的工具。
第三步:设置OG Image(社交分享封面图)
封面图在WordPress里有两个身份:文章列表里的Featured Image,以及社交平台分享时的预览图(OG Image)。这两者可以是同一张图,也可以单独设置。
Google官方建议通过 og:image meta标签或schema.org的 primaryImageOfPage 属性来指定你希望展示的图片。选择图片时,避免使用网站Logo或含有文字的图片,避免使用宽高比极端的图片,尽量使用高分辨率图片。
在Rank Math里,每篇文章编辑器右侧面板 → Social标签,可以单独设置OG Title、OG Description和OG Image。如果不单独设置,Rank Math会自动取文章Featured Image作为OG Image。
OG Image的推荐尺寸是 1200 × 630px,这是Facebook、LinkedIn、Twitter/X各平台都能完整显示的安全尺寸。比例大致是1.91:1。
腾腾博客的封面图如果按此尺寸设计,就能同时满足Featured Image和OG Image两个需求,一图两用。
第四步:格式选WebP,体积控制在合理范围
Google Search支持的图片格式包括:BMP、GIF、JPEG、PNG、WebP、SVG和AVIF。
2026年,WebP是通用基准格式——所有主流浏览器均支持,相比JPEG在同等画质下文件体积缩小约25-35%,且支持透明度(替代PNG的场景)。AVIF压缩率更高,但编码耗时且部分旧版Safari仍有兼容问题,外贸站考虑受众设备多样性,WebP是稳健选择。
规则手册里也明确了后缀统一用 .webp,这里完全一致。
封面图的体积控制建议:
- 1200×630px 的封面图:目标压缩到 100-200KB 以内
- 工具:Squoosh(squoosh.app,免费,浏览器端操作)或 TinyPNG
上传到WordPress后,可以用 Imagify 插件 做服务器端二次压缩,对已有图片库也能批量处理。
第五步:配置图片Sitemap
图片Sitemap是让Google发现并索引你站内图片的主动机制,尤其适合图片较多的站点。
Google官方说明:你可以通过提交图片sitemap来告知Google那些它可能未能自动发现的图片URL。与常规sitemap不同,图片sitemap的 <image:loc> 元素中可以包含来自其他域名的URL——这意味着你可以通过CDN托管图片,而图片sitemap仍然有效。
Rank Math SEO在配置得当的情况下会自动生成包含图片信息的sitemap。检查路径:你的域名 + /sitemap_index.xml,看其中是否有图片相关条目。
blog.ctzpj.com使用的WPHOS Edge CDN托管图片,Google建议如果用CDN托管图片,最好在Search Console里验证CDN域名的所有权,这样Google可以在发现抓取错误时及时通知你。
第六步:封面图放置位置影响排名
这个很少有人提到,但Google官方有明确说明:
Google从页面内容(包括图注和图片标题)中提取图片主题的相关信息。尽可能确保图片放置在相关文字附近,并且页面内容与图片主题相关。
对博客文章来说,封面图本身的语境比较特殊,它出现在文章顶部,周围是文章标题和第一段正文。这意味着:
文章标题(H1)和封面图的Alt文本应该在语义上高度一致,最好都包含核心关键词。标题写”SiteGround怎么买最便宜”,封面图的Alt就不该写”网站建设工具比较图”,这种语义割裂会削弱图片在该关键词上的相关性信号。
快速清单:封面图上传前自查
| 项目 | 标准 |
|---|---|
| 文件名 | 关键词+连字符,.webp后缀,无中文 |
| Alt文本 | 描述图片内容,自然带入关键词,不堆砌 |
| 图片格式 | WebP |
| 图片尺寸 | 1200×630px(OG Image安全尺寸) |
| 文件体积 | 压缩后100-200KB以内 |
| OG Image | Rank Math Social标签单独确认 |
| HTML标签 | <img> 标准标签,非CSS背景图 |
封面图SEO和整体速度优化的关系
图片是网页总体积最大的组成部分之一。Google官方建议应用最新的图片优化和响应式图片技术,以提供高质量且快速的用户体验,并建议用PageSpeed Insights分析站点速度。
封面图优化是WordPress速度优化的重要环节之一,具体的速度优化全流程可以参考那篇。Rank Math的SEO配置方法在Rank Math SEO教程里有完整图文步骤。
常见问题
封面图的Alt文本和正文里图片的Alt文本要求一样吗?
一样。都遵循Google官方的”描述图片内容、自然带入关键词、不堆砌”原则,区别只是封面图的主题应与文章标题高度匹配。
OG Image和WordPress Featured Image必须分开设置吗?
不必须。如果封面图是按1200×630px设计的,直接作为OG Image完全没问题。需要分开设置的场景是:你想在社交分享时展示和文章列表里不一样的图片(比如加了文字overlay的版本)。
封面图用JPEG行不行,一定要WebP吗?
Google Search支持JPEG格式,不会因为用JPEG就不收录。但WebP在同等画质下体积更小,对Core Web Vitals(LCP指标)更友好,外贸站面向全球用户,带宽条件不一,WebP是更优选择。