创作出优质内容,却因图片拖慢网站速度、被搜索引擎完全忽略,这种挫败感令人沮丧。未优化的图片会损害你的搜索排名,并在页面加载之前就赶走访客。
我们(猫哥)也曾遇到过同样的问题。经过多年在猫哥网站内部优化图片的经验,我们学会了如何让图片成为驱动流量的强大资产。
在本指南中,我们将为你逐步讲解图片SEO的简单流程。你将学到我们用来提升图片排名、吸引更多访客并加速网站的具体技巧。

TL;DR(快速总结): 以下是图片SEO的逐步优化步骤:
- 上传前压缩并调整图片尺寸
- 使用描述性、包含关键词的文件名
- 为每张图片编写描述性的替代文本
- 在媒体库中设置图片标题和说明(如有需要)
- 使用AIOSEO(Plus计划)自动生成替代文本和图片站点地图
- 禁用附件页面,避免内容单薄导致的惩罚
本指南涵盖以下内容:
- 为什么要为SEO和速度优化图片
- 如何在WordPress中添加替代文本、标题和说明
- 使用All in One SEO自动管理图片SEO(推荐)
- 如何禁用WordPress中的附件页面
- 额外提升图片SEO的技巧
- 使用结构化数据帮助图片在搜索中排名
- 视频教程
- 关于图片SEO的常见问题解答
- 优化WordPress图片的其他资源
为什么要为SEO和速度优化图片
页面加载速度在SEO和用户体验中起着重要作用。搜索引擎始终将快速网站排名靠前。这也适用于图片搜索。
图片会增加整体页面加载时间。它们比文本下载更慢,这意味着如果加载多个大图文件,页面加载速度就会变慢。
因此,你需要确保WordPress网站上的图片已针对网络进行优化。对于许多不熟悉图形和图片编辑的初学者来说,这可能有点棘手。
优化图片的最佳方法是在电脑上使用图片编辑软件(如Adobe Photoshop)进行编辑。这样可以让你选择正确的文件格式来创建较小的文件大小。
你也可以使用WordPress的图片压缩插件。图片优化插件可以在你上传图片到WordPress时自动减小文件大小。
你可以在我们的指南中了解更多:如何在上传图片之前正确优化图片。
什么是替代文本?
替代文本(Alt text)是一种添加到img标签中的HTML属性,用于在网页上显示图片。它在纯HTML代码中看起来像这样:
<img src="/fruitbasket.jpeg" alt="一个水果篮" />
它允许网站所有者用纯文本描述图片。替代文本的主要目的是通过允许屏幕阅读器为视障用户读出替代文本来改善可访问性。
替代文本对于图片SEO也至关重要。它帮助搜索引擎理解图片的上下文。
现代搜索引擎可以通过人工智能识别图片及其内容。然而,它们仍然依赖网站所有者用自己的语言描述图片。
替代文本还会出现在Google图片搜索中,这有助于用户理解图片,并提高你获得更多WordPress博客访客的机会。

通常,替代文本在你的网站上不可见。但是,如果图片损坏或无法找到,用户将看到替代文本以及旁边的损坏图片图标。

替代文本与标题有何区别?
替代文本帮助搜索引擎和屏幕阅读器理解图片。而图片标题则有两个不同的用途。
首先,在WordPress媒体库内部,标题有助于你组织并查找图片。其次,当你将其添加到文章或页面时,它可以创建一个文本工具提示,当访客将鼠标悬停在图片上时显示。

过去,WordPress会自动使用媒体库标题创建此工具提示。然而,此功能已作为默认设置被移除,因为对于使用屏幕阅读器的人来说可能重复,他们通常会同时听到替代文本和标题。
虽然标题工具提示有时有用,但替代文本对于SEO和可访问性更为重要。
替代文本与说明有何区别?
替代文本用于描述图片供搜索引擎和屏幕阅读器使用。而说明则用于向所有用户描述图片。
替代文本在你的网站上不可见,而说明则显示在图片下方。

替代文本对于网站上的图片SEO至关重要。说明是可选的,当你需要向网站访客提供有关图片的额外信息时可以使用。
如何在WordPress中添加替代文本、标题和说明
替代文本、标题和说明构成了图片元数据,你可以在将图片上传到WordPress时添加。
当你使用默认的图片块添加图片时,WordPress允许你添加说明和替代文本。

默认情况下,WordPress使用图片的文件名来创建其媒体库标题。
你可以通过展开图片的“高级”块设置来更改标题。在这里,你会找到一个“标题属性”字段,你可以添加自定义的图片标题。

你还可以编辑已上传到WordPress的图片的替代标签和标题。为此,你需要访问媒体库页面,找到要编辑的图片。

