温馨提醒

如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

本文最后更新于2023年3月19日,已超过 30天没有更新

从SEO的策略角度看,需要将图片上加上ALT和TITLE,来提高搜素引擎的体验度。一般的WORDPRESS是没有这个功能,需要我们额外添加,这里直接用代码实现。

Alt信息

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

原理

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

// 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');

打开所使用的主题,根目录找到functions.php文件,在尾部添加完毕后,保存上传即可。这样在上传图片的时候就可以自动添加alt信息了。

进阶版

可以在后台装个开关,以便使用的时候更方便,打开主题,依次找到inc/codestar-framework/options/admin-options.php,将装开关位置定位到admin-options.php自己想要的地方,复制以下代码

//自动添加alt和title属性开始
        array(
                'id'      => 'if_imagealttag_add_labels',
                'type'    => 'switcher',
                'title'   => '自动添加alt和title属性',
                'label'   => '启用后可自动为文章图片添加alt和title属性',
                'default' => false,
        ),

保存后刷新在该位置即可看到效果。

历史上的今天
02月
3
    抱歉,历史上的今天作者很懒,什么都没写!
版权声明:原创作品,未经允许不得转载,否则将追究法律责任。
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
本文链接:悟空资源网https://www.wkzyw.com/85727.html
许可协议:《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权