Emlog图片Alt属性自动添加插件(emlog-image-alt):提升网站收录排名的SEO优化工具

用户头像
南昌/网页设计师/322天前/328浏览
Emlog图片Alt属性自动添加插件(emlog-image-alt):提升网站收录排名的SEO优化工具
用户头像
苏酷伊
图片Alt属性自动添加插件(emlog-image-alt)是由苏酷伊(sukuy)为Emlog博客系统设计开发的SEO优化工具,支持提取全站所有缺失alt属性的文章和图片,支持自动为文章图片添加alt/title属性,支持批量自定义处理和按文章标题自动生成博客文章中的图片添加alt和title属性,提升网站的SEO效果和可访问性。
功能特性
1. 自动添加功能
  • 文章保存时自动处理
    :当发布或更新文章时,自动为缺少alt属性的图片添加描述
  • 智能内容生成
    :优先从图片文件名提取描述(移除文件扩展名,将下划线/连字符转换为空格)当文件名无法提供有效描述时,使用文章标题加序号(如:"文章标题 - 图1")同时设置alt和title属性,确保完全一致
  • 智能保留
    :已有的alt属性不会被修改,只处理空白或缺失的属性
2. 统计分析功能
  • 全面统计
    :分析网站所有文章中图片的alt属性使用情况
  • 详细数据
    :文章总图片数缺少alt属性的图片数含有缺失alt属性图片的文章数缺失比例百分比
  • 实时更新
    :点击统计按钮即可获取最新数据
3. 批量处理功能
  • 一键修复
    :为网站所有文章中缺少alt属性的图片自动添加描述
  • 安全可靠
    :只修改缺失或空白的alt属性,保留已有内容
  • 进度可视化
    :批量处理过程中显示进度条和状态信息
  • 结果反馈
    :处理完成后显示详细的处理结果统计
4. 自定义编辑功能
  • 可视化列表
    :查看所有缺少alt属性的图片列表,包括预览、来源文章和URL
  • 分页浏览
    :支持分页查看大量图片,每页默认20张
  • 自定义输入
    :为每张图片手动输入自定义的alt属性
  • 批量保存
    :一次性保存所有自定义的alt属性到对应文章
  • 图片预览
    :查看图片缩略图,方便准确描述
插件下载
夸克网盘下载:
安装方法
方法一:通过Emlog插件页面安装
  1. 登录Emlog后台管理界面
  2. 进入"插件" -> "安装插件"
  3. 上传"image_alt"插件压缩包
  4. 启用插件
方法二:手动安装
  1. 下载插件压缩包
  2. 解压后将“image-alt”文件夹上传到Emlog的content/plugins/目录
  3. 登录Emlog后台管理界面
  4. 进入"插件" -> "已安装插件"
  5. 找到"图片Alt属性自动添加"插件,点击"激活"
使用指南
1. 自动添加功能使用
该功能无需手动操作,插件会自动在以下时机工作:
  • 发布新文章时
  • 更新已有文章时
注意
:
  • 只有博客文章类型(type='blog')会被处理
  • 已有的alt属性不会被覆盖
  • 图片必须是直接嵌入在文章内容中的<img>标签
2. 统计分析功能使用
  1. 登录Emlog后台管理界面
  2. 进入"插件" -> "图片Alt属性自动添加"
  3. 在插件设置页面,点击"开始统计图片"按钮
  4. 等待统计完成,查看结果
3. 批量处理功能使用
警告
:批量处理将修改网站所有文章的内容,请在执行前做好数据库备份!
  1. 登录Emlog后台管理界面
  2. 进入"插件" -> "图片Alt属性自动添加"
  3. 在插件设置页面,点击"执行批量处理"按钮
  4. 阅读警告信息,确认了解风险
  5. 点击"确认执行"按钮开始批量处理
  6. 等待处理完成,查看处理结果
4. 自定义编辑功能使用
  1. 登录Emlog后台管理界面
  2. 进入"插件" -> "图片Alt属性自动添加"
  3. 点击"查看并编辑Alt属性"按钮
  4. 在弹出的模态框中,浏览缺少alt属性的图片
  5. 为需要自定义的图片输入alt属性
  6. 点击"保存所有修改"按钮保存更改
