服务器与VPS
促销优惠信息

纯代码自动给wordpress新上传图片添加alt标签

网站文章中的图片alt标签是用来描述这张图是什么图片,可以更好的吸引搜索引擎的蜘蛛,但是有时候图片太多,如果自己一个个的手动添加,麻烦了一点。如果你用的是wordpress建站,那么其实可以通过纯代码自动添加alt标签。

将以下代码添加至主题根目录下的functions.php文件中的<?php下面,保存即可。

1、简单添加ALT标签代码:

/** 自动给图片添加Alt标签 */
function image_alt_tag($content){
global $post;preg_match_all('/<img (.*?)\/>/', $content, $images);
if(!is_null($images)) {foreach($images[1] as $index => $value)
{
$new_img = str_replace('<img', '<img alt="'.get_the_title().'-'.get_bloginfo('name').'"', $images[0][$index]);
$content = str_replace($images[0][$index], $new_img, $content);}}
return $content;
}
add_filter('the_content', 'image_alt_tag', 99999);

2、进阶版添加alt+title标签代码:

// WordPress代码实现自动给图片链接加上title和alt标签
function imagesalt($content) {
global $post;
$pattern ="/<img(.*?)src=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
$replacement = '<img$1src=$2$3.$4$5 alt="'.$post->post_title.'" title="'.$post->post_title.'"$6>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}
add_filter('the_content', 'imagesalt');
function aimagesalt($content) {
global $post;
$pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
$replacement = '<a$1href=$2$3.$4$5 alt="'.$post->post_title.'" title="'.$post->post_title.'"$6>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}
add_filter('the_content', 'aimagesalt');

通过自定义过滤器,筛选出文章中所有<img />标签,对没有alt信息的img标签加入alt=”文章标题”标签
在百度站长工具提供的网站seo诊断功能中,就有一项图片属性是否加上alt描述的检测。而且各大搜索引擎都有专门图片搜索,图片搜索结果展示也是根据抓取图片alt标签来分类的。

打开所使用的主题,找到functions.php文件,任选上面两段代码添加即可,添加完毕后保存,这样在上传图片的时候就可以未突破自动添加alt标签了。

赞(0) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权

文章名称:《纯代码自动给wordpress新上传图片添加alt标签》

文章链接:https://www.chukuangren.com/alt-biaoqian-daima.html

本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址