只需点击图片,就会弹出附件详情窗口。在这里,你可以输入替代文本、标题、说明以及可选的描述(显示在附件页面上)。

注意: 通过媒体库更改图片的替代标签或说明不会更改已使用该图片的文章和页面中的内容。
何时在WordPress中使用图片说明
说明允许你向所有用户提供图片的额外详细信息。它们在屏幕上对所有用户可见,包括搜索引擎和屏幕阅读器。

你可能注意到,大多数网站通常不会在博客文章或页面中使用图片说明。这是因为说明通常不需要解释图片。
说明更适合以下场景:
- 家庭或活动照片
- 需要额外解释背景故事的照片
- 产品图片库
在大多数情况下,你可以在文章内容中解释图片。
使用All in One SEO自动管理图片SEO(推荐)
All in One SEO(AIOSEO)是市场上最好的WordPress SEO插件,其图片SEO附加组件会自动设置替代文本、图片标题、说明等。它还会添加适当的图片站点地图和其他SEO功能,以提升你的SEO排名。
首先,你需要安装并激活All in One SEO插件。更多详情,请参阅我们的逐步指南:如何安装WordPress插件。要使用图片SEO功能,你需要Plus计划或更高版本。
激活后,插件会自动启动设置向导。你可以参考我们的指南了解如何正确配置:如何正确设置All in One SEO。
现在,你需要导航到All in One SEO » 搜索外观,然后点击“图片SEO”选项卡。之后,点击“激活图片SEO”按钮以启用高级图片SEO功能。

使用All in One SEO设置自动图片标题
在图片SEO页面上导航到“标题”选项卡时,你可以选择使用智能标签的标题格式,该格式将自动用于生成图片的标题属性。
例如,添加“+ 图片标题”标签将自动使用WordPress媒体库中使用的图片标题。

你还可以添加其他标签,例如网站标题、去除标题中的标点符号以及更改大小写。
使用All in One SEO设置自动替代文本
接下来,你可以点击“替代标签”选项卡,自动格式化图片的替代文本。
默认情况下,AIOSEO会直接使用媒体库中的替代文本。如果你愿意,还可以将网站标题和其他信息添加到网站上每张图片的替代文本中。

All in One SEO的图片SEO附加组件还可以自动生成图片说明、禁用附件页面(我们将在下文介绍)等等。
相关:查看我们的指南:如何使用AI在WordPress中自动生成图片替代文本。
为Google创建图片站点地图
图片站点地图告诉Google你网站上的每一张图片,包括通过常规爬取可能无法发现的图片。这可以帮助更多图片显示在Google图片搜索结果中。
如果你使用AIOSEO Plus计划,插件会自动将图片数据添加到你的XML站点地图中。无需额外设置。当图片SEO模块激活时,图片站点地图包含在内。
准备就绪后,你可以将站点地图URL提交到Google Search Console。你可以在All in One SEO » 站点地图中找到你的站点地图。
如何禁用WordPress中的附件页面
WordPress会为你上传到文章和页面的每张图片创建一个页面。这称为附件页面。此页面仅显示图片的较大版本,没有其他内容。
这可能会对搜索排名产生负面影响。搜索引擎将几乎没有文本的页面视为低质量或内容单薄的页面。
因此,我们建议你禁用网站上的附件页面。
使用All in One SEO禁用附件页面
最简单的方法是安装并激活All in One SEO插件。更多详情,请参阅我们的逐步指南:如何安装WordPress插件。
激活后,它会自动关闭附件URL。你也可以手动禁用附件页面,方法是访问All in One SEO » 搜索外观页面,然后点击“图片SEO”选项卡。

在这里,找到“重定向附件URL”选项。我们建议将其设置为“附件”。这意味着如果任何人尝试访问附件页面,他们将被直接重定向到图片文件本身,这对大多数网站来说是最佳选择。
附件页面现在将被重定向到图片本身。这意味着每当搜索引擎或访问者访问附件页面的URL时,他们将看到图片而不是附件页面。
使用代码禁用附件页面
你也可以通过向主题的functions.php文件添加代码来禁用附件页面。最安全的方法是使用WPCode,这是最流行的代码片段插件,可以轻松在WordPress中添加代码片段。
最好的事情是WPCode内置了片段库,你可以在其中找到所有最流行的WordPress代码片段,包括禁用附件页面。
首先,你需要安装并激活免费的WPCode插件。更多详情,请参阅我们的指南:如何安装WordPress插件。
激活后,前往代码片段 » + 添加片段。你需要在片段库中搜索以找到禁用附件页面的片段。

