最新公告
  • 欢迎您光临IO源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • WordPress添加图像标题&ALT替代文本教程 为什么要为WordPress网站的图像添加标题和alt标签?标题是简短的文字说明,通常鼠标移至图像上方展示;alt标签为图片的文字提示,一般在图片没有完全加载又或者图像丢失了,暂时该信息。因此,无论是图像标题或者alt标签,对于用户体验及搜索引擎来说都起到积极的作用,尤其是对于搜索引擎,能够帮助蜘蛛识别图像内容。 9月 26, 2020 571 2

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

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

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

    howtoaddimagecaptionsinwordpress

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

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

    添加图像区块

    添加图像区块

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

    古腾堡编辑器上传图片

    古腾堡编辑器上传图片

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

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

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

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

     

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

    为WordPress画廊添加标题

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

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

    古腾堡编辑器创建画廊

    古腾堡编辑器创建画廊

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

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

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

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

    画廊说明文字

    画廊说明文字

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

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

    相册图片标题&Alt

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

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

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

    媒体库上传图片

    媒体库上传图片

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

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

    媒体库上传图片编辑

    媒体库上传图片编辑

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

    图片标题/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插件图片优化

    Smart Seo Tool插件图片优化

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

    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!384324621@qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有★币奖励和额外收入!

    IO 源码网 » WordPress添加图像标题&ALT替代文本教程 为什么要为WordPress网站的图像添加标题和alt标签?标题是简短的文字说明,通常鼠标移至图像上方展示;alt标签为图片的文字提示,一般在图片没有完全加载又或者图像丢失了,暂时该信息。因此,无论是图像标题或者alt标签,对于用户体验及搜索引擎来说都起到积极的作用,尤其是对于搜索引擎,能够帮助蜘蛛识别图像内容。 9月 26, 2020 571 2

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    IO源码吧
    一个高级程序员模板开发平台

    发表评论

    • 84会员总数(位)
    • 10552资源总数(个)
    • 68本周发布(个)
    • 0 今日发布(个)
    • 402稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情