Grapesjs A11Y Seo — Accessibility auditor + SEO for GrapesJS
5 张图片
Studio

Grapesjs A11Y Seo — Accessibility auditor + SEO for GrapesJS

免费
GrapesJS:0.23.x0.22.x0.21.x
从 GitHub 下载

包含内容

  • 免费下载使用
  • 兼容 GrapesJS Studio
  • 支持个人与商业使用

支持创作者

通过一次性或每月赞助,感谢创作者发布这款免费产品。

兼容 GrapesJS

已在 GrapesJS 0.23.x, 0.22.x, 0.21.x 上测试

GitHub 开源

可免费使用、Fork 和贡献

Studio 就绪

完全兼容 GrapesJS Studio

可免费使用

可用于个人和商业项目

Lighthouse for GrapesJS——一个实时的无障碍审计器(WCAG 2.1/2.2)一个SEO元数据管理器,就在编辑器内部。

每个无障碍搜索结果都绑定到完全相同的 GrapesJS 组件:点击它,组件被选中,滚动进入视图并在画布上高亮——通过组件 API 一键快速修复,修复内容清晰无误。SEO标签管理每页元数据,包含实时Google/Open Graph/Twitter预览、检查表、JSON-LD和完整<head>/sitemap.xml导出。

浏览器中零运行时依赖(axe-core是可选的对等节点)。

无障碍审计员

  • 15条内置规则:替代文本、颜色对比、标题、链接名称、表单标签、ARIA有效性、地标、标签索引、目标大小、媒体说明、iframe标题、重复ID、表格结构、文档语言、字体大小。
  • 绑定到组件的发现——选择/滚动/高亮在画布上。
  • 一键快速修复(无法实现)+“修复所有安全”作为一个撤销步骤。
  • 图层管理器中的严重性徽章、“突出问题”叠加层、焦点顺序可视化器和无障碍树。
  • 基线/“无法修复”支持,随项目保存。
  • 可选轴芯引擎,实现100%规则覆盖。

SEO经理

  • 每页元数据:标题、描述、规范、机器人、焦点关键词、Open Graph、Twitter、favicon。
  • 实时预览:Google 搜索结果页(真实像素宽度截断)、Open Graph 和 Twitter 卡片。
  • SEO检查表 + JSON-LD(文章、产品、组织、面包屑列表、常见问题页面、网站)。
  • 导出:getHeadHtml()renderPage(),。getSitemap()

附加内容

  • 可使用普通的GrapesJS和GrapesJS Studio。
  • 多页审计+每页SEO。
  • CI模式:npx grapesjs-a11y-seo-ci ./dist/*.html(无头,故障时非零退出)。
  • i18N:EN / Ru / ES 捆绑包,完全可覆盖。
  • 包括TypeScript类型。麻省理工学院(MIT)持证。

评分:

暂无评价,成为第一个分享体验的人。


分享此产品:
最后更新:2026年7月7日
发布时间:2026年7月7日
版本:
0.23.x0.22.x0.21.x
Studio:
支持 GrapesJS Studio

问答

暂无问题,有什么想问的?