wordpress外贸建站教程:网站图片ALT标签优化

继续分享wordpress外贸建站教程,今天悦然跨境出现给大家分享一个网站图片ALT标签优化的方法。不管是对百度SEO还是谷歌SEO优化来说,图片的ALT标签都是非常重要的,但又是很多人都会忽略的。接下来我会给大家分享在wordpress中对图片ALT标签设置的方法。

方法一:手动添加ALT标签。

wordpress外贸建站教程:网站图片ALT标签优化-悦然跨境出海

拖动添加ALT标签非常简单,在古腾堡编辑器中,我们可以直接选中图片,然后在右侧的窗口中去设置图片的标签,根据图片的内容去设置,也可以在标签中添加关键词。

wordpress外贸建站教程:网站图片ALT标签优化-悦然跨境出海

如果你使用的网站程序没有可视化的ALT标签设置功能,那么你可以通过html代码来设置,如上图,在图片路径后面添加一个alt标签的代码就可以了。

理论上来说,手动给图片添加ALT标签是效果最好的,但如果你的网站文章比较多,那就没办法手动下,还是看下面的方法吧。

方法二:自动添加

有些wordpress主题模板自带有图片ALT标签自动添加功能,这种一般是把文章标题设置成图片的标签,不过这个功能大多数只出现在中文wordpress主题中,而wordpress外贸主题则基本不带这个功能,我们可以通过插件或代码来添加。

Code Snippets – WordPress 插件 | WordPress.org China 简体中文

大家先通过安装一个插件Code Snippets,可以直接在wordpress建站后台搜索下载,然后安装启用。

//文章图片自动添加alt和title属性(由悦然wordpress建站www.zsxxfx.com整理)
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').'" title="'.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);

接下来在Code Snippets中建新代码片段,把上面的代码添加进入保存激活。这样文章的所有图片都会自动以文章标题填充ALT标签和TITLE标签,就不用再手动添加了。

不过还有一些网站可能使用了woocommerce插件做的产品展示或是做的商城,上面的代码在woocommerce产品封面图上是不起作用的。

//Woocommerce封面产品图片自动添加alt属性(由悦然wordpress建站www.zsxxfx.com整理)
add_filter('wp_get_attachment_image_attributes', 'change_attachement_image_attributes', 20, 2);

function change_attachement_image_attributes($attr, $attachment) {
global $post;
if ($post->post_type == 'product') {
    $title = $post->post_title;
    $attr['alt'] = $title;
    $attr['title'] = $title;
}
return $attr;
}

接下来我们再新建一个Code Snippets代码片段,然后把上面的代码添加进去,保存激活即可。

总结

通过上面的操作,wordpress网站中的所有图片都都可以自动添加ALT标签,如果你有特殊需求也可以手动添加,两者不会冲突。

购物车
搜索