通过PHP在HTML渲染时动态修改图片title与alt标签（非数据库操作）

优先使用WordPress原生PHP过滤器实现需求，不要用jQuery等前端JS方案。
前端JS修改DOM的逻辑是在页面资源加载完成后才在用户浏览器里执行，搜索引擎爬虫抓取页面时拿到的是服务端直接返回的原始HTML，大概率识别不到JS修改后的属性，完全达不到SEO优化的目的，还可能出现页面加载时属性闪跳的问题。
PHP过滤器是在服务端渲染HTML阶段直接修改输出内容，不会改动数据库存储的原始附件数据，爬虫可以直接抓取到修改后的属性值，是最符合需求的方案。

你写的过滤器存在两个核心问题：

1. 取值逻辑错误：代码里取的$attachment->post_title是媒体附件本身的标题，不是图片当前所属展示页面的文章标题，不符合你要根据所属页面动态设置属性的需求
2. 覆盖场景不全：wp_get_attachment_image_attributes过滤器仅对通过wp_get_attachment_image()函数输出的图片生效，文章正文里插入的图片、古腾堡图片块、主题/插件直接输出的img标签都不会走这个过滤器，所以你会感觉只有alt属性部分生效，title属性没有按预期修改。

把下面两段代码加到当前主题的functions.php文件（或者自定义功能插件里）即可：

1. 覆盖动态调用的媒体图片 #

针对所有通过WordPress媒体函数动态输出的图片（比如主题缩略图、小工具图片、相关文章缩略图等场景）：

function custom_dynamic_img_attributes($attr, $attachment = null) {
    global $post;
    // 跳过后台页面，避免影响媒体库原始数据编辑
    if (is_admin() || !($post instanceof WP_Post)) {
        return $attr;
    }
    // 获取当前页面/文章标题做安全处理
    $current_title = trim(strip_tags(get_the_title($post->ID)));
    if (empty($current_title)) {
        return $attr;
    }
    // 动态替换alt、title属性，可按需扩展其他属性
    $attr['alt'] = $current_title;
    $attr['title'] = $current_title;

    return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'custom_dynamic_img_attributes', 10, 2);

2. 覆盖文章正文内的图片 #

针对存在文章内容字段里、直接输出到前端的img标签，渲染时动态替换属性，不会修改数据库内存储的文章原文：

function custom_replace_content_img_attr($content) {
    if (is_admin()) {
        return $content;
    }
    global $post;
    if (!($post instanceof WP_Post)) {
        return $content;
    }
    $current_title = trim(strip_tags(get_the_title($post->ID)));
    if (empty($current_title)) {
        return $content;
    }
    // 正则匹配正文内所有img标签替换属性
    $content = preg_replace_callback('/<img[^>]*>/i', function($matches) use ($current_title) {
        $img_tag = $matches[0];
        $safe_title = esc_attr($current_title);
        // 处理alt属性：已有则替换，没有则新增
        if (preg_match('/alt=["\'][^"\']*["\']/i', $img_tag)) {
            $img_tag = preg_replace('/alt=["\'][^"\']*["\']/i', 'alt="'.$safe_title.'"', $img_tag);
        } else {
            $img_tag = preg_replace('/<img\s/i', '<img alt="'.$safe_title.'" ', $img_tag);
        }
        // 处理title属性：已有则替换，没有则新增
        if (preg_match('/title=["\'][^"\']*["\']/i', $img_tag)) {
            $img_tag = preg_replace('/title=["\'][^"\']*["\']/i', 'title="'.$safe_title.'"', $img_tag);
        } else {
            $img_tag = preg_replace('/<img\s/i', '<img title="'.$safe_title.'" ', $img_tag);
        }
        return $img_tag;
    }, $content);

    return $content;
}
add_filter('the_content', 'custom_replace_content_img_attr', 99);

• 代码加了后台判断逻辑，完全不会修改数据库里存的附件原始alt、title数据，所有修改仅在前端HTML渲染时生效
• 如果站点开了页面缓存、CDN缓存，加完代码记得清空缓存才能看到效果
• 如果需要给分类页、标签页、首页等非文章详情页设置不同的属性规则，只需要在代码里加对应页面判断（比如is_category()取分类名、is_home()取站点名），替换$current_title的取值即可
• 不建议给同一页面内所有图片设置完全一样的alt/title值，如果页面内图片较多，可以按图片序号加后缀，避免被搜索引擎判定为SEO作弊。

内容的提问来源于stack exchange，提问作者Rob Johnson