Communitygithub.com

Demian-T/plugin-landing-page-creation——SEO着陆页规划器

在编写代码前为着陆页生成完整的SEO计划,涵盖站点架构、每页元标签、Schema标记类型、XML站点地图配置、robots.txt以及AI搜索优化提示。在 landing-page-copy 之后、代码构建之前调用。输入:公司名称、行业、页面列表、内容概要。

plugin-landing-page-creation——SEO着陆页规划器 是什么?

该技能(Demian-T/plugin-landing-page-creation)专注在代码编写之前,为着陆页生成一个结构化的全方位SEO计划。它不生成任何代码,而是输出一份可直接注入到 `app/layout.tsx`、`app/sitemap.ts`、`app/robots.ts` 以及每页元数据中的SEO配置。技能支持六大步骤:第1步验证站点架构,评估默认页面集是否适合该行业,并建议增加高意图关键词页面;第2步为每页生成标题、描述、Open Graph等元标签,严格遵循字数与关键词放置规则;第3步规划JSON-LD Schema标记,包括组织、产品、文章、面包屑等类型,并对SaaS/技术行业提供SoftwareApplication Schema建议;第4步配置XML站点地图,基于转化意图调整优先级和更新频率;第5步提供核心网页指标(CWV)优化提示,涵盖图片、字体、CSS和JS的最佳实践;第6步给出AI SEO(可引用性)提示,指导构建语义化HTML结构以利于AI概览和答案引擎引用。最终输出包含页面列表、元标签、Schema计划、站点地图配置和构建提示的完整SEO计划。该技能适用于Claude Code、Cursor、Codex等AI代码助手,帮助开发者在编码前预先确定SEO策略,避免后期返工。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Demian-T/plugin-landing-page-creation/tree/HEAD/skills/landing-page-seo

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

着陆页 SEO 规划器

生成一个结构化的SEO计划,覆盖所有页面。不包含代码——仅限可注入到 app/layout.tsx、app/sitemap.ts、app/robots.ts 以及每页元数据中的SEO配置。

输入

  • {company_name} — 品牌名称
  • {industry} — 行业
  • {pages} — 需要覆盖的页面列表(默认:/、/tarifs、/a-propos、/blog、/cas-clients)
  • {content_brief} —— 来自 landing-page-copy 的Hero标题、功能介绍文案等

第1步 — 站点架构验证

评估默认页面集对该行业是否最优。问询:

  1. 该行业是否需要独立的 /contact 或 /demo 页面?(B2B SaaS → 是)
  2. 是否缺少高意图关键词页面?(例如 /comparatif、/alternatives-[competitor]、/[use-case])
  3. /blog 应该改为 /ressources 还是 /guides 更适合该行业?
  4. 定价页面是否需要独立的 /tarifs,还是用 #pricing 锚点即可?

输出最终页面列表,包含URL、标题和目的。默认:

URL页面标题目的
/首页转化 — 英雄区 + 佐证 + 功能
/tarifs价格方案比较、升级意图
/a-propos关于我们建立信任、品牌故事
/blog博客SEO 自然流量
/cas-clients客户案例信任 + 决策阶段

若行业有充分理由,最多增加2个额外页面。


第2步 — 每页元标签

为每个页面生成:

page:         [url]
title:        [50-60字符。主要关键词尽量靠前。品牌放在最后,用 " | " 分隔]
description:  [140-160字符。动词开头。体现好处。软性CTA。包含主要关键词。]
og_title:     [与标题相同或稍更具吸引力]
og_description: [与描述相同或更口语化的变体]
keywords:     [本页的3-5个主要关键词]

标题标签规则:

  • 首页:{主要关键词} | {公司名称} 或 {公司名称} — {核心价值主张}
  • 功能/定价页面:{功能/价格} {公司} — {好处}
  • 博客:{文章标题} | {公司博客}
  • 50-60字符,避免SERP截断

元描述规则:

  • 每页唯一——不复制粘贴
  • 自然地包含主要关键词
  • 软性CTA:"发现"、"免费开始"、"比较方案"
  • 140-160字符以内

第3步 — Schema 标记计划

为每个页面指定需要实现的 JSON-LD Schema:

首页 (/)

