继续分享wordpress外贸建站教程，今天悦然跨境出海给大家分享一个网站图片ALT标签优化的方法。不管是对百度SEO还是谷歌SEO优化来说，图片的ALT标签都是非常重要的，但又是很多人都会忽略的。接下来我会给大家分享在wordpress中对图片ALT标签设置的方法。
方法一：手动添加ALT标签。
拖动添加ALT标签非常简单，在古腾堡编辑器中，我们可以直接选中图片，然后在右侧的窗口中去设置图片的标签，根据图片的内容去设置，也可以在标签中添加关键词。
如果你使用的网站程序没有可视化的ALT标签设置功能，那么你可以通过html代码来设置，如上图，在图片路径后面添加一个alt标签的代码就可以了。
理论上来说，手动给图片添加ALT标签是效果最好的，但如果你的网站文章比较多，那就没办法手动，还是看下面的方法吧。
方法二：自动添加
有些wordpress主题模板自带有图片ALT标签自动添加功能，这种一般是把文章标题设置成图片的标签，不过这个功能大多数只出现在中文wordpress主题中，而wordpress外贸主题则基本不带这个功能，我们可以通过插件或代码来添加。
大家先通过安装一个插件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标签，如果你有特殊需求也可以手动添加，两者不会冲突。
