为什么要为WordPress网站的图像添加标题和alt标签?标题是简短的文字说明,通常鼠标移至图像上方展示;alt标签为图片的文字提示,一般在图片没有完全加载又或者图像丢失了,暂时该信息。
因此,无论是图像标题或者alt标签,对于用户体验及搜索引擎来说都起到积极的作用,尤其是对于搜索引擎,能够帮助蜘蛛识别图像内容。
通过WordPress内置功能或者第三方插件,可以轻松为每个图像添加标题和其他元数据,包括标题和alt替代文本标签。
为WordPress图像添加标题及alt替代文本
在古腾堡编辑器,点击编辑器右上角的“+”添加区块符号,选择“图像”块。
添加图像区块
在文章编辑区域新增一个图像区块,如下图:
古腾堡编辑器上传图片
然后,您可以通过上传、媒体库和URL插入三种方式,添加图像,这与传统编辑器的方式相似。
添加图像后,图像将放入编辑器中,并在其下方带有一个标记为“编写说明…”的文本框,即为图像添加标题,而在右侧的区块信息,你还可以填入Alt文本属性(替换文本),如下图所示:
古腾堡编辑器图片标题&ALT设置
完成后,您可以通过单击“发布”或“更新”按钮来保存文章。
为WordPress画廊添加标题
WordPress编辑器还附带一个画廊区块,站长可以上传多个图像,以网格布局显示多个图像。
要创建画廊,文章发布界面单击“+”添加区块图标,选择Media下方的“画廊”。
古腾堡编辑器创建画廊
在画廊添加到文章/页面编辑区域,即可上传图片,或者从媒体库中选择预先上传的图片,为画廊添加一张或者多张图像。
古腾堡编辑器画廊上传图片
为画廊上传图像后,你可以通过点击某一图像,在下方的“编写说明…”为该图像添加标题,点击整个画廊下方的“编写画廊说明…”为画廊添加标题。
画廊说明文字
如果从媒体库中选择了预添加的图像,则可以通过右侧的“附件详情”为图片添加替代文本(alt标签)和标题。
相册图片标题&Alt
通过媒体库添加WordPress图像标题和Alt替代文本
那么平日我们通过媒体库直接上传图片时,如何为图像添加标题和alt标签替代文本呢?其实,在上一章节已经稍微提及,下面是更详细的教程:
首先,在WordPress仪表盘访问“媒体»添加”页面。
媒体库上传图片
通过拖放或从计算机中选择一个图像来上传图像。
成功上传后,在“上载新媒体文件”框下方即可看到上传图像,点击图像对应的“编辑”链接。
媒体库上传图片编辑
将会在新标签页中打开“编辑媒体”页面,支持编辑图像标题,添加图像元数据,包括标题,alt属性替代文本和描述。
图片标题/ALT信息编辑
你也可以通过媒体库,对已上传的图片进行逐一添加标题、alt属性替代文本。并且通过媒体库为图片添加标题、alt标签替代文本及描述的信息后,在文章或者页面编辑添加这些图片不需再次添加相关信息。
使用WordPress经典编辑器添加图像标题和alt替代文本
如果WordPress网站使用旧的经典编辑器,图像添加标题和Alt替代文本标签的方式与古腾堡编辑器稍有不同。
点击编辑器上方的“添加媒体”按钮即可上传图片或从媒体库中选择图片。
经典编辑器上传图片
图片上传后,即可填写图片相关元数据,例如标题,替代文本属性和图片描述。
图片元数据填写
单击“插入至文章”按钮,将图像添加到文章或页面中。
使用经典编辑器添加相册图片标题、Alt
使用“ 经典编辑器”创建画廊时,还可以为图像添加替代文本属性、标题、说明和图像描述等信息。只需上传并选择多个图像,然后单击左列中的“创建相册”链接。
相册图片详细
之后,您需要单击弹出窗口右下角的“创建新相册”按钮。
创建新相册
使用插件批量自动添加图片标题&Alt替代文本
上述方法,均是使用WordPress内置的功能来为图片添加标题和Alt标签替代文本等信息。
但如果需要批量添加所有图片的标题和alt标签属性,这将是一个巨大的工程。这时候我们则需要借用插件的帮助了。
首先,你得安装并启用我们提供的Smart Seo Tool插件。
然后,通过WordPress仪表盘“设置-Smart Seo Tool”,进入插件设置界面,选择图片SEO优化,将图片优化启用,并选择适合您的图片Title和图片Alt属性描述规则,最后“保存设置”即可按规则为你的网站图片添加标题和alt替代文本。
注:插件仅对不存在标题和alt设置的图片生效,不影响已设置标题和alt的图片!
Smart Seo Tool插件图片优化
如果你希望对网站SEO进一步优化,建议尽可能为你的WordPress页面展示的图像添加标题和alt标签。希望本文对您有所帮助,enjoy!
评论留言
唇枪舌剑 (2)
秒啊
2020.10.7 02:10
Alt和画廊说明是不是存在一种就可以了,如果需要写Alt需要把画廊换成图像才可以,这两种写法对seo哪种好
WBOLT_COM
2020.10.7 09:10
互不影响的,画廊也应该设置里面图片的alt,画廊说明只是画廊说明,图片标题和alt建议还是写一下。