当鼠标悬停在片段上时,你会看到一些按钮。只需点击“使用片段”按钮,就会为你创建一个新片段。

现在,你只需将“激活”开关切换到“开”位置,然后点击“更新”按钮。你就成功禁用了附件页面。
如果你熟悉代码,也可以手动将以下代码直接添加到主题的functions.php文件中:
function wpb_redirect_attachment_to_post () {
if ( is_attachment() ) {
global $post;
if( empty( $post ) ) $post = get_queried_object();
if ($post->post_parent) {
$link = get_permalink( $post->post_parent );
wp_redirect( $link, '301' );
exit();
}
else {
// 如果父文章不可用该怎么办
wp_redirect( home_url(), '301' );
exit();
}
}
}
add_action( 'template_redirect', 'wpb_redirect_attachment_to_post' );
额外提升图片SEO的技巧
添加替代标签并不是提升图片SEO的唯一方法。以下是在博客文章中添加图片时需要注意的额外技巧。
- 编写描述性替代文本:许多初学者通常只使用一两个词作为图片的替代文本。这会使图片过于通用,难以排名。例如,不要只写“小猫”,而应写“玩黄色橡皮鸭的小猫”。
- 使用描述性文件名:不要将图片保存为DSC00434.jpeg,而应正确命名。考虑用户搜索该图片时会输入的关键词。文件名要更具体和描述性,例如red-wooden-house.jpeg比house.jpeg更好。
- 为图片提供上下文:搜索引擎越来越智能。它们可以很好地识别和分类图片。然而,它们需要你提供图片的上下文。图片需要与文章或页面的整体主题相关。将图片放置在文章中最相关文本附近也很有帮助。
- 遵循SEO最佳实践:你还需要遵循网站的整体SEO指南。这有助于提升整体搜索排名,包括图片搜索。
- 使用原创照片和图片:有许多免费图库网站可以找到免费图片。然而,图库照片的问题在于它们被成千上万的网站使用。尽量使用原创照片或创建独特的图片。
使用结构化数据帮助图片在搜索中排名
结构化数据(也称为Schema标记)是一种代码,帮助搜索引擎理解你的图片及其周围内容。正确的结构化数据可以使你的图片有资格在Google搜索中获得丰富结果。
AIOSEO的图片SEO模块在功能激活时会自动为你的图片添加结构化数据。你无需编写任何代码。一旦你拥有Plus计划或更高版本,插件会自动处理。
视频教程
(视频教程部分,原链接已省略)
关于图片SEO的常见问题解答
以下是关于优化图片以提升搜索引擎排名的常见问题答案。这些快速提示将帮助澄清疑惑并改善你的图片SEO。
- 图片SEO最重要的部分是什么? 两个因素同等重要:替代文本和文件大小。替代文本帮助搜索引擎理解图片内容,这对图片搜索排名至关重要。较小的文件大小确保图片快速加载,这对用户体验和整体页面SEO都是重要因素。
- 图片文件名对SEO重要吗? 是的,重要。描述性文件名如“white-kitten-playing-with-yarn.jpg”能立即为搜索引擎提供图片上下文。这比通用名称如“IMG_1234.jpg”好得多。
- 哪种图片格式最适合SEO? WebP通常是最好的格式,因为它在保持高质量的同时文件大小比JPEG或PNG小得多。不过,JPEG适合照片,PNG适合需要透明背景的图形。
- 我应该在所有图片上使用说明吗? 不,说明并非总是必需。仅当你需要提供主文本中未包含的额外上下文时使用,例如注明摄影师、解释复杂图表或描述图片库中的图片。
- All in One SEO如何帮助图片SEO? All in One SEO自动化了许多图片SEO任务。它可以自动生成替代文本和标题,为Google创建专用图片站点地图,并禁用WordPress附件页面,从而防止搜索引擎在网站上发现内容单薄的页面。
优化WordPress图片的其他资源
我们希望本文帮助你了解网站图片SEO。这只是优化WordPress图片的一个方面。你可能还想查看其他相关指南:
- 如何优化图片以提升网络性能而不损失质量
- 如何在WordPress中正确添加图片(逐步)
- 如何在WordPress中添加特色图片或文章缩略图
- 为博客文章创建更好图片的工具
- 管理图片的WordPress插件(更新)
- 如何在WordPress中创建图片库(逐步)
- 如何轻松在WordPress中实现图片懒加载
- 如何修复WordPress中常见的图片问题(简易指南)
- WebP vs PNG vs JPEG:WordPress的最佳图片格式
- WordPress将图片存储在网站的哪个位置?
我们知道大多数博主不是摄影师或图形设计师。幸运的是,有一些出色的在线工具可以用于创建网站图形。
如果你喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。
