WordPress图片自动添加alt标签和title的两种方法(插件or代码)实例

news2024/9/20 13:46:11

  使用WordPress家长朋友知道,上传图片的时候是不会自动添加alt标签的,从seo和用户体验来看,图片加alt标签还是非常非常重要的。

WordPress自动给图片添加alt标签和title的两种方法(插件or代码)实例
WordPress自动给图片添加alt标签和title的两种方法(插件or代码)实例

 Alt信息:

对于每一张图片,都应该认真填写其对应的描述信息。 但有时候发一篇文章,动辄十多张图片,每一张图片逐一添加,工作量很是巨大。但是不填又不利于SEO,所以就有了退而求其次的方案,即对于无alt信息的图片,自动添加当前的标题至图片的alt信息。

原理:

  • 通过自定义过滤器,筛选出文章中所有<img />标签
  • 对没有alt信息的img标签加入alt="文章标题"标签
  • 输出增加标签之后文章。

        在百度站长工具提供的网站seo诊断功能中,就有一项图片属性是否加上alt描述的检测。而且各大搜索引擎都有专门图片搜索,图片搜索结果展示也是根据抓取图片alt标签来分类的。下面小编就来介绍给WordPress图片自动添加alt标签的两个方法(插件or纯代码)。


一、使用插件
  
        很多插件都可以自动图片添加alt标签,譬如SEO Friendly ImagesImage Automatic Alt Text and Caption。这两款插件WordPress自动给图片添加alt标签和title插件。

WordPress自动给图片添加alt标签和title
WordPress自动给图片添加alt标签和title插件


        SEO Friendly Images插件alt默认属性是文章名+title,而Image Automatic Alt Text and Caption就会在你的图片上传的时候获取图片的标题自动填充至:替代文本、标题、说明、图像描述这几个框框中。

二、使用纯代码实现
  
        如果你觉得使用插件占用资源,那么添加纯代码也是可以实现为图片自动添加alt标签,只需把下面代码添加WordPress主题functions.php文件即可。

编辑主题文件夹下的functions.php文件,加入以下代码:

// 给内容中的图片自动添加alt、title标记。
	function image_alttitle( $imgalttitle ){
		global $post;
		$category = get_the_category();
		$flname=$category[0]->cat_name;
		$btitle = get_bloginfo();
		$imgtitle = $post->post_title;
		$imgUrl = "<img\s[^>]*src=(\"??)([^\" >]*?)\\1[^>]*>";
		if(preg_match_all("/$imgUrl/siU",$imgalttitle,$matches,PREG_SET_ORDER)){
			if( !empty($matches) ){
				for ($i=0; $i < count($matches); $i++){
					$tag = $url = $matches[$i][0];
					$j=$i+1;
					$ju = '/title=/';
					preg_match($ju,$tag,$match,PREG_OFFSET_CAPTURE);
					if( count($match) < 1 )
					$altURL = ' alt="'.$imgtitle.'第'.$j.'张" title="'.$imgtitle.'第'.$j.'张-'.$btitle.'" ';
					$url = rtrim($url,'>');
					$url .= $altURL.'>';
					$imgalttitle = str_replace($tag,$url,$imgalttitle);
				}
			}
		}
		return $imgalttitle;
	}
add_filter( 'the_content','image_alttitle');

三、效果图如下

WordPress自动给图片添加alt标签和title 代码实现
WordPress自动给图片添加alt标签和title 代码实现效果

 

        添加完毕后,上传即可。这样在上传图片的时候就可以自动添加alt信息了。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/31222.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

MemArts :高效解决存算分离架构中数据访问的组件

摘要&#xff1a;计算侧需要一个高速的缓存层来消除计算集群和OBS之间的数据访问鸿沟。为了解决这个问题&#xff0c;提出MemArts CC分布式客户端缓存。本文分享自华为云社区《华为云全新缓存生态组件MemArts》&#xff0c;作者&#xff1a; MichaelYun。 公有云的基础设施都是…

piwigo搭建在线网络相册,并随时随地访问

