---
title: "WordPress 图片alt自动使用标题"
url: "https://yjyj.net/learn/wordpress-learn/4747.html"
author: "小 虾 (生猛大蝦编辑部)"
published_at: "2014-10-07T10:04:21+08:00"
updated_at: "2014-10-07T10:04:21+08:00"
categories: "WordPress 学习"
tags: "wordpress, WordPress优化, WordPress开发, 前端开发实战, 网站"
summary: "这篇 WordPress 小技巧专门解决“图片没有 alt”或 alt 需要手动补全的麻烦：通过在 the_content 上挂载过滤器，自动把文章标题写入图片 alt 属性，提升内容可读性与基础 SEO 表现。代码短、改动小，适合想快速补齐图片语义信息的站长直接实操。"
source: "生猛大蝦 (https://yjyj.net)"
---

# WordPress 图片alt自动使用标题

> 来源：[生猛大蝦 (yjyj.net)](https://yjyj.net/learn/wordpress-learn/4747.html) · 作者：小 虾 · 发布时间：2014-10-07

## 30 秒核心看点 (TL;DR)

- 用 the_content 过滤正文，批量给图片补上 alt，省去逐张手填。
- 核心思路是读取当前文章标题，正则匹配图片 src 后追加 alt 属性。
- 适合轻量修补图片语义，但要注意只处理正文内容，别误伤其他 HTML。

```
// 图片alt强制标题
function image_alt($c) {
    global $post; // 全局量
    $title = $post->post_title; // 文章标题
    $s = array('/src="(.+?.(jpg|jepg|png|gif|bmp))"/i' => 'src="$1" alt="'.$title.'"');
    foreach($s as $p => $r){
    $c = preg_replace($p,$r,$c);
}
return $c;
}
add_filter( 'the_content', 'image_alt' );
```

 


代码来自:http://meiri.me/9047.html

## 生猛大蝦编辑部 · 背景与实操延伸

这类写法属于早期 WordPress 站长常用的“内容输出层修补”思路：不改媒体库，不动后台上传流程，直接在正文渲染时补属性，见效快、成本低。但实操时要留意两点：一是正则匹配范围有限，遇到不同图片标签写法可能失效；二是统一用标题当 alt 只是兜底方案，若追求更好的可访问性和图片搜索表现，后续仍建议按图片语义逐张优化。

## 延伸问答与排错指南 (FAQ)

### 这段代码会自动给哪些图片加alt？
它是通过过滤文章正文内容来处理图片标签，正则会匹配 jpg、jpeg、png、gif、bmp 等常见图片地址，并在 src 后追加 alt 属性。也就是说，主要针对正文里输出的图片，不是全站所有图片统一改写。

### 图片alt直接用文章标题有什么问题？
优点是省事，能快速补齐 alt；但缺点是所有图片都变成同一个标题，语义不够精准。更理想的做法是按图片内容写更具体的描述，标题法适合临时补救或批量兜底。

### 这段代码实操时要注意什么？
要先确认主题输出的图片 HTML 结构是否符合正则匹配条件，否则可能漏改或重复改写；另外，若正文里已有 alt，最好先做兼容判断，避免覆盖原本更准确的描述。

---
更多 Linux 运维、WordPress 性能优化、前端工程化、Shopify 独立站与极客折腾指南：[生猛大蝦全站文章归档 (https://yjyj.net/archive)](https://yjyj.net/archive)