首页 » 博文 » wpbeginner » 最佳插件 » 如何在 WordPress 中轻松为图像添加标题属性

如何在 WordPress 中轻松为图像添加标题属性

您想为 WordPress 中的图像添加标题属性吗?

标题属性允许您提供有关每个图像的附加信息。这有助于屏幕阅读器和搜索引擎了解图像的内容,这对于可访问性和搜索引擎优化非常有用。

在本文中,我们将向您展示如何轻松地在 WordPress 中为图像添加标题属性。

在 WordPress 中为图像添加标题属性

图片中的标题属性是什么?

网络爬虫、机器人和屏幕阅读设备实际上无法看到您的图像。相反,他们看到的 HTML 如下:

1<imgsrc="/path/to/image/fruits.jpg"width="100"height="100"/>

WPCode与 ❤️ 主办

在 WordPress 中一键使用

大多数时候,此代码无法帮助辅助功能工具和搜索引擎了解图像的含义。

这就是为什么我们建议为您的图像添加标题标签。例如:

1<imgsrc="/path/to/image/fruits.jpg"width="100"height="100"alt="A fruit basket"title="Fruit Basket"/>

WPCode与 ❤️ 主办

在 WordPress 中一键使用

有用且相关的标题标签将帮助 Google 等搜索引擎正确索引您的图像,然后将它们显示给正在搜索与您类似的内容的人。这可以改善您的图像搜索引擎优化并增加您的博客流量

屏幕阅读器等辅助工具也会大声朗读标题,这对视力有问题的访问者很有帮助。

您还可以添加备用标签属性,如果您的WordPress 网站无法显示实际图像(例如,由于WordPress 错误),则会显示该属性。

图像路径损坏

话虽如此,让我们看看如何在WordPress 博客或网站中添加标题属性。只需使用下面的快速链接跳转到您要使用的方法:

方法一:使用块编辑器为图像添加标题属性

您可以轻松地将替代文本和标题属性添加到 WordPress WordPress 内容编辑器中的任何图像。只需转到帖子»添加新帖子并创建帖子即可。

然后单击“+”图标,并选择图像块以将图像添加到帖子或页面。

添加图像块

您现在可以从媒体库中选择图像或从计算机上传图像。无论您选择哪个选项,请确保单击选择媒体库中的图像。

您现在可以通过在“标题”字段中输入来添加替代文本。

在 WordPress 中为图像添加标题

还有一个“标题”字段,但这是 WordPress 在内部使用的标题,用于识别媒体库中的媒体文件。有关此主题的更多信息,请参阅我们的 WordPress 中图像替代文本与图像标题指南– 有什么区别?

要添加 HTML 图像标题属性,您需要像往常一样将图像添加到您的页面或帖子中。然后,单击展开右侧菜单中的“高级”部分。

WordPress 页面和帖子编辑器中的“高级”图像设置

它有一个“标题属性”字段,它是真正的 HTML 图像标题属性。

只需在字段中输入您想要使用的信息即可。

在 WordPress 中为图像添加标题属性

您现在可以继续并单击“更新”或“发布”以使更改生效。

现在,只需将鼠标悬停在图像上,您就会看到一个包含标题标签的弹出窗口。

WordPress 中带有标题属性的图像示例

方法2:使用WordPress经典编辑器为图像添加标题属性

如果您使用的是较旧的经典编辑器,则添加标题属性的过程会略有不同。在经典编辑器中,单击“添加媒体”按钮并选择您的图像。

添加图片经典编辑器

现在,上传新图像或从媒体库中选择图像。然后,您可以使用媒体库右侧的字段添加替代文本和标题。

再次请记住,“标题”是 WordPress 内部使用的,并不是可以提高 SEO 和可访问性的真正图像标题属性。

选择图像经典编辑器

准备好后,单击“插入帖子”按钮。

从那里,单击选择您的图像,然后选择小铅笔图标。这将弹出“图像详细信息”弹出窗口。

只需单击展开“高级选项”部分,然后在“图像标题属性”字段中输入标题标签即可。

图片标题属性字段

不要忘记单击“更新”按钮来保存更改。

您现在可以继续发布页面或帖子以使图像替代文本和标题标签生效。

图片标题属性弹出窗口

我们希望本文能帮助您轻松地在 WordPress 中为图像添加标题属性。您可能还想查看我们关于如何提高 WordPress 速度和性能的终极指南,以及我们专家精选的您应该使用的最佳 WordPress SEO 工具和插件

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top