web-quality-skills SEO 实战教程：Meta 标签、结构化数据 JSON-LD 与 XML 站点地图优化完全指南

web-quality-skills SEO 实战教程Meta 标签、结构化数据 JSON-LD 与 XML 站点地图优化完全指南【免费下载链接】web-quality-skillsAgent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.项目地址: https://gitcode.com/gh_mirrors/we/web-quality-skillsweb-quality-skills 是一套基于 Google Lighthouse 审计与 Core Web Vitals 最佳实践的开源 Agent SkillsAI 智能体技能包帮 AI 编码助手系统性地优化网站性能、可访问性与 SEO。本教程聚焦其中的 SEO 技能Meta 标签怎么调、JSON-LD 结构化数据怎么加、XML 站点地图怎么写让新手也能照着做出搜索引擎友好的页面。 一句话理解 SEO搜索引擎优化 让爬虫爬得到技术型 SEO看得懂Meta 标签与结构化数据愿意推内容与页面体验。一、先认识 web-quality-skills 的 SEO 技能README.md 里一共列了 6 个技能其中与流量直接相关的是这两个技能文件位置什么时候用seoskills/seo/SKILL.md修复 Meta 标签、加结构化数据、优化站点地图web-quality-auditskills/web-quality-audit/SKILL.md全站质量审计一次检查 30 项 SEO 要求把技能装到本地只需两步以 Claude Code 为例git clone https://gitcode.com/gh_mirrors/we/web-quality-skills cp -r web-quality-skills/skills/* ~/.claude/skills/ 装好后只要对 AI 助手说帮我把这个页面做成 SEO-ready技能就会自动激活。Codex 用户的安装与排障细节见 docs/codex-setup.md。二、技术型 SEO 基础让爬虫爬得到、不迷路爬虫是搜索引擎的眼睛先保证它进得来、认得路。robots.txt 一键配置该放行的放行该拦截的拦截robots.txt放在网站根目录是爬虫的导览图。推荐写法模板来自 skills/seo/SKILL.mdUser-agent: * Allow: / Disallow: /admin/ Disallow: /api/ Sitemap: https://example.com/sitemap.xml三条经验✅ 只拦后台、API 等私密区域别拦/static/这类渲染必需的静态资源✅ 文件末尾顺手声明Sitemap:地址帮爬虫省一步找地图❌ 重要页面不要出现noindexmeta robots 或 HTTP 头里写了都会生效。canonical 标签与 meta robots杜绝重复内容同一个页面如果存在多个可访问的 URL带参数、http/https、有无结尾斜杠搜索引擎可能不知道该收哪个。canonical 标签就是告诉它以我为准link relcanonical hrefhttps://example.com/products/blue-widget再配合meta robots控制收录行为meta namerobots contentindex, follow meta namerobots contentnoindex, nofollowURL 结构短、小写、带连字符✅ /products/blue-widget ✅ /blog/how-to-choose-widgets ❌ /p?id12345黄金法则用连字符而非下划线、全小写、控制在 75 字符以内、自然地包含目标关键词、全站 HTTPS。三、Meta 标签优化标题与描述的黄金尺寸这是页面在搜索结果里最直接的广告位也是新手最该优先做的一步。title 标签50–60 字符内塞进核心关键词!-- ❌ 太泛没有关键词 -- titlePage/title !-- ✅ 核心关键词前置 品牌收尾 -- title蓝色小部件在线选购 | 极速发货 | 示例商店/title长度50–60 字符Google 约 60 字符处截断核心关键词尽量靠前每个页面的 title 必须唯一品牌名放最后首页除外。meta description150–160 字符的点击钩子meta namedescription content精选蓝色小部件30 天无理由退换已有 10000 用户好评下单立减 20%。描述不直接参与排名却决定点击率。写法要点150–160 字符、自然带一次关键词、加一句行动号召CTA、每页唯一、与页面内容一致。顺手做好三件事标题层级、图片 alt、内链锚文本唯一h1一页只有一个 H1即页面主题H2→H3 层层递进、不跳级️图片 alt 文本用描述性文件名 有意义的 alt图片本身也做压缩与懒加载内链锚文本别用点击这里用选购蓝色小部件这种带关键词的描述性文字。四、结构化数据 JSON-LD5 分钟做出富媒体搜索结果普通搜索结果只有标题 描述加上结构化数据后页面可能带出评分星级、FAQ 折叠列表、面包屑等富媒体结果曝光更醒目点击率更高。为什么推荐 JSON-LD 写法Schema.org 结构化数据有多种写法其中JSON-LD 最适合新手一段独立的script标签搞定不改正文 HTML也不影响页面渲染写错了也不容易把页面弄坏。最值得加的 5 类 JSON-LD对号入座skills/seo/SKILL.md 提供了五类完整模板挑最常见的 FAQ 看个门道script typeapplication/ldjson { context: https://schema.org, type: FAQPage, mainEntity: [ { type: Question, name: 支持哪些支付方式, acceptedAnswer: { type: Answer, text: 支持支付宝、微信支付和银行卡。 } } ] } /script页面类型推荐的 JSON-LD企业官网 / 首页Organization机构、Logo、联系方式博客 / 资讯文章Article作者、发布时间、媒体电商商品页Product价格、库存、评分帮助 / 常见问题页FAQPage问答对有层级导航的站点BreadcrumbList面包屑如何验证结构化数据写完后用 Google 的富媒体结果测试Rich Results Test输入页面 URL 即可字段有问题它会逐条指出再配合 Google Search Console 的增强功能报告确认搜索结果里真的长出了富媒体。五、XML 站点地图编写指南5 条黄金规则站点地图相当于网站的目录页主动告诉搜索引擎我有哪些值得爬的页面。?xml version1.0 encodingUTF-8? urlset xmlnshttp://www.sitemaps.org/schemas/sitemap/0.9 url lochttps://example.com/products/blue-widget/loc lastmod2026-09-30/lastmod changefreqweekly/changefreq priority0.8/priority /url /urlset五条黄金规则单张地图 ≤ 5 万个 URL、50MB超了就用地图索引sitemap index拆分✅ 只收录canonical 的、可被索引的URL——noindex 页、登录页、参数变体都别放lastmod要在内容真正更新时才改刷假日期反而降低信任 生成后提交到 Google Search Console再配合 robots.txt 里的Sitemap:声明双保险♻️ 内容批量新增或下线后同步更新地图别让爬虫对着死链浪费抓取配额。六、Lighthouse SEO 审计一键自检清单改完别凭感觉用工具验收。skills/seo/SKILL.md 的 Tools 一节给出了推荐组合Lighthouse完整 SEO 审计目标分数 ≥ 95分数目标见 README.mdGoogle Search Console盯收录量、修爬虫错误Rich Results Test验证结构化数据。项目里还内置了一个只读检查脚本 skills/web-quality-audit/scripts/analyze.sh对 HTML 文件做基础体检doctype、charset、viewport、title、图片 alt、非 HTTPS 资源等命令行直接跑bash skills/web-quality-audit/scripts/analyze.sh index.html脚本输出结构化 JSON需要系统安装jq。最后对照 SEO 技能里的SEO 审计清单按优先级逐项打勾优先级检查项 关键HTTPS 已启用、robots.txt 放行、重要页面无 noindex、title 存在且唯一、每页单个h1 高meta description 齐全、站点地图已提交、canonical 已设置、移动端适配、Core Web Vitals 达标 中结构化数据已实现、内链策略、图片 alt、描述性 URL、面包屑导航⚡ 提醒SEO 并不孤立。页面体验LCP 2.5s、INP 200ms、CLS 0.1约占排名因素的 10%优化细节见 skills/core-web-vitals/SKILL.md。七、进阶彩蛋AI 搜索时代的新玩法现在越来越多用户用 AI 搜索引擎提问。skills/seo/SKILL.md 给了一条低成本策略别一刀切拦截 AI 爬虫OAI-SearchBot、PerplexityBot、ClaudeBot等在 robots.txt 里各有独立 user-agent建议按 bot 逐个决策而不是全部 Disallow多写结构化数据AI 摘要器解析 JSON-LD 比解析正文排版更可靠上面加的 FAQ/Article 一鱼两吃✍️首段自包含把定义或答案写在开头 1–2 句里既利于精选摘要也利于 AI 引用。至于网传的llms.txt约定——截至 2026 年中采用率仅约 0.015%且没有主流 AI 厂商确认会读取它花 5 分钟加一个无妨但别为它重构内容。八、总结你的 SEO 优化路线图打地基HTTPS robots.txt canonical 干净的 URL 结构做门面唯一且带关键词的 title50–60 字符 勾人的 description150–160 字符上富媒体按页面类型添加 JSON-LD 结构化数据用富媒体结果测试验证铺地图生成 sitemap.xml5 条黄金规则逐项落实并提交 Search Console常体检Lighthouse SEO 分 ≥ 95、每周看 Search Console、每月做一次完整审计。按这张路线图走下来你的网站就完成了从爬虫进得来到搜索结果长得好看的完整闭环。【免费下载链接】web-quality-skillsAgent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.项目地址: https://gitcode.com/gh_mirrors/we/web-quality-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考