主要关键字 - 次要关键字 |品牌名称</标题> * 保留50-60个字符 * 在开头包含目标关键词 * 使每个页面都独一无二 **缺少元描述**：  <meta name="description" content="清晰、简洁的描述，包括目标关键字并鼓励点击。150-160 个字符。"> **缺少 H1 或多个 H1** ： * 确保每页恰好有一个 H1 * H1应该描述主要主题 * 应与标题标签匹配或相关 **没有替代文本的图像**：  <img src="image.jpg" alt="解释图像内容的描述性文字"> **缺少 HTML Lang 属性**：  <html lang="en"> #### 优先级 2：重要优化 **视口元标记**（对于移动 SEO 至关重要）： <meta name =“viewport”content =“width = device-width，initial-scale = 1.0”> **字符集声明**： <元字符集=“UTF-8”> **开放图标签**（用于社交媒体共享）： <meta property="og:title" content="您的页面标题"> <meta property="og:description" content="您的页面描述"> <meta property="og:image" content="https://example.com/image.jpg"> <meta property="og:url" content="https://example.com/page-url"> <元属性=“og：类型”内容=“网站”> **推特卡标签**： <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="您的页面标题"> <meta name="twitter:description" content="您的页面描述"> <meta name="twitter:image" content="https://example.com/image.jpg"> **规范网址**： <link rel="canonical" href="https://example.com/preferred-url"> #### 优先级 3：高级优化 **模式标记** \- 详细实现请参考`references/schema_markup_guide.md`。常见类型： * 组织机构（主页） * 文章/博客发布（博客文章） * LocalBusiness（本地企业） * 面包屑导航（导航） * 常见问题解答（常见问题解答页面） * 产品（电子商务）实施示例： <脚本类型=“应用程序/ld+json”> { "@context": "https://schema.org", "@type": "文章", "headline": "文章标题", “作者”：{ "@type": "人", "name": "作者姓名" }, "发布日期": "2024-01-15", “图像”：“https://example.com/image.jpg” } </脚本> ### 4\.生成或更新站点地图修复问题后，生成 XML 站点地图： python 脚本/generate_sitemap.py <目录> <base_url> [输出文件] **示例**： # 生成网站的站点地图 python 脚本/generate_sitemap.py ./public https://example.com # 指定输出位置 python 脚本/generate_sitemap.py ./public https://example.com ./public/sitemap.xml 脚本： * 自动查找所有HTML文件 * 生成正确的 URL * 包括最后修改日期 * 估计优先级和changefreq值 * 创建格式正确的 XML 站点地图 **生成后**： 1.上传sitemap.xml到网站根目录 2.添加对robots.txt的引用 3. 提交至 Google Search Console 和 Bing 网站管理员工具 ### 5\.更新robots.txt 使用“assets/robots.txt”中的模板并进行自定义：用户代理：* 允许：/ # 阻止敏感目录禁止：/admin/ 禁止：/私人/ # 参考您的站点地图站点地图：https://yourdomain.com/sitemap.xml 将 robots.txt 放置在网站根目录下。 ### 6\.验证和测试实施修复后： **本地测试**： 1. 再次运行 SEO 分析器以验证修复 2. 检查所有关键问题是否已解决 3. 确保没有引入新问题 **在线测试**： 1. 将变更部署到生产中 2. 使用 Google Rich Results 测试进行测试：<https://search.google.com/test/rich-results> 3. 验证模式标记：<https://validator.schema.org/> 4. 检查移动设备友好性：<https://search.google.com/test/mobile-Friendly> 5. 在 Google Search Console 中监控 ### 7\.持续优化 **定期维护**： * 添加新页面时更新站点地图 * 保持元描述新鲜且引人注目 * 确保新图像有替代文本 * 将模式标记添加到新的内容类型 * 监控搜索控制台的问题 * 定期更新内容 ## 常见优化模式 ### 模式 1：新网站设置对于一个全新的 HTML/CSS 网站： 1. 运行初始分析：`python script/seo_analyzer.py ./public` 2. 向所有页面添加必要的元标记（标题、描述、视口） 3. 确保正确的标题结构（每页一个 H1） 4. 为所有图像添加替代文本 5. 在主页上实施组织架构 6. 生成站点地图：`python script/generate_sitemap.py ./public https://yourdomain.com` 7. 从模板创建robots.txt 8. 部署站点地图并将其提交到搜索引擎 ### 模式 2：现有网站审核对于需要优化的现有网站： 1.运行综合分析：`python script/seo_analyzer.py ./public` 2. 确定问题并确定优先级（关键优先） 3.修复所有页面的关键问题 4. 添加缺少的 Open Graph 和 Twitter Card 标签 5. 为适当的页面实现模式标记 6. 重新生成带有更新的站点地图 7. 使用分析器验证修复 8. 部署和监控 ### 模式3：单页优化优化特定页面： 1.分析具体文件：`python script/seo_analyzer.py page.html` 2. 修复已发现的问题 3.优化目标关键词的标题和元描述 4. 确保正确的标题层次结构 5. 为页面类型添加适当的架构标记 6. 用分析仪验证 7. 如果有新页面，则更新站点地图 ### 模式 4：博客文章优化对于博客文章和文章： 1.确保标题（50-60个字符）与目标关键字唯一 2. 编写引人注目的元描述（150-160 个字符） 3.使用单个H1作为文章标题 4. 为部分实施适当的 H2/H3 层次结构 5. 为所有图像添加替代文本 6. 实现文章或 BlogPosting 模式（参见 `references/schema_markup_guide.md`） 7. 添加 Open Graph 和 Twitter Card 标签以进行社交分享 8. 包含作者信息 9. 添加面包屑导航模式 ## 参考资料 ### 详细指南 **`references/seo_checklist.md`** ：涵盖所有 SEO 方面的综合清单： * 标题标签和元描述指南 * 标题结构最佳实践 * 图像优化技术 * URL结构建议 * 内部链接策略 * 页面速度优化 * 移动端优化要求 * 语义 HTML 使用 * 完整的 SEO 技术清单有关任何 SEO 元素的详细规范，请参考此内容。 **`references/schema_markup_guide.md`** ：实现 schema.org 结构化数据的完整指南： * JSON-LD实现（推荐格式） * 10+种常见模式类型及示例 * 组织、本地业务、文章、博客发布、常见问题解答、产品等。 * 每种类型所需的属性 * 最佳实践和常见错误 * 验证工具和资源在为任何内容类型实现架构标记时请参考此内容。 ### 脚本 **`scripts/seo_analyzer.py`**：用于自动 SEO 分析的 Python 脚本。分析 HTML 文件中的常见问题并生成详细报告。可以输出文本或JSON格式。重复分析具有确定性和可靠性。 **`scripts/generate_sitemap.py`** ：用于生成 XML 站点地图的 Python 脚本。自动抓取目录，估计优先级和更改频率，并生成格式正确的站点地图，准备提交给搜索引擎。 ### 资产 **`assets/robots.txt`** ：具有常见配置和注释的模板 robots.txt 文件。根据特定需求进行定制并放置在网站根目录中。 ## 关键原则 1. **用户至上**：首先针对用户进行优化，其次是搜索引擎。良好的用户体验带来更好的搜索引擎优化。 2. **独特的内容**：每个页面都应该有独特的标题、描述和H1。重复的内容会损害搜索引擎优化。 3. **移动优先**：Google 使用移动优先索引。始终包含视口元标记并确保移动响应能力。 4. **可访问性 = SEO** ：可访问的网站（替代文本、语义 HTML、正确标题）排名更好。 5. **质量重于数量**：实质性、有价值的内容比单薄的内容排名更好。目标是全面的页面。 6. **技术基础**：在高级优化之前修复关键技术问题（缺少标签、破坏结构）。 7. **结构化数据**：架构标记有助于搜索引擎理解内容并产生丰富的结果。 8. **定期更新**：SEO 正在进行中。保持内容新鲜、监控分析并适应算法变化。 9. **自然语言**：使用自然语言为人类编写。避免关键词堆砌。 10. **验证**：在部署到生产环境之前，始终使用测试工具验证更改。 ## 发挥最大影响力的技巧 * **从关键问题开始**：首先修复丢失的标题标签和元描述 - 这些影响最大 * **保持一致** ：在所有页面上应用优化，而不仅仅是主页 * **使用语义 HTML** ：使用正确的 HTML5 语义标签（`<header>`、`<nav>`、`<main>`、`<article>`、`<aside>`、`<footer>`） * **优化图像**：压缩图像，使用描述性文件名，始终包含替代文本 * **内部链接**：链接到带有描述性锚文本的相关页面 * **页面速度很重要**：快速加载的页面排名更好 * **在移动设备上测试**：大多数搜索都是移动设备 - 确保出色的移动体验 * **监控 Search Console** ：使用 Google Search Console 跟踪性能并识别问题 * **定期更新**：新鲜的内容标志着活跃、有价值的网站 ## 快速参考命令 # 分析单个文件 python 脚本/seo_analyzer.py index.html # 分析整个网站 python 脚本/seo_analyzer.py ./public # 生成站点地图 python 脚本/generate_sitemap.py ./public https://example.com # 获取JSON分析输出 python 脚本/seo_analyzer.py ./public --json</article></body></html>