作为一个打工人&#xff0c;我们所在的城市总与父母相隔甚远&#xff0c;而成家立业后&#xff0c;孩子又成所有人的羁绊&#xff0c;有的孩子在自己身边&#xff0c;引得远方父母思念挂牵&#xff0c;时时刻刻与父母视频通话很不现实&#xff0c;老人也没法和自己的老伙伴们分…

酒店管理系统

登录模块设计 &#xff08;1&#xff09;在登录界面&#xff0c;包含用户名&#xff0c;密码信息&#xff0c;输入之后点击登录进入酒店管理系统。 &#xff08;2&#xff09;用户名和密码都不能为空&#xff0c;否则会弹出对话框进行提醒。 &#xff08;3&#xff09;后端也会…

口碑最好的运动蓝牙耳机推荐,2022年最值得入手的六款运动耳机

说到耳机&#xff0c;绝大多数人都在使用&#xff0c;对于运动爱好者就更不用多说&#xff0c;运动耳机随身携带着&#xff0c;跑道哪&#xff0c;戴到哪。随着耳机越来越多样化&#xff0c;各种耳机层出不穷&#xff0c;大家都难挑选&#xff0c;不知道怎么找&#xff0c;一副…

Aspose.PDF for .NET 22.11.0 Crack

Aspose.PDF for .NET 是一个本地库&#xff0c;使开发人员能够将 PDF 处理功能添加到他们的应用程序中。API 可用于构建任何类型的 32 位和 64 位应用程序&#xff0c;以在不使用 Adob​​e Acrobat 的情况下生成或读取、转换和操作 PDF 文件。 Aspose.PDF for .NET API 允许执…

红队渗透靶场之W1R3S靶场(超详细!)

W1R3S考察知识 nmap的基本使用目录爆破工具的使用CMS漏洞的利用Linux用户的简单提权 W1R3S靶场搭建 W1R3S靶场下载地址: https://download.vulnhub.com/w1r3s/w1r3s.v1.0.1.zip 将下载的虚拟机文件放到VMware中打开运行即可 渗透步骤 信息收集 1.存活主机发现 扫描C段存活…

CDMP认证考试您最关心的事——考试通过率

当今&#xff0c;数据要素化已然成为数字时代最重要的基础资源和战略资源。培养专业的数据治理人才&#xff0c;建立企业数据治理体系&#xff0c;提升数字化转型能力已成为当今社会企业发展的必然趋势。专门的数据管理专业认证考试并不多&#xff0c;主要就是由DAMA&#xff0…

day01 Linux

day01 Linux 第一章 Linux的概述 第一节 Linux是什么 Linux 英文解释为 Linux is not Unix Linux是Linus Torvolds于1991年开发的一套免费使用和自由传播的类Unix操作系统&#xff0c;是一个基于POSIX和UNIX的多用户、多任务、支持多线程和多CPU的操作系统。 (注&#xff…

MySQL排查篇:该如何定位并解决线上突发的Bug与疑难杂症?

前面两章中&#xff0c;聊到了关于数据库性能优化的话题&#xff0c;而本文则再来聊一聊关于MySQL线上排查方面的话题。线上排查、性能优化等内容是面试过程中的“常客”&#xff0c;而对于线上遇到的“疑难杂症”&#xff0c;需要通过理性的思维去分析问题、排查问题、定位问题…

【Flutter】shape 属性 ShapeBorder,形状

文章目录前言一、shape 是什么&#xff1f;二、不同的形状1.BeveledRectangleBorder2.Border3.CircleBorder圆形4.ContinuousRectangleBorder连续圆角5.StadiumBorder 体育场边界 &#xff0c;药丸形状6.OutlineInputBorder外边框可以定制圆角7.UnderlineInputBorder下划线总结…

卡特兰数、真二叉树、出栈序列、n对括号合法表达式

一、本文主要介绍一下几个问题 什么是卡特兰数n对括号组成的合法表达式个数与卡特兰数的关系真二叉树的形态总数与卡特兰数的关系n个互异元素出栈序列数与卡特兰数的关系 1、什么是卡特兰数 卡特兰数是指满足以下递推关系的数&#xff1a; 这个数跟斐波拉契数列一样是一个递归…

