addyosmani/seo

seo 是做什么的？

优化搜索引擎可见性和排名。当被要求“改善SEO”、“优化搜索”、“修复元标记”、“添加结构化数据”、“优化站点地图”或“搜索引擎优化”时使用。

概述

此技能提供了一套全面的**搜索引擎优化（SEO）**最佳实践，可帮助AI代理和开发者提升网站的搜索可见性。它包括：

• 元标记优化：优化标题、描述、开放图谱标签和机器人元标记。
• 结构化数据：添加JSON-LD模式标记（如文章、产品、常见问题、面包屑导航）。
• 站点地图：生成和优化XML站点地图并提交给搜索引擎。
• 性能：改进核心网页指标（LCP、FID、CLS）和页面速度。
• 内容：优化标题、段落、内部链接和Alt文本。
• 技术SEO：规范URL、修复断链、改进爬取预算和网站架构。

使用方法

只需在您的提示中包含上述关键词短语之一即可。该技能会分析当前页面或代码库并提供具体的优化建议。

改进这个页面的SEO，使其针对“最佳JavaScript框架”进行排名

平台支持

• 通用：适用于任何静态或动态网站。
• WordPress：建议Yoast SEO、Rank Math或All in One SEO插件。
• Next.js：使用next/head或next-seo库进行元标记管理。
• Nuxt.js：使用@nuxtjs/head或nuxt-seo模块。

SEO工具集成

技能可以建议与以下工具一起使用：

• Google Search Console：监控表现、索引状态和点击率。
• Ahrefs/Semrush：进行关键词研究、反向链接分析和竞争分析。
• Lighthouse：审核性能、可访问性和SEO。
• Schema.org：结构数据验证和测试。

示例用法

1. 元标记优化

<!-- 之前 -->
<title>主页</title>
<meta name="description" content="欢迎">

<!-- 之后 -->
<title>最佳JavaScript框架2024 | 综合指南</title>
<meta name="description" content="发现2024年最好的JavaScript框架。比较React、Vue、Angular和Svelte的功能、性能和用例。">
<meta property="og:title" content="最佳JavaScript框架2024 | 综合指南">
<meta property="og:description" content="发现2024年最好的JavaScript框架。比较React、Vue、Angular和Svelte的功能、性能和用例。">

2. 结构化数据（JSON-LD）

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "最佳JavaScript框架2024",
  "description": "发现2024年最好的JavaScript框架。",
  "author": {
    "@type": "Person",
    "name": "John Doe"
  },
  "datePublished": "2024-01-15",
  "image": "https://example.com/image.jpg"
}

3. robots.txt文件

User-agent: *
Allow: /
Sitemap: https://example.com/sitemap.xml

常见任务

• 为每个页面添加唯一且描述性的标题
• 编写不超过160个字符的元描述
• 实施结构化数据（文章、产品、常见问题）
• 生成并提交XML站点地图
• 优化图片Alt文本
• 修复断链和404错误
• 改进页面加载速度
• 确保移动端友好性
• 添加规范URL
• 优化内部链接结构

提示

• 始终将标题标签保持在60个字符以下，以在搜索结果中完整显示。
• 为图像使用描述性文件名（如best-javascript-frameworks-2024.jpg）。
• 优先考虑HTTP/2、图像优化（WebP）和延迟加载。
• 确保页面包含至少300个单词以满足搜索引擎内容深度要求。
• 使用面包屑导航改善网站架构和SEO。