如何在WordPress中添加图像的alt、title属性「两种编辑器」

本文详细介绍了在WordPress中添加图像alt、title属性的方式,包括区块编辑器,经典编辑器。

title属性使WordPress网站上的图像更易于访问且对SEO友好。

alt类似于替代文本,标题标签允许您提供有关图像的其他信息。这有助于屏幕阅读器和搜索引擎了解文章中图像的上下文。

将标题属性添加到WordPress中的图像

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

图像中的标签属性使您可以添加图像的文本描述。这使屏幕阅读器和搜索引擎蜘蛛可以轻松理解图像及其上下文。

我们将向您展示一些代码示例,以解释如何在HTML中使用title属性。但请放心,您无需在网站上添加任何HTML代码。

通常,您可以显示带有HTML标签的图像,如下所示:

<img src="/path/to/image/fruits.jpg" width="100" height="100" />

但是,在网络中,会有部分时候无法查看图片。为了帮助这些设备,您可以在图像中使用备用文本和标题文本属性。

因此,为了帮助搜索引擎和网络中了解您的图片,您可以在图片标签中添加替代文本属性。

Alt标签属性描述了您的图像,它比title属性重要。看起来是这样的:

<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" />

当图像链接断开,找不到或浏览器无法加载图像时,也会显示替代标签。您会看到带有小标签的小图片图标。

图像路径损坏

为了使具有屏幕阅读器和可访问性需求的用户更容易使用,还可以向图像添加标题属性,如下所示:

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

当您将鼠标悬停在图像上时,此标题属性将显示在弹出窗口中。使用屏幕阅读器软件的用户可以配置其软件以阅读此标题。

图片标题属性

同时使用替代文本和title属性有助于图像SEO,因此您可以从搜索引擎为网站带来更多流量。

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

在WordPress中选择文章>写文章,或者页面>新建页面。

使用区块编辑器

单击“ +”图标,然后选择“图像”块以将图像插入您的帖子或页面。

添加图像块

系统将提示您上传或从媒体库中选择图像。选择图片后,您可以选择为其指定标题并输入替换文字。

向图片添加alt和标题
添加标题属性

现在,当您查看站点并将鼠标悬停在图像上时,您将看到显示“水果篮”的弹出窗口。

图片标题属性

使用经典编辑器

如果仍在WordPress中使用较旧的经典编辑器,则仍可以按照类似的步骤添加title属性。

在传统编辑器中,您将点击“添加媒体”按钮,然后选择您的图片。

添加图像经典编辑器

现在,选择要添加到帖子或页面的图像,然后填写“替换文字”字段和“标题”字段。

请记住,此标题由WordPress内部使用,而不是图像标题属性。

选择图像经典编辑器

点击屏幕底部的“插入帖子”按钮,然后您将在经典的帖子编辑器中看到您的图片。

编辑帖子中的图片

从那里,单击以选择您的图像,然后单击铅笔小图标。这将弹出“图像详细信息”弹出窗口。在这里,您需要单击高级选项下拉菜单以输入图像标题属性。

图片标题属性字段

不要忘记单击底部的“更新”按钮,然后保存您的帖子并在浏览器中检查它。将鼠标悬停在图像上时,您将看到显示图像标题属性的弹出窗口。

图片标题属性弹出

我们希望本文能帮助您轻松将title属性添加到WordPress中的图像。

每张图片,根据图片手写图片的属性是必要有利于SEO优化的,关于每张图片的属性的写法,可以查看下面这篇文章:

如果你扥网站上有很多图片,懒,不想每张手动添加图片属性,可以查看这款插件:

关于图像压缩,可以压缩图片的大小,提升网站的打开速度:

文章标题:如何在WordPress中添加图像的alt、title属性「两种编辑器」,本文链接:https://www.siwihs.com/7368.html。本文来自投稿,不代表阳阳建站立场,未经允许,禁止转载。

版权声明:内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 siwihs@qq.com 举报,一经查实,本站将立刻删除。

发表评论

登录后才能评论
分享本页
返回顶部