腾格尔刚刚参加线上演唱会,又传《巴林塔娜》合作主题曲身价倍增

俗话说&#xff1a;人逢喜事精神爽。没有想到音乐老前辈腾格尔&#xff0c;因为一场线上演唱会&#xff0c;又枯木逢春老树发新芽了。说起音乐人腾格尔&#xff0c;这位来自草原上的歌神&#xff0c;曾经有很多部草原歌曲&#xff0c;都给大家留下了非常深刻的印象。 在腾格尔老…

顶象首届业务安全保卫战完美落幕,快来看看TOP10里有没有你!

今年双十一&#xff0c;顶象特别发起了首届业务安全保卫战&#xff0c;旨在召集白帽子们为业务安全贡献自己的一份力量。历经一个月&#xff0c;顶象首届业务安全保卫战已于20日正式落下帷幕。 截止11月20 日&#xff0c;顶象业务安全保卫战通过审核的业务安全情报&业务安…

会议信息管理系统SSM记录(五)

目录&#xff1a; &#xff08;1&#xff09;搜索员工 &#xff08;2&#xff09;查看会议室 &#xff08;3&#xff09;会议室详情 &#xff08;4&#xff09;添加会议室 &#xff08;1&#xff09;搜索员工 创建EmployeeController&#xff1a; public static final Inte…

11.23二叉树

目录 一.笔试强训习题订正 1.选择题 2.编程题-组队竞赛 3.删除公共字符 解法1 哈希映射思想 解法2 暴力解法 解法3 substring解法replaceAll() 二.二叉树相关Oj题 1.二叉树的遍历 2.二叉树分层遍历 三.二叉树的最近公共祖先 1.思路一 2.思路2 四.将二叉搜索树转化…

力扣(LeetCode)795. 区间子数组个数(C++)

模拟 有一种构想&#xff0c;只考虑上边界&#xff0c;在小边界和大边界之间的连续子数组个数 小于等于大边界的连续子数组个数 −-− 小于小边界的连续子数组个数。 连续子数组个数计算公式 sumn(n1)2sum \dfrac{n\times (n1)}{2}sum2n(n1)​ 长度为 nnn 的小于某上界的区间…

UML建模

UML定义了行为图&#xff08;动态&#xff09;和状态图&#xff08;静态&#xff09;两大类。&#xff08;分类依据&#xff1a;对象是否根据时间变化&#xff09; 下面简介一下用例图、类图、时序图和状态图的概念。 “41”视图模型 逻辑视图&#xff1a;逻辑试图主要是用来…

CV攻城狮入门VIT(vision transformer)之旅——近年超火的Transformer你再不了解就晚了!

&#x1f34a;作者简介&#xff1a;秃头小苏&#xff0c;致力于用最通俗的语言描述问题 &#x1f34a;专栏推荐&#xff1a;深度学习网络原理与实战 &#x1f34a;近期目标&#xff1a;写好专栏的每一篇文章 &#x1f34a;支持小苏&#xff1a;点赞&#x1f44d;&#x1f3fc;、…

PowerJob 定时从SFTP下载文件踩的坑

一. 业务需求 SFTP上有多个目录, 每小时要下载一次文件, 每个目录的下载任务都是一个独立的工作流任务. 二.问题描述 手动执行每个任务可以正常执行, 但是当所有任务都开启定定时任务执行时(每小时执行一次),任务实例就会报错. 三.问题分析 查看服务端和worker端的日志, …

【ML特征工程】第 2 章 :简单数字的花式技巧

&#x1f50e;大家好&#xff0c;我是Sonhhxg_柒&#xff0c;希望你看完之后&#xff0c;能对你有所帮助&#xff0c;不足请指正&#xff01;共同学习交流&#x1f50e; &#x1f4dd;个人主页&#xff0d;Sonhhxg_柒的博客_CSDN博客 &#x1f4c3; &#x1f381;欢迎各位→点赞…