landing-page-generator

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Pages: Landing Page

页面模块：Landing Page

Guides campaign landing page structure, conversion flow, and optimization. Primary use: Paid ads (PPC/SEM) — landing pages are typically built to receive paid traffic; ad-to-page alignment is critical for conversion. See paid-ads-strategy for when to use paid ads and ad-to-page alignment principles. Also applies to affiliate signup, product launch, lead capture, webinar registration, and other single-goal conversion pages. Scale: When building many landing pages (city-specific, product-specific, integration-specific), use programmatic-seo (template + data) and template-page-generator for template design. Differs from homepage (multi-purpose) and product pages (catalog).

When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.

指导活动Landing Page的结构、转化流程与优化。核心用途：付费广告（PPC/SEM） —— Landing Page通常用于承接付费流量，广告与页面的匹配度对转化至关重要。如需了解付费广告的使用场景及广告与页面的匹配原则，请参考 paid-ads-strategy。本指南也适用于 affiliate 注册、产品发布、线索捕获、 webinar 注册等其他单目标转化页面。规模化场景：当需要搭建大量Landing Page（按城市、产品、集成能力区分）时，可使用 programmatic-seo（模板+数据）和 template-page-generator 完成模板设计。Landing Page与多用途首页、 catalog 类产品页存在差异。

调用规则：首次调用时如果适用，可以先用1-2句话介绍本技能覆盖的范围及价值，再输出核心内容。后续调用或用户要求跳过介绍时，直接输出核心内容即可。

Paid Ads: LP Requirements

付费广告：LP 要求

When LP receives paid traffic: ad promise on page immediately; mobile-first (CTA above fold, fast load); minimal form (fewer fields); trust above fold. See paid-ads-strategy for full ad-to-page alignment and Quality Score.

当LP承接付费流量时，需在页面第一时间展示广告承诺；优先适配移动端（CTA位于首屏、加载速度快）；表单尽可能精简（字段越少越好）；首屏展示信任背书。完整的广告与页面匹配规则及质量分要求请参考 paid-ads-strategy。

Initial Assessment

初始评估

Check for product marketing context first: If

.claude/product-marketing-context.md

.cursor/product-marketing-context.md

exists, read it for product, audience, and value proposition.

Identify:

Page goal: Signup, purchase, lead capture, webinar, download
Traffic source: Paid ads, email, affiliate, organic
Audience: Cold vs warm; segment if known

优先核实产品营销背景：如果存在

.claude/product-marketing-context.md

或

.cursor/product-marketing-context.md

文件，先读取文件中的产品、受众、价值主张信息。

明确以下信息：

页面目标：注册、购买、线索捕获、 webinar 、下载
流量来源：付费广告、邮件、affiliate、自然流量
受众属性：冷受众/暖受众；已知受众分层可进一步细化

Landing Page Structure (5-Step Flow)

Landing Page 结构（5步转化流）

Step	Purpose	Elements
1. Stop the scroll	Capture attention in ~2.6 seconds	Headline, subheadline, hero image or video
2. Earn trust	Social proof before the ask	Logos, testimonials, ratings, customer count
3. Explain value	Benefits, features, use cases	Clear copy; who it's for, what it does
4. Remove doubt	Objection handling	FAQ, guarantees, comparison
5. Make the ask	Single primary CTA	One clear action; repeat at logical points

Every element should serve one of these five functions. Pages with multiple competing offers get ~266% fewer leads.

步骤	目标	包含元素
1. 停止滑动	约2.6秒内捕获用户注意力	标题、副标题、首屏图或视频
2. 建立信任	在提出转化诉求前提供社交证明	合作品牌标识、客户证言、评分、客户规模数据
3. 传递价值	介绍收益、功能、使用场景	清晰的文案说明：适用人群、产品价值
4. 消除疑虑	处理用户异议	FAQ、保障承诺、竞品对比
5. 提出诉求	单一核心CTA	一个明确的行动号召，在逻辑合理的位置重复出现

所有元素都应该服务于以上五个功能之一。包含多个相互竞争的转化offer的页面，获取的线索量会减少约266%。

Headline Formula

标题公式