# SEO 优化器 ## 概述该技能为 HTML/CSS 网站提供全面的 SEO 优化能力。它分析网站的 SEO 问题，实施最佳实践，并生成涵盖所有关键 SEO 方面的优化报告，包括元标记、标题结构、图像优化、模式标记、移动优化和技术 SEO。 ## 何时使用此技能当用户请求时使用此技能： *“分析我的网站是否存在 SEO 问题” *“优化此页面以进行 SEO” *“生成SEO审核报告” *“修复我网站上的 SEO 问题” *“向我的页面添加适当的元标记” *“实施模式标记” *“生成站点地图” *“提高我网站的搜索引擎排名” * 任何与 HTML/CSS 网站搜索引擎优化相关的任务 ## 工作流程 ### 1\.初步搜索引擎优化分析使用 SEO 分析器脚本进行全面分析： python 脚本/seo_analyzer.py <目录或文件> 该脚本分析 HTML 文件并生成详细报告，内容包括： * 标题标签（长度、存在性、唯一性） * 元描述（长度、存在） * 标题结构（H1-H6层次结构） * 图片alt属性 * 打开图标签 * Twitter 卡标签 * Schema.org 标记 * HTML 语言属性 * 视口和字符集元标记 * 规范 URL * 内容长度 **输出选项**： * 默认：人类可读的文本报告，包含问题、警告和良好实践 * `--json`：机器可读的 JSON 格式，用于编程处理 **用法示例**： # 分析单个文件 python 脚本/seo_analyzer.py index.html # 分析整个目录 python 脚本/seo_analyzer.py ./public # 获取 JSON 输出 python 脚本/seo_analyzer.py ./public --json ### 2\.审查分析结果分析器将结果分为三个级别： **关键问题 (🔴)** \- 立即修复： * 缺少标题标签 * 缺少元描述 * 缺少 H1 标题 * 没有 alt 属性的图像 * 缺少 HTML 语言属性 **警告 (⚠️)** \- 尽快修复以实现最佳 SEO： * 标题/描述长度不理想 * 多个H1标签 * 缺少开放图谱或 Twitter 卡标签 * 缺少视口元标记 * 缺少模式标记 * 标题层级问题 **良好实践 (✅)** \- 已优化： * 元素格式正确 * 正确的长度 * 呈现所需标签 ### 3\.确定问题的优先级并解决问题按优先顺序解决问题： #### 优先事项 1：关键问题 **标题标签缺失或不良**：主要关键字 - 次要关键字 |品牌名称</标题> * 保留50-60个字符 * 在开头包含目标关键词 * 使每个页面都独一无二 **缺少元描述**：  <meta name="description" content="清晰、简洁的描述，包括目标关键字并鼓励点击。150-160 个字符。"> **缺少 H1 或多个 H1** ： * 确保每页恰好有一个 H1 * H1应该描述主要主题 * 应与标题标签匹配或相关 **没有替代文本的图像**：  <img src="image.jpg" alt="解释图像内容的描述性文字"> **缺少 HTML Lang 属性**：  <html lang="en"> #### 优先级 2：重要优化 **视口元标记**（对于移动 SEO 至关重要）： <meta name =“viewport”content =“width = device-width，initial-scale = 1.0”> **字符集声明**： <元字符集=“UTF-8”> **开放图标签**（用于社交媒体共享）： <meta property="og:title" content="您的页面标题"> <meta property="og:description" content="您的页面描述"> <meta property="og:image" content="https://example.com/image.jpg"> <meta property="og:url" content="https://example.com/page-url"> <元属性=“og：类型”内容=“网站”> **推特卡标签**： <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="您的页面标题"> <meta name="twitter:description" content="您的页面描述"> <meta name="twitter:image" content="https://example.com/image.jpg"> **规范网址**： <link rel="canonical" href="https://example.com/preferred-url"> #### 优先级 3：高级优化 **模式标记** \- 详细实现请参考`references/schema_markup_guide.md`。常见类型： * 组织机构（主页） * 文章/博客发布（博客文章） * LocalBusiness（本地企业） * 面包屑导航（导航） * 常见问题解答（常见问题解答页面） * 产品（电子商务）实施示例： <脚本类型=“应用程序/ld+json”> { "@context": "https://schema.org", "@type": "文章", "headline": "文章标题", “作者”：{ "@type": "人", "name": "作者姓名" }, "发布日期": "2024-01-15", “图像”：“https://example.com/image.jpg” } </脚本> ### 4\.生成或更新站点地图修复问题后，生成 XML 站点地图： python 脚本/generate_sitemap.py <目录> <base_url> [输出文件] **示例**： # 生成网站的站点地图 python 脚本/generate_sitemap.py ./public https://example.com # 指定输出位置 python 脚本/generate_sitemap.py ./public https://example.com ./public/sitemap.xml 脚本： * 自动查找所有HTML文件 * 生成正确的 URL * 包括最后修改日期 * 估计优先级和changefreq值 * 创建格式正确的 XML 站点地图 **生成后**： 1.上传sitemap.xml到网站根目录 2.添加对robots.txt的引用 3. 提交至 Google Search Console 和 Bing 网站管理员工具 ### 5\.更新robots.txt 使用“assets/robots.txt”中的模板并进行自定义：用户代理：* 允许：/ # 阻止敏感目录禁止：/admin/ 禁止：/私人/ # 参考您的站点地图站点地图：https://yourdomain.com/sitemap.xml 将 robots.txt 放置在网站根目录下。 ### 6\.验证和测试实施修复后： **本地测试**： 1. 再次运行 SEO 分析器以验证修复 2. 检查所有关键问题是否已解决 3. 确保没有引入新问题 **在线测试**： 1. 将变更部署到生产中 2. 使用 Google Rich Results 测试进行测试：<https://search.google.com/test/rich-results> 3. 验证模式标记：<https://validator.schema.org/> 4. 检查移动设备友好性：<https://search.google.com/test/mobile-Friendly> 5. 在 Google Search Console 中监控 ### 7\.持续优化 **定期维护**： * 添加新页面时更新站点地图 * 保持元描述新鲜且引人注目 * 确保新图像有替代文本 * 将模式标记添加到新的内容类型 * 监控搜索控制台的问题 * 定期更新内容 ## 常见优化模式 ### 模式 1：新网站设置对于一个全新的 HTML/CSS 网站： 1. 运行初始分析：`python script/seo_analyzer.py ./public` 2. 向所有页面添加必要的元标记（标题、描述、视口） 3. 确保正确的标题结构（每页一个 H1） 4. 为所有图像添加替代文本 5. 在主页上实施组织架构 6. 生成站点地图：`python script/generate_sitemap.py ./public https://yourdomain.com` 7. 从模板创建robots.txt 8. 部署站点地图并将其提交到搜索引擎 ### 模式 2：现有网站审核对于需要优化的现有网站： 1.运行综合分析：`python script/seo_analyzer.py ./public` 2. 确定问题并确定优先级（关键优先） 3.修复所有页面的关键问题 4. 添加缺少的 Open Graph 和 Twitter Card 标签 5. 为适当的页面实现模式标记 6. 重新生成带有更新的站点地图 7. 使用分析器验证修复 8. 部署和监控 ### 模式3：单页优化优化特定页面： 1.分析具体文件：`python script/seo_analyzer.py page.html` 2. 修复已发现的问题 3.优化目标关键词的标题和元描述 4. 确保正确的标题层次结构 5. 为页面类型添加适当的架构标记 6. 用分析仪验证 7. 如果有新页面，则更新站点地图 ### 模式 4：博客文章优化对于博客文章和文章： 1.确保标题（50-60个字符）与目标关键字唯一 2. 编写引人注目的元描述（150-160 个字符） 3.使用单个H1作为文章标题 4. 为部分实施适当的 H2/H3 层次结构 5. 为所有图像添加替代文本 6. 实现文章或 BlogPosting 模式（参见 `references/schema_markup_guide.md`） 7. 添加 Open Graph 和 Twitter Card 标签以进行社交分享 8. 包含作者信息 9. 添加面包屑导航模式 ## 参考资料 ### 详细指南 **`references/seo_checklist.md`** ：涵盖所有 SEO 方面的综合清单： * 标题标签和元描述指南 * 标题结构最佳实践 * 图像优化技术 * URL结构建议 * 内部链接策略 * 页面速度优化 * 移动端优化要求 * 语义 HTML 使用 * 完整的 SEO 技术清单有关任何 SEO 元素的详细规范，请参考此内容。 **`references/schema_markup_guide.md`** ：实现 schema.org 结构化数据的完整指南： * JSON-LD实现（推荐格式） * 10+种常见模式类型及示例 * 组织、本地业务、文章、博客发布、常见问题解答、产品等。 * 每种类型所需的属性 * 最佳实践和常见错误 * 验证工具和资源在为任何内容类型实现架构标记时请参考此内容。 ### 脚本 **`scripts/seo_analyzer.py`**：用于自动 SEO 分析的 Python 脚本。分析 HTML 文件中的常见问题并生成详细报告。可以输出文本或JSON格式。重复分析具有确定性和可靠性。 **`scripts/generate_sitemap.py`** ：用于生成 XML 站点地图的 Python 脚本。自动抓取目录，估计优先级和更改频率，并生成格式正确的站点地图，准备提交给搜索引擎。 ### 资产 **`assets/robots.txt`** ：具有常见配置和注释的模板 robots.txt 文件。根据特定需求进行定制并放置在网站根目录中。 ## 关键原则 1. **用户至上**：首先针对用户进行优化，其次是搜索引擎。良好的用户体验带来更好的搜索引擎优化。 2. **独特的内容**：每个页面都应该有独特的标题、描述和H1。重复的内容会损害搜索引擎优化。 3. **移动优先**：Google 使用移动优先索引。始终包含视口元标记并确保移动响应能力。 4. **可访问性 = SEO** ：可访问的网站（替代文本、语义 HTML、正确标题）排名更好。 5. **质量重于数量**：实质性、有价值的内容比单薄的内容排名更好。目标是全面的页面。 6. **技术基础**：在高级优化之前修复关键技术问题（缺少标签、破坏结构）。 7. **结构化数据**：架构标记有助于搜索引擎理解内容并产生丰富的结果。 8. **定期更新**：SEO 正在进行中。保持内容新鲜、监控分析并适应算法变化。 9. **自然语言**：使用自然语言为人类编写。避免关键词堆砌。 10. **验证**：在部署到生产环境之前，始终使用测试工具验证更改。 ## 发挥最大影响力的技巧 * **从关键问题开始**：首先修复丢失的标题标签和元描述 - 这些影响最大 * **保持一致** ：在所有页面上应用优化，而不仅仅是主页 * **使用语义 HTML** ：使用正确的 HTML5 语义标签（`<header>`、`<nav>`、`<main>`、`<article>`、`<aside>`、`<footer>`） * **优化图像**：压缩图像，使用描述性文件名，始终包含替代文本 * **内部链接**：链接到带有描述性锚文本的相关页面 * **页面速度很重要**：快速加载的页面排名更好 * **在移动设备上测试**：大多数搜索都是移动设备 - 确保出色的移动体验 * **监控 Search Console** ：使用 Google Search Console 跟踪性能并识别问题 * **定期更新**：新鲜的内容标志着活跃、有价值的网站 ## 快速参考命令 # 分析单个文件 python 脚本/seo_analyzer.py index.html # 分析整个网站 python 脚本/seo_analyzer.py ./public # 生成站点地图 python 脚本/generate_sitemap.py ./public https://example.com # 获取JSON分析输出 python 脚本/seo_analyzer.py ./public --json</article></body></html>

搜索引擎优化优化器

包含技能