夜雨聆风学习资料网

ARTICLE · 1282874

【更新】WordPress插件:图片自动添加Alt标签丨网站SEO优化技巧

【更新】WordPress插件:图片自动添加Alt标签丨网站SEO优化技巧

👆️关注丨📢转发丨🎯收藏丨⭐星标

在这里重启#皮皮的科技范 吧

之前用AI做过一个wordpress的图片插件:SEO优化技巧:为WordPress网站图片批量增加Alt属性

最近PHP和WordPress都升级了,加上个站完成了搬迁和重新整理分类,发现这款插件只能抓取到网站+一级目录+图片名做#alt标签,终于客服拖延症决定更新一版,增加二级目录的名称。

需要强调一点:本人依旧一行代码都不会写,但学会和AI对话,成功实现了自己想要的网站插件功能。

1.1版本代码如下:

<?php/** * Plugin Name: Ruoxin ALT 管理器 * Plugin URI:  https://www.xianxiebo.com/blog/archives/6727?from=gzh * Description: 上传图片时自动根据网站名称、多级分类名称和图片标题生成图片的 ALT 属性。 * Version:     1.1 * Author:  ruoxin *// 防止直接访问文件if (!defined('ABSPATH')) {    exit;}add_filter('wp_generate_attachment_metadata', 'ruoxin_auto_set_image_alt_on_upload', 10, 2);function ruoxin_auto_set_image_alt_on_upload($metadata, $attachment_id) {    $site_name = get_bloginfo('name');    $image_title = get_the_title($attachment_id);    // 尝试获取图片所属文章的分类名称(如果有)    $parent_post_id = wp_get_post_parent_id($attachment_id);    $category_name = '';    if ($parent_post_id) {        $categories = get_the_category($parent_post_id);        if (!empty($categories)) {            $cat = $categories[0]; // 取第一个分类            $cat_names = array();            // 获取所有父级分类 ID 并反转顺序(从顶级到子级)            $ancestors = get_ancestors($cat->term_id, 'category');            if (!empty($ancestors)) {                $ancestors = array_reverse($ancestors);                foreach ($ancestors as $ancestor_id) {                    $ancestor_term = get_term($ancestor_id, 'category');                    if ($ancestor_term && !is_wp_error($ancestor_term)) {                        $cat_names[] = $ancestor_term->name;                    }                }            }            // 加上当前分类名称            $cat_names[] = $cat->name;            // 将多级分类组合为字符串            $category_name = implode(' - ', $cat_names);        }    }    // 组合 ALT 内容:网站名称 - 一级分类 - 二级分类 - 图片标题    $new_alt = $site_name;    if ($category_name) {        $new_alt .= ' - ' . $category_name;    }    $new_alt .= ' - ' . $image_title;    update_post_meta($attachment_id, '_wp_attachment_image_alt', $new_alt);    return $metadata;}

使用方法:

1、复制以上代码;

2、登录 WordPress 后台,点击 外观 -> 主题文件编辑器。

3、在右侧的“主题文件”列表中,找到并点击 functions.php(模板函数),滚动到该文件的最底部,将上面1.1版本的 PHP 代码完整粘贴进去。

⭕复制需要去掉最顶部的 <?php 标签,如果你直接整段粘贴,WordPress 通常也能识别,但为了规范建议去掉 <?php 并在末尾粘贴

⚠️ 注意事项:如果你使用的是第三方主题,当主题进行官方升级时,functions.php 文件可能会被覆盖,导致代码失效。因此,更推荐在子主题(Child Theme)的 functions.php末尾添加代码,或者查看【阅读原文】了解更多插件内容。

设置图片Alt属性有两大好处: 

1、SEO更友好,提升网站的搜索引擎抓取,通俗点讲就是搜索一般都会以文字的形式,如果图片加上了Alt属性,当使用图片搜索功能时,你的网站图片就有可能进入搜索结果,增加了一种被搜到的可能性; 

2、无障碍阅读友好,虽然大部分的网站都是服务于可以读写看的人群,但依然有无法读和看的人群,图片Alt属性可以利用朗读等功能让视障人士能够很好的理解文章里的图片。

【版本 1.1 更新说明】 

本插件可批量更改已经上传的旧图片Alt属性,设置规则升级为:网站名 + 多级分类名(支持一级、二级及多级目录层级) + 图片名。

相关阅读:

#wordpress插件#alt标签#seo优化#网站优化#图片标签#wordpress#AI代码#自动增加alt标签

-END-

由于微信不断更改推送规则,可将公众号设为星标,以免错过推送消息。

更多信息可点击↙↙阅读原文↙↙

回首页,搜索你想要的文档

在首页搜索框输入关键词,快速定位资料

文库首页搜索指引 立即搜索

相关学习资料