Organization {
  name, url, logo, description,
  sameAs: [社交媒体资料URL — LinkedIn、Twitter/X、GitHub(如相关)],
  contactPoint: { contactType: "客户服务", availableLanguage: "法语" }
}
WebSite {
  name, url,
  potentialAction: SearchAction(如果网站有搜索功能)
}

定价 (/tarifs)

// 对于每个方案:
Offer {
  name, price, priceCurrency, description,
  seller: { "@type": "Organization", name }
}
FAQPage(如果存在定价FAQ区域){
  mainEntity: [{ "@type": "Question", name, acceptedAnswer }]
}

博客文章页面

Article {
  headline, datePublished, dateModified,
  author: { "@type": "Organization", name },
  publisher: { "@type": "Organization", name, logo },
  image, description
}
BreadcrumbList {
  itemListElement: [首页 → 博客 → 文章]
}

案例研究页面

Article (type: "TechArticle" 或通用)
BreadcrumbList {
  itemListElement: [首页 → 客户案例 → 案例名称]
}

关于 (/a-propos)

AboutPage {
  name, description, url,
  mainEntity: Organization(与首页相同)
}

SoftwareApplication Schema —— 如果行业是SaaS/技术,则添加到首页:

SoftwareApplication {
  name, applicationCategory: "BusinessApplication",
  operatingSystem: "Web",
  offers: { price, priceCurrency }
}

第4步 — XML 站点地图配置

// sitemap.ts entries
pages: [
  { url: "/",            changeFreq: "weekly",  priority: 1.0 },
  { url: "/tarifs",      changeFreq: "weekly",  priority: 0.9 },
  { url: "/a-propos",    changeFreq: "monthly", priority: 0.6 },
  { url: "/blog",        changeFreq: "daily",   priority: 0.8 },
  { url: "/cas-clients", changeFreq: "monthly", priority: 0.7 },
  // 博客文章:       changeFreq: "monthly",  priority: 0.6
  // 案例研究:     changeFreq: "monthly",  priority: 0.7
]

根据转化意图调整优先级:

  • 高转化意图页面(/、/tarifs):0.9-1.0
  • 信任/中间漏斗页面(/cas-clients):0.7-0.8
  • 顶部漏斗/内容页面(/blog、/a-propos):0.5-0.7

第5步 — 核心网页指标提示

根据规划的组件,标记以下构建时优化点:

图片:

  • 使用 next/image 并为英雄区的图片设置 priority={true}
  • 通过 unoptimized: true(静态导出)使用 WebP 格式 + 预优化资源
  • 显式指定 width 和 height 以防止 CLS

字体:

  • 使用 next/font/google 并设置 display: 'swap'
  • 在 <head> 中添加 preconnect 指向 fonts.googleapis.com

CSS:

  • 使用 CSS 变量——避免主题切换时类名重新计算
  • 避免在 CSS 中使用 @import(改用 next/font)

JavaScript:

  • 仅交互组件(DarkModeToggle、ContactForm、Pricing 切换)使用 'use client'
  • 静态区域(英雄区文字、功能、页脚)使用服务器组件 = 无 JS 包开销

第6步 — AI SEO(可引用性)提示

为了让 AI 概览、Perplexity、ChatGPT 能够引用本网站:

代码生成阶段的结构提示:

  • FAQ 区域必须使用 <dl> 或语义化的问答 HTML(而非仅 div/p)
  • 英雄区中的统计数字应使用 <data value="X"> 包裹
  • 博客文章需要使用 <article> 搭配 <time datetime="..."> 和清晰的 <h1>
  • 案例研究需要明确的 "挑战 / 解决方案 / 结果" 的 H2 结构
  • 关于页面需要使用 <address> 标记公司联系信息

内容提示:

  • 包含 1-2 个直接回答 "什么是 {company_name}?" 和 "{company_name} 如何工作?" 的 FAQ 答案(这些会被 AI 直接引用)
  • 博客文章的第一段应包含 TL;DR 摘要
  • 统计数据必须包含来源/上下文(即使是内部数据也要注明:"基于客户数据")

输出格式

将计划输出为 SEO_PLAN:

## SEO_PLAN

### page_list
[最终的页面列表及任何添加]

### meta_tags
[每页的title、description、og_title、og_description、keywords]

### schema_plan
[每页的Schema类型 + 关键字段]

### sitemap_config
[每页的优先级 + 更新频率]

### build_hints
[核心网页指标 + AI SEO 提示,传递给代码生成阶段]

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

相关技能