为什么要为WordPress网站的图像添加标题和alt标签?标题是简短的文字说明,通常鼠标移至图像上方展示;alt标签为图片的文字提示,一般在图片没有完全加载又或者图像丢失了,暂时该信息。

因此,无论是图像标题或者alt标签,对于用户体验及搜索引擎来说都起到积极的作用,尤其是对于搜索引擎,能够帮助蜘蛛识别图像内容。

通过WordPress内置功能或者第三方插件,可以轻松为每个图像添加标题和其他元数据,包括标题和alt替代文本标签。

WordPress添加图像标题&ALT替代文本教程插图

为WordPress图像添加标题及alt替代文本

在古腾堡编辑器,点击编辑器右上角的“+”添加区块符号,选择“图像”块。

WordPress添加图像标题&ALT替代文本教程插图1

添加图像区块

在文章编辑区域新增一个图像区块,如下图:

WordPress添加图像标题&ALT替代文本教程插图2

古腾堡编辑器上传图片

然后,您可以通过上传、媒体库和URL插入三种方式,添加图像,这与传统编辑器的方式相似。

添加图像后,图像将放入编辑器中,并在其下方带有一个标记为“编写说明…”的文本框,即为图像添加标题,而在右侧的区块信息,你还可以填入Alt文本属性(替换文本),如下图所示:

WordPress添加图像标题&ALT替代文本教程插图3

古腾堡编辑器图片标题&ALT设置

 

完成后,您可以通过单击“发布”或“更新”按钮来保存文章。

为WordPress画廊添加标题

WordPress编辑器还附带一个画廊区块,站长可以上传多个图像,以网格布局显示多个图像。

要创建画廊,文章发布界面单击“+”添加区块图标,选择Media下方的“画廊”。

WordPress添加图像标题&ALT替代文本教程插图4

古腾堡编辑器创建画廊

在画廊添加到文章/页面编辑区域,即可上传图片,或者从媒体库中选择预先上传的图片,为画廊添加一张或者多张图像。

WordPress添加图像标题&ALT替代文本教程插图5

古腾堡编辑器画廊上传图片

为画廊上传图像后,你可以通过点击某一图像,在下方的“编写说明…”为该图像添加标题,点击整个画廊下方的“编写画廊说明…”为画廊添加标题。

WordPress添加图像标题&ALT替代文本教程插图6

画廊说明文字

如果从媒体库中选择了预添加的图像,则可以通过右侧的“附件详情”为图片添加替代文本(alt标签)和标题。

WordPress添加图像标题&ALT替代文本教程插图7

相册图片标题&Alt

通过媒体库添加WordPress图像标题和Alt替代文本

那么平日我们通过媒体库直接上传图片时,如何为图像添加标题和alt标签替代文本呢?其实,在上一章节已经稍微提及,下面是更详细的教程:

首先,在WordPress仪表盘访问“媒体»添加”页面。

WordPress添加图像标题&ALT替代文本教程插图8

媒体库上传图片

通过拖放或从计算机中选择一个图像来上传图像。

成功上传后,在“上载新媒体文件”框下方即可看到上传图像,点击图像对应的“编辑”链接。

WordPress添加图像标题&ALT替代文本教程插图9

媒体库上传图片编辑

将会在新标签页中打开“编辑媒体”页面,支持编辑图像标题,添加图像元数据,包括标题,alt属性替代文本和描述。

WordPress添加图像标题&ALT替代文本教程插图10

图片标题/ALT信息编辑

你也可以通过媒体库,对已上传的图片进行逐一添加标题、alt属性替代文本。并且通过媒体库为图片添加标题、alt标签替代文本及描述的信息后,在文章或者页面编辑添加这些图片不需再次添加相关信息。

使用WordPress经典编辑器添加图像标题和alt替代文本

如果WordPress网站使用旧的经典编辑器,图像添加标题和Alt替代文本标签的方式与古腾堡编辑器稍有不同。

点击编辑器上方的“添加媒体”按钮即可上传图片或从媒体库中选择图片。

WordPress添加图像标题&ALT替代文本教程插图11

经典编辑器上传图片

图片上传后,即可填写图片相关元数据,例如标题,替代文本属性和图片描述。

WordPress添加图像标题&ALT替代文本教程插图12

图片元数据填写

单击“插入至文章”按钮,将图像添加到文章或页面中。

使用经典编辑器添加相册图片标题、Alt

使用“ 经典编辑器”创建画廊时,还可以为图像添加替代文本属性、标题、说明和图像描述等信息。只需上传并选择多个图像,然后单击左列中的“创建相册”链接。

WordPress添加图像标题&ALT替代文本教程插图13

相册图片详细

之后,您需要单击弹出窗口右下角的“创建新相册”按钮。

WordPress添加图像标题&ALT替代文本教程插图14

创建新相册

使用插件批量自动添加图片标题&Alt替代文本

上述方法,均是使用WordPress内置的功能来为图片添加标题和Alt标签替代文本等信息。

但如果需要批量添加所有图片的标题和alt标签属性,这将是一个巨大的工程。这时候我们则需要借用插件的帮助了。

首先,你得安装并启用我们提供的Smart Seo Tool插件。

然后,通过WordPress仪表盘“设置-Smart Seo Tool”,进入插件设置界面,选择图片SEO优化,将图片优化启用,并选择适合您的图片Title和图片Alt属性描述规则,最后“保存设置”即可按规则为你的网站图片添加标题和alt替代文本。

注:插件仅对不存在标题和alt设置的图片生效,不影响已设置标题和alt的图片!

WordPress添加图像标题&ALT替代文本教程插图15

Smart Seo Tool插件图片优化

如果你希望对网站SEO进一步优化,建议尽可能为你的WordPress页面展示的图像添加标题和alt标签。希望本文对您有所帮助,enjoy!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。