Seo Optimizer
SEO优化器
概述
此技能为HTML/CSS网站提供全面的SEO优化功能。它能分析网站的SEO问题,实施最佳实践,并生成涵盖所有关键SEO方面的优化报告,包括元标签、标题结构、图片优化、结构化数据标记、移动端优化和技术性SEO。
何时使用此技能
当用户提出以下请求时使用此技能:
- "分析我的网站是否存在SEO问题"
- "为这个页面进行SEO优化"
- "生成一份SEO审计报告"
- "修复我网站上的SEO问题"
- "为我的页面添加正确的元标签"
- "实施结构化数据标记"
- "生成网站地图"
- "提升我网站在搜索引擎中的排名"
- 任何与HTML/CSS网站搜索引擎优化相关的任务
工作流程
1. 初始SEO分析
首先使用SEO分析器脚本进行全面分析:
python scripts/seo_analyzer.py <directory_or_file>
该脚本分析HTML文件并生成一份详细报告,涵盖:
- 标题标签(长度、存在性、唯一性)
- 元描述(长度、存在性)
- 标题结构(H1-H6层级)
- 图片alt属性
- Open Graph标签
- Twitter Card标签
- Schema.org标记
- HTML lang属性
- 视口和字符集元标签
- 规范URL
- 内容长度
输出选项:
- 默认:包含问题、警告和良好实践的可读文本报告
--json:用于程序化处理的机器可读JSON格式
使用示例:
# Analyze single file
python scripts/seo_analyzer.py index.html
# Analyze entire directory
python scripts/seo_analyzer.py ./public
# Get JSON output
python scripts/seo_analyzer.py ./public --json
2. 查看分析结果
分析器将发现的问题分为三个级别:
关键问题(🔴)- 立即修复:
- 缺少标题标签
- 缺少元描述
- 缺少 H1 标题
- 图片缺少 alt 属性
- 缺少 HTML lang 属性
警告 (⚠️)- 为获得最佳 SEO 效果,请尽快修复:
- 标题/描述长度不理想
- 存在多个 H1 标签
- 缺少 Open Graph 或 Twitter Card 标签
- 缺少视口元标签
- 缺少结构化数据标记
- 标题层级结构问题
良好实践 (✅)- 已优化项:
- 元素格式正确
- 长度合适
- 所需标签已存在
3. 确定优先级并修复问题
按优先级顺序处理问题:
优先级 1:关键问题
缺失或质量不佳的标题标签:
<!-- Add unique, descriptive title to <head> -->
<title>Primary Keyword - Secondary Keyword | Brand Name</title>
- 保持50-60个字符
- 在开头包含目标关键词
- 确保每个页面都独一无二
缺失元描述:
<!-- Add compelling description to <head> -->
<meta name="description" content="Clear, concise description that includes target keywords and encourages clicks. 150-160 characters.">
缺失H1标签或多个H1标签:
- 确保每个页面有且仅有一个H1标签
- H1应描述页面主题
- 应与标题标签匹配或相关
图片缺少替代文本:
<!-- Add descriptive alt text to all images -->
<img src="image.jpg" alt="Descriptive text explaining image content">
缺失HTML语言属性:
<!-- Add to opening <html> tag -->
<html lang="en">
优先级2:重要优化项
视口元标签(对移动端SEO至关重要):
<meta name="viewport" content="width=device-width, initial-scale=1.0">
字符编码声明:
<meta charset="UTF-8">
开放图谱标签(用于社交媒体分享):
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Your page description">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page-url">
<meta property="og:type" content="website">
推特卡片标签规范网址
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Your Page Title">
<meta name="twitter:description" content="Your page description">
<meta name="twitter:image" content="https://example.com/image.jpg">
优先级 3:高级优化结构化数据标记
<link rel="canonical" href="https://example.com/preferred-url">
- 请参考
references/schema_markup_guide.md了解详细实施方案。常见类型:组织(主页)文章/博客文章
- 本地商家
- 面包屑导航
- 常见问题解答页面
- 产品(电子商务)
- 实施示例:
- 4. 生成或更新网站地图
修复问题后,生成 XML 网站地图:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Article Title",
"author": {
"@type": "Person",
"name": "Author Name"
},
"datePublished": "2024-01-15",
"image": "https://example.com/image.jpg"
}
</script>
示例
该脚本:
python scripts/generate_sitemap.py <directory> <base_url> [output_file]
自动查找所有 HTML 文件生成正确的网址
# Generate sitemap for website
python scripts/generate_sitemap.py ./public https://example.com
# Specify output location
python scripts/generate_sitemap.py ./public https://example.com ./public/sitemap.xml
包含最后修改日期
- Automatically finds all HTML files
- Generates proper URLs
- Includes lastmod dates
- 估算优先级和更新频率值
- 创建格式正确的XML站点地图
生成后:
- 将sitemap.xml上传至网站根目录
- 在robots.txt中添加引用
- 提交至Google搜索控制台和Bing网站管理员工具
5. 更新robots.txt
使用来自assets/robots.txt的模板并自定义:
User-agent: *
Allow: /
# Block sensitive directories
Disallow: /admin/
Disallow: /private/
# Reference your sitemap
Sitemap: https://yourdomain.com/sitemap.xml
将robots.txt放置在网站根目录。
6. 验证与测试
实施修复后:
本地测试:
- 再次运行SEO分析器以验证修复
- 检查所有关键问题是否已解决
- 确保未引入新问题
在线测试:
- 将更改部署至生产环境
- 使用Google富媒体搜索结果测试:https://search.google.com/test/rich-results
- 验证Schema标记:https://validator.schema.org/
- 检查移动设备友好性:https://search.google.com/test/mobile-friendly
- 在Google Search Console中进行监控
7. 持续优化
定期维护:
- 添加新页面时更新网站地图
- 保持元描述内容新颖且具有吸引力
- 确保新图片添加替代文本
- 为新内容类型添加Schema标记
- 在Search Console中监控问题
- 定期更新内容
常见优化模式
模式1:新网站设置
针对全新的HTML/CSS网站:
- 运行初始分析:
python scripts/seo_analyzer.py ./public - 为所有页面添加必要的元标签(标题、描述、视口设置)
- 确保正确的标题结构(每个页面一个H1标题)
- 为所有图片添加替代文本
- 在首页实施组织架构标记
- 生成站点地图:
python scripts/generate_sitemap.py ./public https://yourdomain.com - 根据模板创建robots.txt文件
- 部署并将站点地图提交给搜索引擎
模式二:现有网站审计
针对需要优化的现有网站:
- 运行全面分析:
python scripts/seo_analyzer.py ./public - 识别并优先处理问题(关键问题优先)
- 修复所有页面的关键问题
- 添加缺失的Open Graph和Twitter Card标签
- 为适当的页面实施结构化数据标记
- 根据更新重新生成站点地图
- 使用分析工具验证修复效果
- 部署并监控
模式3:单页面优化
针对优化特定页面:
- 分析特定文件:
python scripts/seo_analyzer.py page.html - 修复识别出的问题
- 针对目标关键词优化标题和元描述
- 确保正确的标题层级结构
- 根据页面类型添加适当的Schema标记
- 使用分析器验证
- 如果是新页面,则更新站点地图
模式4:博客文章优化
针对博客文章和内容:
- 确保标题唯一(50-60个字符)并包含目标关键词
- 撰写吸引人的元描述(150-160个字符)
- 文章标题使用单个H1
- 为章节实现正确的H2/H3层级结构
- 为所有图片添加替代文本
- 实现Article或BlogPosting类型的Schema标记(参见
references/schema_markup_guide.md) - 添加用于社交分享的Open Graph和Twitter Card标签
- 包含作者信息
- 为导航添加面包屑模式
参考资料
详细指南
references/seo_checklist.md:
涵盖所有SEO方面的全面检查清单:
- 标题标签和元描述指南
- 标题结构最佳实践
- 图像优化技术
- URL结构建议
- 内部链接策略
- 页面速度优化
- 移动设备优化要求
- 语义化HTML的使用
- 完整的技术SEO检查清单
关于任何SEO要素的详细规范,请参考此文件。
references/schema_markup_guide.md:
实施schema.org结构化数据的完整指南:
- JSON-LD实现(推荐格式)
- 10+ 种常见的Schema类型及示例
- 组织、本地商家、文章、博客文章、常见问题解答、产品等。
- 每种类型所需的属性
- 最佳实践和常见错误
- 验证工具和资源
为任何内容类型实施Schema标记时请参考此内容。
脚本
scripts/seo_analyzer.py:
用于自动化SEO分析的Python脚本。分析HTML文件中的常见问题并生成详细报告。可以输出文本或JSON格式。对于重复分析具有确定性和可靠性。
scripts/generate_sitemap.py:
用于生成XML站点地图的Python脚本。自动爬取目录、估算优先级和变更频率,并生成格式正确、可供提交给搜索引擎的站点地图。
资源文件
assets/robots.txt:
包含常见配置和注释的robots.txt模板文件。可根据特定需求自定义,并放置在网站根目录中。
关键原则
-
用户至上首先优化用户体验,其次考虑搜索引擎优化。良好的用户体验能带来更好的SEO效果。
-
内容独特性每个页面都应具有独特的标题、描述和H1标签。重复内容会损害SEO。
-
移动优先谷歌采用移动优先索引。务必包含视口元标签,并确保移动设备适配。
-
可访问性等于SEO可访问性强的网站(如使用替代文本、语义化HTML、正确的标题结构)排名更佳。
-
质量优于数量丰富且有价值的内容比浅薄内容更容易获得高排名。力求页面内容全面深入。
-
技术基础在进行高级优化之前,先解决关键的技术问题(如缺失标签、结构错误)。
-
结构化数据Schema标记有助于搜索引擎理解内容,并可能带来丰富的搜索结果展示。
-
定期更新SEO是持续性的工作。保持内容新鲜度,监控分析数据,并适应算法变化。
-
自然语言使用自然语言为用户写作。避免关键词堆砌。
-
验证:在部署到生产环境前,务必使用测试工具验证所有变更。
实现最大效果的技巧
- 从关键问题入手:优先修复缺失的标题标签和元描述——这些对效果影响最大
- 保持一致性:将优化措施应用到所有页面,不仅限于首页
- 使用语义化HTML:使用正确的HTML5语义标签(
<header>、<nav>、<main>、<article>、<aside>、<footer>) - 优化图片:压缩图片、使用描述性文件名、始终添加替代文本
- 内链优化:使用描述性锚文本链接到相关页面
- 页面加载速度至关重要:快速加载的页面在排名中更具优势
- 移动端测试:多数搜索来自移动设备——确保卓越的移动端体验
- 监控搜索控制台:使用谷歌搜索控制台跟踪表现并发现问题
- 定期更新内容:新鲜内容体现网站的活跃度与价值
快捷操作命令
# Analyze single file
python scripts/seo_analyzer.py index.html
# Analyze entire website
python scripts/seo_analyzer.py ./public
# Generate sitemap
python scripts/generate_sitemap.py ./public https://example.com
# Get JSON analysis output
python scripts/seo_analyzer.py ./public --json


微信扫一扫,打赏作者吧~