Components: Testimonials
Guides testimonial design and placement for conversion. 92% of consumers read reviews before buying; testimonials can increase conversion by up to 67%.
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.
Initial Assessment
Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read it for customer personas and industries.
Identify:
- 1. Content type: Text quotes, video, case studies
- Placement: Product pages, pricing, hero, dedicated page
- Audience: B2B vs B2C; industry/role relevance
Content Formats
| Format | Effectiveness | Best For |
|---|
| Video | Highest; 77% say it influences buying | Key landing pages |
| Text + photo |
Versatile; easy to implement | Product, pricing |
|
Case study | Deep credibility; specific outcomes | B2B, high-value |
|
Star ratings | Quick trust signal | E-commerce |
Video: 95% message retention vs 10% for text.
Best Practices
Content
- - Specific results: "Increased revenue by 40%" over generic praise
- Real photos and names; avoid stock images
- Variety: Different customer types, industries, use cases
- Current: Update regularly; remove outdated testimonials
Placement
- - Product pages, pricing sections, near CTAs
- Filter by industry/role so prospects see relevant stories
- Organize by integration or outcome for specificity
Credibility Signals
- - Company logos, job titles
- Verified reviews (badges, links)
- Links to customer profiles or live stores when possible
- Before/after narratives for emotional connection
Design Guidelines
- - Clean layouts; readable typography
- Engaging visuals; avoid clutter
- Mobile-optimized; fast loading
- Carousel for multiple testimonials; see carousel for design and accessibility
SEO
- - Testimonial content can include keywords naturally
- Structured data (Review, AggregateRating) for rich snippets
Accessibility
- - Provide alt text for photos
- For carousel design and accessibility (keyboard nav, user control), see carousel
Output Format
- - Format recommendations (text, video, case study)
- Placement suggestions
- Content guidelines (specificity, credibility)
- Design checklist
Related Skills
- - carousel: Carousel layout for multiple testimonials; design and accessibility
- landing-page-generator: Testimonials as step 2 (earn trust) in landing page flow
- trust-badges-generator: Complementary trust signals; logos and badges
- hero-generator: Testimonials in hero for social proof
- cta-generator: Place testimonials near CTAs; boost conversion
- pricing-page-generator: Testimonials on pricing pages
组件:客户评价
指导客户评价的设计与放置以提升转化率。92%的消费者在购买前会阅读评价;客户评价可将转化率提升高达67%。
调用时:首次使用时,如有帮助,可用1-2句话介绍该技能涵盖的内容及其重要性,然后提供主要输出。后续使用或用户要求跳过时,直接提供主要输出。
初始评估
首先检查项目上下文: 如果存在.claude/project-context.md或.cursor/project-context.md,读取其中的客户画像和行业信息。
识别:
- 1. 内容类型:文字引用、视频、案例研究
- 放置位置:产品页面、定价页面、首屏、专属页面
- 受众:B2B与B2C;行业/角色相关性
内容格式
| 格式 | 效果 | 最佳适用场景 |
|---|
| 视频 | 最高;77%的人认为其影响购买决策 | 关键落地页 |
| 文字+照片 |
通用性强;易于实施 | 产品页、定价页 |
|
案例研究 | 深度可信;具体成果 | B2B、高价值产品 |
|
星级评分 | 快速建立信任信号 | 电商 |
视频:信息留存率95%,文字仅为10%。
最佳实践
内容
- - 具体成果:收入增长40%优于泛泛赞美
- 真实照片和姓名;避免使用库存图片
- 多样性:不同类型的客户、行业、使用场景
- 时效性:定期更新;移除过时的评价
放置位置
- - 产品页面、定价区域、CTA附近
- 按行业/角色筛选,让潜在客户看到相关故事
- 按集成或成果组织,增强针对性
可信度信号
- - 公司标志、职位头衔
- 已验证的评价(徽章、链接)
- 尽可能链接到客户资料或真实店铺
- 前后对比叙事,建立情感连接
设计指南
- - 清晰布局;易读排版
- 吸引人的视觉;避免杂乱
- 移动端优化;快速加载
- 多个评价使用轮播;参见轮播了解设计和无障碍性
SEO
- - 评价内容可自然包含关键词
- 使用结构化数据(Review, AggregateRating)获取富摘要
无障碍性
- - 为照片提供替代文本
- 关于轮播设计和无障碍性(键盘导航、用户控制),参见轮播
输出格式
- - 格式建议(文字、视频、案例研究)
- 放置位置建议
- 内容指南(具体性、可信度)
- 设计清单
相关技能
- - 轮播:多个评价的轮播布局;设计与无障碍性
- 落地页生成器:评价作为落地页流程中的第二步(建立信任)
- 信任徽章生成器:补充信任信号;标志和徽章
- 首屏生成器:在首屏放置评价以提供社交证明
- CTA生成器:在CTA附近放置评价;提升转化率
- 定价页面生成器:在定价页面放置评价