图像替代文本与标题之间的差异

已发表: 2022-06-14

除了 SEO 内容,每个网站也都考虑到了图像优化。 谷歌强调图像是网站 SEO 的一个重要因素。 同时,图像和照片被用来为您的网站带来大量流量。

坦率地说,并不是每个网站所有者都知道如何为搜索引擎正确优化他们的图像和照片。 有些人甚至误解了图像替代文本和标题。 两者都有助于强调图像的含义。 然而,每一个都以不同的方式涉及网络可访问性、搜索引擎优化和用户体验。

我们今天的文章集中在图像 Alt 文本和 Title 属性之间的区别。 然后,我们将向您展示在 WordPress 中设置 Alt 和 Title 文本的说明。

让我们开始吧!

图像替代与标题文本:定义和差异

顾名思义,标题是用户在将鼠标悬停在图像上时看到的快速而吸引人的文本。 它让用户知道图像的主要内容。 用户可以在网页上直观地找到此信息。

另一方面,替代文本旨在将您的图像描述为替代来源,例如屏幕阅读器和搜索引擎爬虫。 您的替代文字应该简短且具有描述性,而标题可以更长,以便与网站访问者进行有效沟通。

这是您网站上的 HTML 图像标签,包括名称、替代文本和标题。

 <img src=“image.jpg” alt=“图像描述” title=“图像工具提示”>。

事实上,图像标题不如替代文本重要。 他们不为搜索爬虫提供服务,也不对 SEO 性能和排名做出贡献。

虽然人们可以在没有标题的情况下查看和理解您的图像,但搜索引擎和盲人却不能这样做。 如果您不为这些读者提供替代文本,他们只会看到一个空图像。

这是您网站图片的完整替代文本。

 <img src="image_name_example.jpg" alt="image_alt_example" width="500" height="600">。

何时使用图像 Alt 与标题

您需要为您网站上的所有图像添加替代文字,从小图标文件到巨大的网页照片。 没有替代文字的图像没有机会在搜索结果页面上占据一席之地。 由于图像和替代文字不佳或缺少,您的页面性能也会受到影响。

您必须在替代文本中附加目标关键字以提高图像排名。 届时,谷歌会知道它应该将你的图片分类到哪里。

就标题而言,除非它们确实是必备品,否则没有必要将它们应用于您的每张图像。

下表总结了图像替代文本和标题之间的主要异同。

替代文字

标题

其他名称ALT 属性,替代文本标题属性
发现搜索爬虫呈现将鼠标悬停在网页上的图像上
为谁服务搜索引擎、视觉障碍人士网站访问者
必要性总是没必要
搜索引擎优化重要性是的

如何在 WordPress 中添加 Alt 和标题文本

有两种方法可以设置图像的所有文本和标题。 您可以在将它们上传到媒体库后立即添加这些属性,也可以在将它们插入内容时添加它们。

经典编辑器

如果您使用的是经典编辑器,这就是开始的方法。

首先,前往 WordPress 管理仪表板中的Media并单击Add New

接下来,点击选择文件按钮,或从您的计算机拖放一个文件。 您可以一次选择多个文件。 请记住最大上传文件大小,以确保不会发生错误。

现在,单击编辑转到附件页面,您可以在其中输入图像的替代文本。

pda 编辑文件上传

pda-alt-text-附件页

更新页面。

如果您正在编辑内容,并计划在其中嵌入带有完整替代文本和标题详细信息的图像,请遵循本指南。

首先,单击工具栏上方页面编辑屏幕顶部的添加媒体

选择您要插入的图片或从您的计算机上传一张新图片。 然后,在“附件详细信息”页面上为其提供标题和替代文本。

pda-附件详细信息页面

默认情况下,WordPress 使用您的图像名称作为标题。 如果您的文件已有描述性名称,请保留它作为标题。

最后一步是按“插入帖子”按钮。

古腾堡编辑

对于 Gutenberg 用户来说,由于它的 Image 块,添加图像标题和替代文本是小菜一碟。

只需打开一个页面或帖子,然后通过单击加号 (+) 图标来查找图像块。

pda-gutenberg-图像块

上传您的图像文件,或将其拖放到块中。 在右侧,您将看到一个阻止设置部分,允许您填写替代文本。

请注意,除非您进行一些更改,否则当您下次使用该图像时,此替代文本将保持不变。

其他图像属性

应该利用的其他图像因素是图像名称和标题。 如前所述,WordPress 会将您的文件名指定为标题。 虽然您可以自定义标题,但建议在上传之前为您的文件指定一个有意义的名称。

您需要在标题中嵌入目标关键字。 这对搜索引擎和用户都有好处。

另一个重要的图像元素是标题。 它的功能类似于图像标题,解释你的图像是关于什么的。 添加标题后,它将显示在页面上图像的正下方。

谷歌的图片推荐

除了提供清晰正确的替代文字和标题外,您还应注意其他一些因素以有效优化图像。

原创视觉内容——谷歌喜欢在其他地方没有展示的原创图片。 如果您没有时间自己制作一些照片,您可以从照片库中借用图像。 但是,尽可能限制使用它。

图像上下文- 您的图像和照片应该与页面内容或至少与其所在的部分明确相关。 这将有助于为文本带来更多信息,并使您的页面更具吸引力。

图像上的文本——有些人会错误地在图像上显示文本,例如页面标题、标题或菜单项。 尽管如此,这仍会分散访问者的注意力,使其无法专注于照片所传达的内容。 值得注意的是,工具无法翻译图像上的文本。 想象一下,您的用户来自说不同语言的其他国家/地区,他们无法访问此文本。

优化 SEO 的图像替代文本和标题

我们已经定义了什么是图像替代文本和标题,并介绍了它们的主要区别。 图片替代文本为搜索爬虫和盲人“阅读”您的图片打开了大门,而标题则负责向用户解释您的照片。

您可以在经典和古腾堡编辑器中轻松地将替代文本和标题添加到图像中。 您也可以在上传或编辑页面内容时插入它们。

有什么别的? 您可能会对在我们的文章中探索其他图像 SEO 优化实践感兴趣。