signup-login-page-generator

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Pages: Signup / Login

页面：注册/登录（Signup / Login）

Guides signup and login page structure, domain choice, modal vs dedicated page, discount integration, and SEO. Signup is the conversion endpoint from landing pages and pricing; when discounts apply at registration (e.g., student discount), signup is the P0 placement. Distinct from landing-page-generator (acquisition); newsletter-signup-generator (email capture only).

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.

本指南涵盖注册/登录页面的结构设计、域名选择、模态框与独立页选型、折扣功能集成以及SEO优化相关内容。注册页是落地页和定价页的转化终点；如果注册环节适用折扣（例如学生折扣），注册页是P0优先级的放置位置。与landing-page-generator（落地页生成器，用于获客）、**newsletter-signup-generator（通讯注册生成器，仅用于收集邮箱）**有明确区别。

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

Initial Assessment

初步评估

Check for project context first: If

.claude/project-context.md

.cursor/project-context.md

exists, read it for product, audience, and offers.

Identify:

Goal: Account creation, trial, paid signup
Discounts: Student, annual, promo code—apply at signup?
Auth: Self-built vs third-party (Auth0, Clerk, etc.)
Audience: General vs segmented (students, startups)

首先核对项目上下文：如果存在

.claude/project-context.md

或

.cursor/project-context.md

文件，读取其中的产品、受众和权益相关信息。

明确以下信息：

目标：创建账号、试用、付费注册
折扣：学生折扣、年付折扣、优惠码——是否在注册环节生效？
认证体系：自研 vs 第三方（Auth0、Clerk等）
受众：通用 vs 细分群体（学生、初创企业）

Domain & URL

域名与URL

Option	Use
Main domain	/signup, /login, /auth; simple; common for SaaS
Subdomain	auth.example.com; Universal Login pattern; credentials not cross-origin; requires Cookie domain config for cross-subdomain session
Third-party	Redirect to Auth0, Clerk, etc.; provider hosts auth

Paths: /signup, /login, /register, /auth; keep short and consistent.

选项	适用场景
主域名	/signup、/login、/auth；简单；SaaS产品常用
子域名	auth.example.com；通用登录模式；凭证不会跨域；跨子域名会话需要配置Cookie域名
第三方	重定向到Auth0、Clerk等；由服务提供商托管认证服务

路径：/signup、/login、/register、/auth；保持简短统一。

Modal vs Dedicated Page

模态框 vs 独立页面

Approach	Use
Dedicated page	Account creation; discount verification; student verification; higher-quality leads; fewer fake emails
Modal / popup	Lightweight lead capture; newsletter; quick demo request; lower quality, higher volume

When discount applies at signup (e.g., student 30% off): Use dedicated page—user needs space for verification, discount display, and form. Modal can work for simple email-only capture; avoid for full account + verification flows.

Mobile: Google penalizes intrusive interstitials; dedicated page avoids penalty.

方案	适用场景
独立页面	账号创建、折扣核验、学生身份核验；线索质量更高；虚假邮箱更少
模态框/弹窗	轻量线索收集、通讯订阅、快速Demo申请；质量更低，量级更高

注册环节适用折扣时（例如学生享30%折扣）：使用独立页面——用户需要足够空间完成核验、查看折扣、填写表单。模态框仅适用于简单的仅收集邮箱的场景；不建议用于完整账号创建+核验的流程。

移动端：谷歌会处罚侵入式插屏广告；独立页面可避免处罚。

Page Structure

页面结构

Section	Purpose
Headline	Value-focused; "Start free" or "Students: 30% off today, 15% off ongoing"
Trust signals	SSL, payment logos, privacy, customer logos; see trust-badges-generator
Media	Product screenshot, short video, or demo GIF above fold; reinforces value
Form	Minimal fields; email first; social login (Google, GitHub) reduces friction
Discount block	Student discount, annual discount, promo code; verification entry when applicable
Privacy / Terms	Links; compliance

模块	作用
标题	突出价值，例如"免费开始"或者"学生专属：首单立减30%，后续续费享15%优惠"
信任标识	SSL、支付品牌标识、隐私说明、客户logo；参考trust-badges-generator
媒体内容	首屏展示产品截图、短视频或者演示GIF，强化价值感知
表单	字段最少化；优先收集邮箱；提供Google、GitHub等社交登录降低摩擦
折扣模块	学生折扣、年付折扣、优惠码；必要时提供核验入口
隐私/服务条款	跳转链接，满足合规要求

Discount Integration

折扣集成

Student / Education (education-program)

学生/教育折扣（education-program）

Element	Placement
Headline or subhead	"Students: 30% off today, 15% off ongoing"
Verification	.edu, SheerID, UNiDAYS; verify at signup to apply discount
Eligibility	Brief eligibility; link to full terms

P0 placement: When student discount applies at registration, signup page is primary; pricing page and homepage banner are P1.

元素	放置位置
标题或副标题	"学生专属：首单立减30%，后续续费享15%优惠"
核验入口	.edu邮箱、SheerID、UNiDAYS；注册时核验后自动生效折扣
资格说明	简要说明适配人群，链接到完整条款

P0放置优先级：如果注册环节适用学生折扣，注册页是首要放置位置；定价页和首页横幅是P1优先级。

Other Discounts

其他折扣

Annual discount: Show when user selected annual plan from pricing; confirm before submit
Promo code: "Have a code?" link or inline field; validate before or after submit

年付折扣：用户从定价页选择年付方案时展示，提交前确认折扣
优惠码：提供"有优惠码？"链接或者内嵌输入框，提交前后均可核验

Form & Verification

表单与核验

Minimal fields: Email only when possible; add name only if needed; see newsletter-signup-generator
Social login: Google, GitHub; reduces friction; faster than email form
Verification entry: .edu (instant), SheerID/UNiDAYS (broader); see education-program
Progressive: Collect email first; verify student; then complete profile if needed

字段最少化：尽可能只收集邮箱；仅在必要时收集姓名；参考newsletter-signup-generator
社交登录：Google、GitHub；降低操作摩擦，比邮箱表单更快捷
核验入口：.edu邮箱（即时核验）、SheerID/UNiDAYS（覆盖更广）；参考education-program
渐进式收集：先收集邮箱，核验学生身份，再按需完善个人资料

SEO

Page	Meta	Reason
Login	`noindex, nofollow`	No search value; security risk; indexed login pages can confuse users
Signup	`noindex, follow`	Block from SERP; allow crawl of links (Privacy, Terms)

Implementation: Use

<meta name="robots" content="noindex">

X-Robots-Tag

header. robots.txt does not prevent indexing—crawlers must access the page to read the directive. See indexing for full noindex page-type list.

页面	Meta规则	原因
登录页	`noindex, nofollow`	无搜索价值；存在安全风险；被收录的登录页可能会误导用户
注册页	`noindex, follow`	禁止出现在搜索结果页；允许爬虫抓取页面内的链接（隐私政策、服务条款）

实现方式：使用

<meta name="robots" content="noindex">

或者

X-Robots-Tag

响应头。robots.txt无法阻止收录——爬虫必须访问页面才能读取指令。完整的noindex页面类型列表参考indexing。

Output Format

输出格式

Domain and URL choice
Modal vs page recommendation
Structure (headline, trust, media, form, discount block)
Discount integration (student, annual, promo)
SEO meta tags
Related skills for execution

域名与URL选型建议
模态框/独立页面推荐
结构（标题、信任标识、媒体内容、表单、折扣模块）
折扣集成方案（学生、年付、优惠码）
SEO meta标签配置
相关执行技能推荐