技巧
:
  • 使用分页导航浏览大量图片
  • 点击图片URL旁边的文章链接,可以直接编辑来源文章
  • 图片预览功能帮助您更准确地描述图片内容
技术实现细节
1. 核心处理流程
文章内容 → HTML解析(DOMDocument) → 图片标签提取 → alt属性检查 → 智能生成 → 更新内容
2. 主要功能函数
函数名功能描述image_alt_init()插件初始化,注册钩子image_alt_auto_add()自动为图片添加alt属性的核心函数image_alt_count_missing()统计缺少alt属性的图片image_alt_batch_process()批量处理所有文章图片image_alt_get_missing_images()获取缺少alt属性的图片列表image_alt_save_custom_alt()保存自定义的alt属性
3. 技术特点
  • DOMDocument处理
    :使用PHP的DOMDocument类解析和修改HTML,确保HTML结构的完整性
  • UTF-8编码支持
    :全面支持中文和其他非ASCII字符
  • 安全处理
    :对用户输入进行严格过滤使用参数化查询防止SQL注入保留原有HTML结构和属性
  • 性能优化
    :仅处理可见的已发布文章分页加载大量图片数据批量操作时的进度可视化
4. 钩子机制
插件通过Emlog的钩子机制实现自动化功能:
// 挂载到文章保存前的钩子 addAction('pre_save_log', 'image_alt_auto_add');
常见问题解答
Q: 插件会修改我已经添加的alt属性吗?
A: 不会。插件只会为没有alt属性或alt属性为空的图片添加描述,已有的alt属性会被完整保留。
Q: 插件支持哪些类型的文章?
A: 目前插件仅支持博客文章类型(type='blog'),不包括页面(type='page')。
Q: 批量处理会影响网站性能吗?
A: 批量处理过程中会占用一定的服务器资源,建议在网站访问量较低的时候执行。对于大型网站,可能需要较长时间完成处理。
Q: 我可以为图片添加自定义的alt属性吗?
A: 可以。插件提供了自定义编辑功能,您可以为每张图片手动输入个性化的alt属性。
Q: 插件生成的alt属性遵循什么格式?
A: 插件使用以下格式生成alt属性:
  • 如果图片文件名包含有效描述:文章标题 - 图片描述(从文件名提取)
  • 如果文件名无法提供有效描述:单张图片:文章标题多张图片:文章标题 - 图X(X为图片序号)
Q: 如何更新插件?
A: 目前通过
苏酷伊官网手动更新
,更新地址👉:
https://www.sukuy.com/image-alt
更新日志
版本 1.0.1(2025-12-15)
  • 添加缺失alt属性文章数量统计
版本 1.0 (2025-12-01)
  • 初始版本发布
  • 实现自动添加alt/title属性功能
  • 添加统计分析功能
  • 支持批量处理和自定义编辑
  • 优化用户界面和交互体验
作者信息
  • 作者
    :苏酷伊
开源许可证
本插件采用MIT许可证发布。
0
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
卡通风格网页页面3D渲染
户外旅行飞机情侣假日出行
卡通女孩与网页表格3D渲染
卡通风格网页页面3D渲染
三个青年正在装修网页矢量插画
一个人拿着优惠券准备支付购物电商矢量插画
一个男生和两个女生站在网页前面打招呼矢量
网页页面矢量插画
四个人物分别在上网贴纸合集
男生坐在网页面前办公矢量插画
新年快乐送福网页矢量图banner
3D风格时尚电子商务设计元素
网页背景
 网页背景
网页图标
卡通风格网页页面3D渲染
网页电商背景矢量插画
浏览电脑网页的元素
互联网,互联网插画,商务,数据,项目,合作,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,沟通,渐变,蓝色插画,商铺,覆盖,管理,项目管理,效率,提升,高效,关系,拓展,
卡通女孩与网页表格3D渲染
卡通风格网页页面3D渲染
卡通风格网页页面3D渲染
男生和女生站在网页面前矢量扁平插画
女生坐在网页面前办公矢量插画
B19【星空诗意&网页幽灵按钮】公司产品服务简介汇报
你可能喜欢
相关收藏夹
大家都在看
登录注册