mcpField
L
landing-page

landing-page

github.com/mengto营销与增长7.1k2.1k 次安装3 天前更新
代码仓库

关于 landing-page

面向设计师与文案人员的高转化落地页设计技能,围绕单一受众、报价和主要行动组织内容。提供页面结构、文案模板、转化建议及 SEO 检查清单。

主要功能

  1. 01明确受众、报价与转化目标
  2. 02规划页面分区与内容顺序
  3. 03撰写标题、CTA 和利益点
  4. 04处理异议并展示可信证明
  5. 05提供 SEO 与索引建议

适用场景

  1. 01为试用或购买活动制定落地页
  2. 02按广告流量调整页面主张
  3. 03为高意向访问者设计简版页面

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/mengto/skills --skill landing-page

安装后在 Claude Code 中输入/landing-page确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

REFERENCES.md
demo/
index.html
PROMPT.md

详细介绍

落地页(高转化)——网页设计技能

落地页不是首页。 首页服务于多种意图。 落地页只实现一种意图:一个优惠 → 一个受众 → 一个主要行动。

设计/撰写前

收集以下信息(如有缺失,请询问):

1)页面目的
  • 唯一的主要行动是什么?(试用、演示、购买、候补名单、下载)
  • 提供的优惠是什么?(用户具体能得到什么?)
  • 怎样才算转化?(点击、注册、购买)
2)受众与背景
  • 理想客户画像(ICP)是谁?
  • 他们想解决什么问题?
  • 最主要的 3 个顾虑是什么(他们今天为何没有转化)?
  • 流量来源:广告/搜索/社交媒体/电子邮件
  • 访客访问页面时已经了解什么?
3)证明材料与素材
  • 有哪些证明材料:徽标、用户评价、数据、案例研究
  • 屏幕截图、演示视频、产品 GIF
  • 保证/退款/取消条款
4)限制条件
  • 品牌语气:随意还是专业
  • 设计方向:极简编辑风、俏皮 3D 风还是玻璃拟态 UI
  • 是否优先考虑移动端?

核心结构(应包含的内容)

首屏(必需)

1)标题(成果 + 受众) 2)副标题(说明“如何实现” + 补充具体信息) 3)主要 CTA(明确的动词 + 用户能得到什么) 4)一项证明信号(徽标栏/数据/简短评价) 5)主视觉(产品屏幕截图/视频)或有力的插画

页面中部(论证)

6)问题 → 解决方案(1 个版块) 7)优势(3–5 项,以成果为导向) 8)工作原理(3 个步骤) 9)社会认同(用户评价/案例研究)

页面底部(消除顾虑)

10)常见问题(6–12 个问答) 11)降低风险(试用、随时取消、保证) 12)最终 CTA(与顶部相同)


布局类型(选择一种)

A)经典主视觉 + 多个版块(最常见)

适用情况:

  • 通过主视觉屏幕截图就能让人理解产品
B)长篇叙事(销售页)

适用情况:

  • 需要进行介绍并消除疑虑
C)极简转化页

适用情况:

  • 高意向流量(电子邮件 → 已知用户)
  • 简短的优惠(下载、候补名单)
D)对比落地页

适用情况:

  • 搜索意图包含替代方案(“X 与 Y 对比”、“最适合……的产品”)——通常与 SEO 页面搭配使用

高转化策略(实用)

1)让信息与流量来源相匹配

如果流量来自广告:

  • 在主视觉中沿用广告标题
  • 使用相同的承诺和视觉风格
2)让下一步一目了然
  • 只设置一个主要 CTA
  • 避免在首屏设置多个相互竞争的 CTA
3)先写优势
  • 功能:产品能做什么
  • 优势:这对用户意味着什么
4)使用具体描述
  • ❌“节省时间,提高效率”
  • ✅“将每周报告的制作时间从 4 小时缩短至 15 分钟”
5)降低风险

至少选择一项:

  • 免费试用
  • 免费套餐
  • 无需信用卡
  • 随时取消
  • 退款保证
6)消除顾虑应单独设置版块,而不是放在页脚
  • 如果优惠的转化门槛较高,可将常见问题提前
  • 将证明材料放在其支持的主张旁边

文案模板

标题公式
  • “无需{痛点},即可实现{成果}”
  • “面向{受众}的{类别}产品”
  • “在{时间}内交付{成果}”
副标题规则
  • 1–2 句话
  • 说明产品是什么,以及适用对象
CTA 规则
  • 动词 + 用户能得到什么
  • 避免使用弱 CTA:“了解更多”、“提交”

示例:

  • “开始免费试用”
  • “预约演示”
  • “获取清单”
优势要点

格式:

  • 优势 — 证明/细节

示例:

  • 更快迭代 — 一键生成 3 种布局方案。

分版块工作流程(便于设计师执行)

按以下顺序开展工作: 1)主视觉 2)优势 3)工作原理 4)证明材料 5)常见问题 6)最终 CTA

规则:不要每次都重做整个页面。 逐个版块迭代,以便掌控进度。


SEO + AEO 检查清单(适用时)

不应编入索引的落地页
  • 仅用于广告的营销活动
  • 时效性很强的优惠

使用:

  • noindex(或将其放在不编入索引的路径下)
适合被索引的页面
  • 长期有效的优惠
  • 搜索意图与承诺相符

添加:

  • 清晰的标题和元描述
  • 从首页/功能页面添加内部链接
  • 以纯问答形式呈现的 FAQ,便于 AEO

可选:

  • FAQ schema(如适用)

常见问题

  • 首屏上方的 CTA 太多
  • 价值主张含糊(“简化”“优化”)
  • 罗列大量功能,却没有说明能带来什么成果
  • 证明材料藏在页面底部
  • 移动端布局影响可读性
  • 没有明确的下一步

输出格式(生成落地页时)

返回:

  1. 页面大纲(各版块及顺序)
  2. 首屏文案(标题、副标题、CTA、证明文案)
  3. 优势版块(3–5 条)
  4. 工作原理(3 个步骤)
  5. FAQ(6–12 个问答)
  6. SEO/AEO(索引建议 + 若需索引,则提供标题/元描述)
  7. 布局建议(A/B/C/D + 原因)

快速提问(用户说“制作落地页”时)

  • 唯一的首要 CTA 是什么?
  • ICP 是谁?他们最主要的痛点是什么?
  • 有哪些证明材料(数据/客户评价/Logo)?
  • 优惠内容是什么?如何降低用户的决策风险?
  • 流量来自哪里?

评论

支持 Markdown