从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,
        ),

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。