[Who it's for] + [Specific outcome] + [Time/qualifier]

Avoid: Abstract promises ("Unlock your potential," "Transform your business")
Prefer: Concrete ("Cut invoice processing by 70%—without new software")

[适用人群] + [明确结果] + [时间/限制条件]

避免：抽象的承诺（如「释放你的潜力」、「变革你的业务」）
推荐：具体的表述（如「无需新增软件，即可将发票处理效率提升70%」）

CTA Best Practices

CTA 最佳实践

One primary CTA: No competing actions; create a "one-way street" toward conversion
Above the fold on mobile: Thumb-reachable; ~65%+ traffic is mobile
Value-focused copy: "Start Free Trial" not "Submit"
Pair with trust signals: Customer count, logos, or stats next to the button
Remove or minimize navigation: Can increase conversion 2–28%

仅保留一个核心CTA：不要出现相互竞争的行动，打造通往转化的「单行道」
移动端首屏展示：放在拇指可触达的位置；超过65%的流量来自移动端
文案突出价值：使用「开启免费试用」而非「提交」
搭配信任信号：按钮旁展示客户规模、合作品牌标识或数据
移除或精简导航：可提升2-28%的转化率

Programmatic Landing Pages (Scale)

程序化Landing Page（规模化场景）

When you need many landing pages (e.g., city-specific, product-specific, integration-specific), use programmatic-seo: one template + data = hundreds or thousands of LPs. Apply landing page structure (5-step flow, CTA, trust) to the template; see template-page-generator for template design. Example: "[Product] for [City]" LPs with local data; "[App A] + [App B]" integration signup pages.

当你需要搭建大量Landing Page（例如按城市、产品、集成能力区分的页面）时，可使用 programmatic-seo：一套模板 + 数据 = 成百上千个LP。将Landing Page结构（5步转化流、CTA、信任背书）应用到模板中；模板设计可参考 template-page-generator。示例：带有本地数据的「[产品名] 服务 [城市名]」LP、「[应用A] + [应用B] 集成」注册页。

Page Types

页面类型

Type	Use	CTA Destination
Click-through	Warm audience before sending to offer; best for SaaS, subscriptions	pricing-page, products-page, signup
Lead capture	Collect email for nurture; forms 5 fields or fewer (longer forms cause ~81% abandonment)	newsletter-signup, contact-page
Product-focused	Deep-dive features and benefits; product launch	products-page, features-page
Comparison	X vs Y; commercial intent	features-page, pricing-page
Use cases / Solutions	For integrated products hard to split into tools	features-page, services-page
Free tools	Standalone utilities; lead gen; same ICP; excerpt from product	tools-page-generator; tool page as LP when gated
Bridge/bonus	Extra incentive to purchase through your link	pricing-page, products-page
Webinar/event	Event registration; collect signups before live	resources-page (webinar as resource)

类型	用途	CTA 跳转目标
点击跳转型	面向暖受众，在跳转至 offer 前做铺垫；最适合SaaS、订阅类业务	pricing-page、products-page、signup
线索捕获型	收集邮箱用于后续培育；表单字段不超过5个（更长的表单会导致约81%的用户放弃）	newsletter-signup、contact-page
产品聚焦型	深度介绍功能和收益；用于产品发布	products-page、features-page
对比型	X vs Y 竞品对比；面向商业意图明确的受众	features-page、pricing-page
使用场景/解决方案型	适用于难以拆分为独立工具的集成类产品	features-page、services-page
免费工具型	独立工具；线索获取；面向相同的目标客户群；提取自产品核心功能	tools-page-generator；设置访问门槛时可直接将工具页作为LP
桥接/福利型	为通过你的链接购买提供额外激励	pricing-page、products-page
Webinar/活动型	活动注册；在直播前收集报名信息	resources-page（将webinar作为资源存放）

Landing Page ↔ Page Types (Content & Flow)

Landing Page ↔ 页面类型（内容与流转）

Pull content from (step 2–4):

customer-stories-page-generator: Testimonials, case studies for social proof; Challenge→Solution→Results snippets
faq-page-generator: Objection-handling FAQ section; reuse conversion-related Q&A
features-page-generator: Benefit-first feature copy for "Explain value" step
resources-page-generator: Lead magnet (ebook, template) as exchange for email; webinar as resource

CTA sends to:

pricing-page-generator: Click-through LP → pricing; signup, trial
products-page-generator: Product LP → product detail or catalog
services-page-generator: Service LP → contact, quote, booking
contact-page-generator: Lead capture LP → contact form; B2B demo request
affiliate-page-generator, creator-program: Partner signup = landing page type

Internal linking:

Link LP to homepage (brand anchor); about-page (trust); privacy-page (form compliance)
Avoid orphan LPs: ensure at least one internal link from sitemap, nav, or campaign hub

可从以下模块提取内容（第2-4步）：

customer-stories-page-generator：用于社交证明的客户证言、案例研究；挑战→解决方案→结果的片段内容
faq-page-generator：用于处理异议的FAQ板块；可复用与转化相关的问答内容
features-page-generator：「传递价值」步骤中收益优先的功能介绍文案
resources-page-generator：作为邮箱交换的线索磁石（电子书、模板）；作为资源的webinar

CTA 可跳转至：

pricing-page-generator：点击跳转型LP → 定价页；注册、试用
products-page-generator：产品型LP → 产品详情页或 catalog
services-page-generator：服务型LP → 联系页、报价页、预约页
contact-page-generator：线索捕获型LP → 联系表单；B2B demo 申请
affiliate-page-generator、creator-program：合作伙伴注册类Landing Page

内链规则：

LP可链向首页（品牌锚点）；about-page（信任背书）；privacy-page（表单合规）
避免孤立LP：确保至少有一条来自站点地图、导航或活动中心的内链指向该页面

Performance and Design

性能与设计

Load time: Under 2.5 seconds; each extra second can cost ~7% conversion
Mobile-first: Responsive; CTA visible without scrolling
Visuals: Hero image or video can improve conversion up to 80%
Frontend aesthetics: For distinctive typography, motion, spatial composition, backgrounds—see brand-visual-generator Frontend Aesthetics
Disclosure: FTC-compliant affiliate/paid disclosure when applicable

加载时间：小于2.5秒；每多1秒加载时间会损失约7%的转化率
移动端优先：响应式适配；无需滑动即可看到CTA
视觉效果：首屏图或视频最多可提升80%的转化率
前端美学：如需特色排版、动效、空间布局、背景设计，可参考 brand-visual-generator 的前端美学部分
披露要求：适用场景下需提供符合FTC规范的affiliate/付费推广披露

Pre-Delivery Checklist

上线前检查清单

Before shipping a landing page, verify:

Category	Check
Visual	No emojis as icons (use SVG); icons from consistent set (Heroicons/Lucide); hover states don't cause layout shift
Interaction	All clickable elements have `cursor-pointer` ; hover provides clear feedback; transitions 150–300ms
Accessibility	Images have alt text; form inputs have labels; color not sole indicator; `prefers-reduced-motion` respected
Layout	No horizontal scroll on mobile; content not hidden behind fixed nav; responsive at 375px, 768px, 1024px
Performance	Load time under 2.5s; LCP optimized; images use WebP/lazy loading where appropriate
Images	See image-optimization for alt, format, responsive, lazy loading

发布Landing Page前，核实以下内容：

分类	检查项
视觉	不要用emoji作为图标（使用SVG）；图标来自统一的图标库（Heroicons/Lucide）；hover状态不会导致布局偏移
交互	所有可点击元素都设置 `cursor-pointer` ；hover有清晰的反馈；过渡动画时长150-300ms
无障碍	图片带有alt文本；表单输入框有对应标签；不将颜色作为唯一的指示方式；尊重 `prefers-reduced-motion` 设置
布局	移动端无横向滚动；内容不会被固定导航遮挡；在375px、768px、1024px宽度下适配正常
性能	加载时间小于2.5秒；LCP已优化；合适场景下图片使用WebP格式/懒加载
图片	alt文本、格式、响应式、懒加载要求参考 image-optimization

Output Format

输出格式

Headline and subheadline
Structure (5-step flow sections)
Trust signals placement
CTA copy and placement
Objection handling (FAQ, guarantees)
Internal links (destination pages)
SEO metadata (if page is indexed)

标题与副标题
结构（5步转化流对应的板块）
信任信号的摆放位置
CTA文案与摆放位置
异议处理（FAQ、保障承诺）
内链（跳转目标页面）
SEO元数据（如果页面需要被收录）