如何在WordPress中为图片添加Alt标签——3种有效的方法

复制链接

复制了!

Alt文本，也被称为图像alt标签，alt描述，或alt属性，在图像没有加载时显示出来，以描述其内容。学习如何在WordPress中为图像添加alt标签，对提高搜索引擎优化（SEO）和网络可访问性很重要。

谷歌和其他搜索引擎使用图像的alt标签来理解你网站的图像，以及它们与某些搜索词的关系。搜索引擎机器人越能理解你的网站内容，网站在搜索引擎结果页的排名就越高。

提供图像的alt标签也是使你的网站更容易访问的一个好方法，因为屏幕阅读器可以读取alt属性。

这篇文章将引导你了解如何在你的WordPress网站上为图像添加alt标签的三种方法。我们还将分享如何编写好的alt标签的技巧，并告诉你如何检查你是否已经成功添加了alt文本。

如何给图片添加Alt标签

在WordPress中，有三种主要的方法来编辑alt文本或给图片添加alt标签--使用WordPress媒体库、WordPress Gutenberg编辑器和编辑代码。

使用WordPress媒体库

1. 登录到你的WordPress仪表板。

2. 在左边的导航菜单上进入媒体->库 。

3. 一旦你进入媒体库，点击你想添加alt标签的图片。或者，上传一张新的图片。

4. 在附件详情 窗口的右侧找到替代文本 字段。在这个窗口中，你还可以编辑其他图像属性，如图像标题标签、标题和描述。

5. 在该字段中键入你想要的替代文本。

6. 完成后点击关闭该字段，让WordPress保存更改。

使用WordPress古腾堡编辑器

1. 登录到你的WordPress管理区，点击导航侧栏上的 "页面 "。

2. 在页面 上，点击包含你想添加alt标签的图片的帖子或页面。这将打开Gutenberg块编辑器。

3. 在页面编辑器中，点击你想要的帖子图片。然后，点击上面菜单栏的三个点，选择显示更多设置。

4. 点击右侧边栏菜单上的图像设置 ，找到Alt text（替代文本） 字段。

5. 在该字段中键入图像的alt文本，然后点击更新 按钮，保存更改。

6. 点击**"发布"** ，使更改生效。

编辑代码

1. 使用上一节的前两个步骤，打开包含你想添加alt标签的图片的页面。

2. 一旦你进入了Gutenberg编辑器，点击页面右上角的三个点，然后点击代码编辑器。

3. 找到代表你所选图片的HTML代码行。第一行通常以**<！- wp:image**>开始。如果一个页面中包含多个图像，请确保这些代码不代表任何其他图像。

4. 在这些代码行中，找到alt=""。

5. 在引号之间键入缺少的alt文本。

6. 点击 "更新 "按钮，保存更改。

7. 点击**"发布"** ，使更改生效。

如何写好图片的ALT标签

一个好的图像alt标签不应该过度解释或不解释图像。要做到这一点，请遵循这些图像alt文本的做法。

• 只在必要时添加alt文本： 不是所有的特色图片都需要alt文本。例如，你不需要为装饰性图片或附近段落中已经描述过的图片添加替代文本。一般来说，背景图片的alt文本也是没有必要的。

• 要具体、直接、简明： 提供一个准确的图像描述，但不要太详细。直奔主题。

• 使用内容背景： 这对描述没有可识别的图像细节的库存图像特别有用，如著名的地方或主题。例如，如果一个男人看着电脑屏幕的图片是作为WordPress SEO技巧的博客文章的一部分发布的，那么alt文本可以是一个 "研究WordPress SEO技巧的男人"。

• 将alt文本保持在125个字符以下： 许多屏幕阅读器只能阅读由125个字符组成的alt文本，一旦超过了字符限制就会突然停止。这可能会使视力障碍者难以理解图片。

• 避免使用诸如 "屏幕截图 "或 "图像 "这样的短语： 这种做法是多余的，因为浏览器和搜索引擎机器人已经可以通过代码识别它是一个图像文件。

• 明智地纳入关键词： 在alt文本中尽可能自然地包含内容的目标关键词，以避免关键词的填充。将关键词滑入你的alt文本的最佳策略之一是使用语义关键词。

除了实施这些alt文本的做法外，其他图像SEO技术包括使用相关的图像和为你的WordPress网站优化图片。优化图片的一些方法是选择正确的格式和压缩。后者尤其重要，因为较大的图片需要更长的时间来加载。

加快你的网站的速度也可以提高你的网站的SEO。为了保持最佳的网站性能，确保选择一个可靠的网络托管服务提供商，并定期进行网站速度测试。

此外，编写优秀的图像标题属性是提高用户体验的一个很好的方法。用户可以以工具提示的形式看到这些图像标题或标题标签--当你把鼠标悬停在图像上时出现的文本标签。

如何检查是否成功地添加了 Alt 文本

如果你不确定你是否已经成功地为你的WordPress图片添加了alt文本，只需按照下面的步骤来检查:

1. 进入你的WordPress网站的实时页面，其中有你想检查的图片。
2. 在该页面上点击右键，然后点击查看页面来源。
3. 按键盘上的Ctrl + F 来搜索页面的源代码。Mac用户应该按Command + F 来代替。
4. 在弹出的搜索栏中输入alt="。这将突出显示页面上所有图片的alt文本。

结论

图片的alt属性对网站用户和搜索引擎都是有用的。给图片添加alt标签是一个很好的SEO技术，因为它可以帮助搜索引擎更好地理解你的网站内容。Alt文本也使你的网站对那些使用屏幕阅读器来浏览网页的人来说更容易理解。

在WordPress中为图片添加缺失的alt标签有三种主要方法--使用WordPress媒体库、WordPress Gutenberg编辑器，或者编辑代码。记住，你不需要所有的图片都有alt文本，特别是附近段落中描述的图片或装饰性图片。
在写替代文本属性时，要直接、具体、简明。想出描述性的alt文本来解释图片代表什么。尽量将字符数控制在125以下，因为这是许多屏幕阅读器的限制。此外，要避免塞入关键词和使用 "一张图片 "或 "一张截图 "这样的短语。

我们希望这篇文章能帮助你了解如何在WordPress中为图片添加alt标签,祝你好运。