WordPress网站自动为图片添加alt属性的几种方法

在WordPress网站中，图片上传到媒体库时，为每一张图片手动添加alt属性，是比较繁琐的。图片alt属性又有利于seo。可以参考以下的方法，来自动为图片添加alt属性，减轻工作量。

一、使用插件

插件是最快捷、最简单的方法，适合不想手动编写代码的用户。

1. Yoast SEO插件
   Yoast SEO 是 WordPress 最流行的 SEO 插件之一，它支持自动为图片生成alt属性。安装并启用插件后，进入插件设置页面，找到“搜索外观”中的“媒体”选项卡，启用“自动为图片添加alt文本”的功能。

2. SEO Friendly Images 插件
   这个插件专门用于优化图片的alt和title属性。安装后，默认设置会将图片的alt属性设置为文章标题，也可以根据需要自定义规则。

3. Rank Math SEO 插件
   Rank Math SEO 是另一个强大的 SEO 插件，它支持自动为没有alt属性的图片添加基于文章标题或自定义内容的alt文本。

二、通过代码实现

如果你熟悉 WordPress 的主题文件操作，可以通过在主题的functions.php文件中添加代码来实现自动添加alt属性。

1. 方法一：基于文章标题生成alt属性
   以下代码会自动将文章标题作为图片的alt属性值：

   function image_alt($content) {
       global $post;
       $title = $post->post_title;
       $imgUrl = "/<img\s*?.+?[^>]>/si";
       $isMatch = preg_match_all($imgUrl, $content, $matches, PREG_SET_ORDER);
       if ($isMatch) {
           if (!empty($matches)) {
               for ($i = 0; $i < count($matches); $i++) {
                   $tag = $url = $matches[$i][0];
                   $tag = preg_replace('/alt="\s*"/', '', $tag);
                   $judge = '/alt=/';
                   $isMatched = preg_match($judge, $tag, $match, PREG_OFFSET_CAPTURE);
                   if ($isMatched) {
                       continue;
                   }
                   $tag = preg_replace('/<img/', '<img alt="' . $title . '-第' . $i . '张图片"', $tag);
                   $content = str_replace($url, $tag, $content);
               }
           }
       }
       return $content;
   }
   add_filter('the_content', 'image_alt');

   该代码会遍历文章中的所有图片，并为其添加基于文章标题的alt属性。

2. 方法二：同时添加alt和title属性
   如果需要同时为图片添加alt和title属性，可以使用以下代码：

   function add_image_alt_title_tags($content) {
       global $post;
       $post_title = $post->post_title;
       $pattern = '/<img(.*?)\/>/i';
       preg_match_all($pattern, $content, $matches);
       foreach ($matches[0] as $index => $img_tag) {
           if (strpos($img_tag, ' alt=') === false || preg_match('/ alt=["\']\s*["\']/', $img_tag)) {
               $replacement = preg_replace('/<img/', '<img alt="' . $post_title . ' ' . ($index + 1) . '" title="' . $post_title . ' ' . ($index + 1) . '"', $img_tag);
               $content = str_replace($img_tag, $replacement, $content);
           }
       }
       return $content;
   }
   add_filter('the_content', 'add_image_alt_title_tags');

   该代码会为所有没有alt属性或alt为空的图片自动添加基于文章标题的alt和title属性。

三、使用媒体库插件

如果你需要更灵活的管理方式，可以使用支持批量编辑的媒体库插件，例如：

• WP Media Library
• File Bistro

这些插件允许你在上传或管理图片时，批量为图片添加alt属性。

四、注意事项

1. 代码方法的适用性
   修改主题的functions.php文件需要谨慎操作，建议在备份网站后进行。如果需要更灵活的管理方式，可以使用 WordPress 代码片段插件（如 WPCode）来管理代码⁹。

2. 插件的兼容性
   如果同时使用多个插件，可能会出现功能冲突。建议在安装插件后，测试网站功能是否正常。

3. SEO优化
   自动添加alt属性虽然方便，但建议定期检查和优化alt文本，确保其与图片内容相关且具有描述性