{"id":"page-cro","name":"page-cro","summary":"ランディングページおよびマーケティングページのコンバージョン率最適化は、価値提案の明確さ、見出しの効果、CTA階層、ビジュアルフロー、ソーシャルプルーフの配置、異議処理、構造化されたA/Bテストをカバーしています。","body":"# Page CRO\n\nProduction-grade conversion rate optimization framework for marketing pages. Covers the 7-dimension analysis framework, page-type-specific playbooks, copy alternatives methodology, above-the-fold engineering, social proof hierarchy, objection handling patterns, and structured A/B test design.\n\n---\n\n## Table of Contents\n\n- [Initial Assessment](#initial-assessment)\n- [The 7-Dimension CRO Framework](#the-7-dimension-cro-framework)\n- [Above-the-Fold Engineering](#above-the-fold-engineering)\n- [Social Proof Hierarchy](#social-proof-hierarchy)\n- [Objection Handling Architecture](#objection-handling-architecture)\n- [Page-Type Playbooks](#page-type-playbooks)\n- [Copy Alternatives Methodology](#copy-alternatives-methodology)\n- [Traffic Source Matching](#traffic-source-matching)\n- [A/B Test Framework](#ab-test-framework)\n- [Metrics and Benchmarks](#metrics-and-benchmarks)\n- [Output Artifacts](#output-artifacts)\n- [Related Skills](#related-skills)\n\n---\n\n## Clarify First\n\nBefore optimizing the page, confirm these inputs. If any is unknown or vague, ASK — do not assume:\n\n- [ ] **Page type** — homepage, landing page, pricing, feature, or blog (selects the page-type playbook and benchmark)\n- [ ] **Traffic source** — organic, paid, email, or social (drives message-match requirements)\n- [ ] **Primary conversion goal + current rate** — focuses the 7-dimension analysis and sets the baseline\n- [ ] **Behavioral data available** — heatmaps / session recordings (reveals friction that analytics alone cannot)\n\nStop rule: ask only the 2-3 that most change the output. If the user says \"just draft it,\" proceed and list your assumptions at the top of the audit.\n\n## Initial Assessment\n\n### Required Context\n\n| Question | Why It Matters |\n|----------|---------------|\n| What page type? (homepage, landing page, pricing, feature, blog) | Determines the CRO framework to apply |\n| What is the primary conversion goal? | Focuses the analysis |\n| Where is traffic coming from? (organic, paid, email, social) | Drives message-match requirements |\n| What is the current conversion rate? | Establishes the baseline |\n| What does the post-click flow look like? | The page may convert fine but the next step fails |\n| Do you have heatmaps or session recordings? | Behavioral data reveals what analytics cannot |\n| What have you already tried? | Avoids re-testing failed experiments |\n\n---\n\n## The 7-Dimension CRO Framework\n\nAnalyze every marketing page across these 7 dimensions, in order of typical impact.\n\n### Dimension 1: Value Proposition Clarity (Highest Impact)\n\n**The 5-second test:** Can a first-time visitor understand what this is, who it is for, and why they should care within 5 seconds?\n\n| Signal | Pass | Fail |\n|--------|------|------|\n| Primary benefit is stated explicitly | \"Save 10 hours/week on reporting\" | \"Next-generation analytics platform\" |\n| Written in customer language | \"See which campaigns drive revenue\" | \"Multi-touch attribution solution\" |\n| Differentiator is clear | \"The only CRM built for agencies\" | \"A better CRM\" |\n| Specificity | Includes numbers, timeframes, outcomes | Vague superlatives (\"powerful\", \"innovative\") |\n\n### Dimension 2: Headline Effectiveness\n\n**Headline scoring rubric:**\n\n| Criteria | Score 0 | Score 1 | Score 2 |\n|----------|---------|---------|---------|\n| Communicates core value | No | Partially | Clearly |\n| Specific (numbers, outcomes) | Generic | Somewhat specific | Very specific |\n| Addresses target audience | Generic | Implied | Explicit |\n| Matches traffic source | No connection | Loose match | Exact message match |\n| Emotional or logical hook | Neither | One | Both |\n\n**Total: 0-10. Score < 6 = rewrite needed.**\n\n### Dimension 3: CTA Hierarchy and Placement\n\n| Check | Pass | Fail |\n|-------|------|------|\n| One clear primary CTA | Single, prominent action | Multiple competing CTAs |\n| CTA visible without scrolling | Above the fold | Below the fold only |\n| CTA copy communicates value | \"Start Free Trial\" | \"Submit\" |\n| CTA repeated at decision points | After benefits, after social proof, at bottom | Only at top or only at bottom |\n| Secondary CTA is clearly secondary | Smaller, different color, text link | Same visual weight as primary |\n\n### Dimension 4: Visual Hierarchy and Scannability\n\n| Check | Pass | Fail |\n|-------|------|------|\n| Most important element is most prominent | Headline + CTA dominate | Navigation or image dominates |\n| Scannable in 10 seconds | Key points visible via headings, bold, bullets | Wall of text |\n| Adequate white space | Breathing room between sections | Cluttered, dense layout |\n| Images support the message | Product screenshots, relevant imagery | Stock photos, decorative graphics |\n| F-pattern or Z-pattern layout | Content follows natural eye flow | Random placement |\n\n### Dimension 5: Social Proof and Trust\n\n| Check | Pass | Fail |\n|-------|------|------|\n| Customer logos visible | Recognizable logos above the fold | No logos or unknown companies |\n| Testimonials are specific | \"Increased revenue by 40%\" | \"Great product!\" |\n| Testimonials are attributed | Full name, title, company, photo | Anonymous or first-name-only |\n| Trust badges present (where relevant) | Security, compliance, awards | No trust indicators |\n| Numbers-based proof | \"10,000+ teams use...\" | No scale indicators |\n\n### Dimension 6: Objection Handling\n\n| Check | Pass | Fail |\n|-------|------|------|\n| Price/value objection addressed | ROI calculation, \"starts at $X\" | No pricing context |\n| \"Will this work for me?\" answered | Use cases, industry examples | Generic positioning only |\n| Risk reduction offered | Free trial, guarantee, no CC required | No risk reversal |\n| Implementation concern addressed | \"Set up in 5 minutes\" | No setup/complexity context |\n| FAQ section present | Addresses top 5 objections | No FAQ or irrelevant questions |\n\n### Dimension 7: Friction Points\n\n| Check | Pass | Fail |\n|-------|------|------|\n| Form is optimized | Minimal fields, clear labels | Too many fields, unclear purpose |\n| Next step is clear | Obvious path forward from every section | Confusing navigation or dead ends |\n| Mobile experience | Fully responsive, touch-friendly | Desktop-only design |\n| Load time | < 3 seconds | > 5 seconds |\n| No distracting elements | Clean, focused design | Popups, auto-play video, chat widget on load |\n\n---\n\n## Above-the-Fold Engineering\n\nThe above-the-fold area is the most valuable real estate on any page. It determines whether visitors scroll or bounce.\n\n### Required Elements (Above the Fold)\n\n```\n┌──────────────────────────────────────────┐\n│  [Nav: Logo + 3-5 links + Primary CTA]  │\n├──────────────────────────────────────────┤\n│                                          │\n│  HEADLINE: Primary value proposition     │\n│                                          │\n│  SUBHEADLINE: Supporting detail          │\n│                                          │\n│  [PRIMARY CTA BUTTON]                   │\n│  [Secondary CTA: text link]             │\n│                                          │\n│  [Social proof: logos or stat]           │\n│                                          │\n│  [Hero image or product screenshot]      │\n│                                          │\n└──────────────────────────────────────────┘\n```\n\n### Above-the-Fold Rules\n\n- Headline is the largest text on the page\n- CTA button is the most visually prominent interactive element\n- Social proof appears above the fold (even just logo strip)\n- Hero image shows the product in use (not abstract graphics)\n- No auto-play video or animation that distracts from the CTA\n- Navigation is minimal (3-5 items max, CTA in nav)\n\n---\n\n## Social Proof Hierarchy\n\nNot all social proof is equal. Use the right type at the right location.\n\n### Social Proof Power Ranking\n\n| Rank | Type | Strength | Best Placement |\n|------|------|----------|----------------|\n| 1 | Case study with metrics | \"Company X increased revenue 40% in 3 months\" | Mid-page, after benefits section |\n| 2 | Named testimonial with photo | Full name, title, company, headshot | Near CTA, after objection handling |\n| 3 | Aggregate numbers | \"10,000+ teams\" or \"4.8/5 on G2\" | Above the fold, near headline |\n| 4 | Customer logos | Recognizable brand logos | Above the fold, logo strip |\n| 5 | Awards/badges | \"G2 Leader 2026\", \"SOC2 Certified\" | Footer or near CTA |\n| 6 | Generic testimonial | \"Great product!\" -- no specifics | Do not use (no credibility) |\n\n### Placement Rules\n\n- Logo strip: Above the fold, below the CTA\n- Testimonials: After the section that makes the claim they validate\n- Case studies: Mid-page, as their own section\n- Numbers: Inline with headline or subheadline\n- Trust badges: Near the primary CTA and near the form\n\n---\n\n## Objection Handling Architecture\n\n### The 5 Universal Objections\n\nEvery product page must address these five objections. If the page does not, conversions leak.\n\n| Objection | How to Address | Page Element |\n|-----------|---------------|--------------|\n| \"Is this worth the money?\" | ROI calculator, pricing comparison, \"saves X hours\" | Benefits section + pricing context |\n| \"Will this work for my situation?\" | Industry examples, use case sections, persona targeting | \"Who uses this\" section |\n| \"Is this hard to set up?\" | \"Set up in 5 minutes\", onboarding preview, integration logos | Feature section or FAQ |\n| \"What if it doesn't work?\" | Free trial, money-back guarantee, no CC required | Near CTA |\n| \"Why this over alternatives?\" | Comparison table, differentiators, switcher testimonials | Mid-page or FAQ |\n\n### FAQ Design for Objection Handling\n\nThe FAQ section should be the last defense before conversion. Structure it to address the 5 objections:\n\n1. \"How long does setup take?\" (complexity objection)\n2. \"Can I cancel anytime?\" (commitment objection)\n3. \"What's included in the free trial?\" (value objection)\n4. \"Do you integrate with [popular tool]?\" (compatibility objection)\n5. \"How is this different from [competitor]?\" (alternatives objection)\n\n---\n\n## Page-Type Playbooks\n\n### Homepage\n\n| Element | Best Practice |\n|---------|---------------|\n| Audience | Cold visitors who may not know you |\n| Headline | Position the company, not a single feature |\n| CTA split | Primary: \"Start Free Trial\" / Secondary: \"See Demo\" or \"Learn More\" |\n| Content | Overview of benefits, social proof, feature highlights, use cases |\n| Navigation | Full site navigation (unlike landing pages) |\n\n### Landing Page (Paid Traffic)\n\n| Element | Best Practice |\n|---------|---------------|\n| Navigation | Remove or minimize (no escape routes) |\n| Headline | Message-match with the ad that drove the click |\n| CTA | Single action, repeated 2-3 times down the page |\n| Content | Complete argument on one page: problem > solution > proof > CTA |\n| Social proof | Directly relevant to the ad audience |\n\n### Pricing Page\n\n| Element | Best Practice |\n|---------|---------------|\n| Plan presentation | Good-Better-Best with recommended plan highlighted |\n| Toggle | Annual/Monthly with savings percentage shown |\n| Feature comparison | Full table below the fold |\n| FAQ | \"Which plan is right for me?\" as first question |\n| CTA | Per-plan CTA with plan-specific copy |\n| Social proof | Logos and testimonials relevant to each tier |\n\n### Feature Page\n\n| Element | Best Practice |\n|---------|---------------|\n| Headline | Benefit of the feature, not the feature name |\n| Content | Use cases > technical capabilities |\n| Demo | Screenshot, GIF, or interactive demo |\n| CTA | \"Try this feature\" or \"Start Free Trial\" |\n| Internal links | Link to related features and pricing |\n\n### Blog Post\n\n| Element | Best Practice |\n|---------|---------------|\n| CTA type | Contextual inline CTA matching the content topic |\n| Placement | After introduction, at natural breaks, at end |\n| CTA style | Inline banner or text link, not aggressive popup |\n| Content CTA | Offer a related resource (template, checklist, tool) |\n\n---\n\n## Copy Alternatives Methodology\n\nWhen recommending copy changes, always provide 2-3 alternatives with reasoning.\n\n### Alternative Generation Framework\n\nFor each key element (headline, subheadline, CTA), generate variants across these axes:\n\n| Axis | Variant A | Variant B | Variant C |\n|------|-----------|-----------|-----------|\n| Benefit focus | Outcome-focused | Problem-focused | Feature-focused |\n| Specificity | Numbers and data | Customer quote | Use case scenario |\n| Tone | Direct and assertive | Conversational | Aspirational |\n\n### Example\n\n**Current headline:** \"Marketing Automation Software\"\n\n| Variant | Copy | Rationale |\n|---------|------|-----------|\n| A (outcome) | \"Generate 3X More Qualified Leads Without Adding Headcount\" | Specific outcome + pain point |\n| B (problem) | \"Stop Losing Leads Because Your Team Can't Follow Up Fast Enough\" | Addresses the pain directly |\n| C (social proof) | \"How 2,000+ Marketing Teams Hit Their Pipeline Targets\" | Authority + specificity |\n\n**Recommendation:** Test A first (most specific), B if A does not outperform current (different psychological angle).\n\n---\n\n## Traffic Source Matching\n\nDifferent traffic sources require different page optimization strategies.\n\n| Source | Visitor State | Page Must Do |\n|--------|-------------|-------------|\n| Paid search (brand) | Knows you, high intent | Fast path to action, minimal education |\n| Paid search (non-brand) | Problem-aware, solution-seeking | Prove you solve their specific problem |\n| Paid social | Interrupted, low intent | Hook attention, educate, build interest |\n| Organic search | Research-mode | Comprehensive content, gradual conversion |\n| Email | Already engaged | Deliver on the email promise, reduce friction |\n| Referral | Pre-sold by referrer | Validate referrer's recommendation, fast CTA |\n\n### Message Match Audit\n\nFor paid traffic: Compare the ad copy with the landing page headline. They must share:\n- The same language/terminology\n- The same promise\n- The same offer\n- Visual consistency (if display ad)\n\n**Mismatch = wasted ad spend.** Users who click an ad about \"free SEO audit\" and land on a generic homepage will bounce.\n\n---\n\n## A/B Test Framework\n\n### Test Priority Matrix\n\n| Priority | What to Test | Expected Impact |\n|----------|-------------|-----------------|\n| 1 | Headline copy | 10-30% conversion lift |\n| 2 | CTA copy and color | 5-20% conversion lift |\n| 3 | Social proof placement | 5-15% conversion lift |\n| 4 | Above-the-fold layout | 5-20% conversion lift |\n| 5 | Form field reduction | 5-10% completion lift |\n| 6 | Hero image vs video | 2-10% lift (variable) |\n\n### Test Design Rules\n\n- One variable per test (unless running a multivariate test with sufficient traffic)\n- Minimum 200 conversions per variant before declaring a winner\n- Run for full business cycles (minimum 2 weeks)\n- Track downstream metrics (not just page conversion, but lead quality / revenue)\n\n### Fix vs Test Decision\n\n| Situation | Action |\n|-----------|--------|\n| Obvious UX problem (broken form, missing CTA) | Fix immediately, no test needed |\n| Missing social proof | Add it, no test needed |\n| Headline copy alternative | A/B test |\n| Layout change | A/B test |\n| Removing page elements | A/B test |\n| Adding a new section | A/B test |\n\n---\n\n## Metrics and Benchmarks\n\n### Conversion Rate Benchmarks\n\n| Page Type | Below Average | Average | Good | Excellent |\n|-----------|-------------|---------|------|-----------|\n| SaaS homepage | < 2% | 2-4% | 4-7% | > 7% |\n| Landing page (paid) | < 5% | 5-10% | 10-20% | > 20% |\n| Pricing page | < 3% | 3-5% | 5-10% | > 10% |\n| Blog post (to email) | < 1% | 1-3% | 3-5% | > 5% |\n| Feature page | < 2% | 2-5% | 5-8% | > 8% |\n\n### Key Metrics\n\n| Metric | What It Tells You |\n|--------|------------------|\n| Bounce rate | Is the page meeting visitor expectations? |\n| Scroll depth | How much of the page are visitors seeing? |\n| Time on page | Are visitors reading or immediately leaving? |\n| CTA click rate | Is the CTA compelling and visible? |\n| Form start rate | Are visitors beginning the conversion process? |\n| Form completion rate | Are they finishing it? |\n\n---\n\n## Output Artifacts\n\n| Artifact | Format | Description |\n|----------|--------|-------------|\n| CRO Audit Report | 7-dimension analysis | Per-dimension assessment with severity ratings |\n| Quick Wins List | Bullet list (max 5) | Implementable today with expected impact |\n| High-Impact Recommendations | Structured list | Each with rationale, effort estimate, and success metric |\n| Copy Alternatives | Side-by-side table | 2-3 variants per key element with reasoning |\n| A/B Test Plan | Prioritized table | Hypothesis, variant, success metric, priority |\n| Traffic Source Matching Audit | Source x page element table | Message match assessment per traffic source |\n\n---\n\n## Related Skills\n\n- **form-cro** -- Use when the form on the page is the specific bottleneck (field optimization, validation, mobile form UX).\n- **signup-flow-cro** -- Use when users convert on the page but drop off during the signup/registration process.\n- **popup-cro** -- Use when considering a popup as an additional conversion layer on the page.\n- **onboarding-cro** -- Use when post-conversion activation is the real problem and the page itself converts adequately.\n- **pricing-strategy** -- Use when the pricing page needs structural redesign (tier structure, value metric), not just CRO tweaks.\n\n---\n\n## Tool Reference\n\n### 1. page_cro_scorer.py\n\n**Purpose:** Score a marketing page across the 7 CRO dimensions and generate an audit report with severity ratings.\n\n```bash\npython scripts/page_cro_scorer.py page_audit.json\npython scripts/page_cro_scorer.py page_audit.json --json\n```\n\n| Flag | Required | Description |\n|------|----------|-------------|\n| `page_audit.json` | Yes | JSON file with page elements and dimension checks |\n| `--json` | No | Output results as JSON |\n\n### 2. headline_scorer.py\n\n**Purpose:** Score headline effectiveness against the 5-criteria rubric and generate copy alternatives.\n\n```bash\npython scripts/headline_scorer.py --headline \"Marketing Automation Software\" --audience \"B2B marketers\" --traffic-source paid-search\npython scripts/headline_scorer.py --headline \"Marketing Automation Software\" --json\n```\n\n| Flag | Required | Description |\n|------|----------|-------------|\n| `--headline` | Yes | The headline text to score |\n| `--audience` | No | Target audience description (default: \"general\") |\n| `--traffic-source` | No | Primary traffic source: organic, paid-search, paid-social, email, referral (default: organic) |\n| `--json` | No | Output results as JSON |\n\n### 3. conversion_benchmark_calculator.py\n\n**Purpose:** Calculate conversion rate benchmarks for a given page type, traffic source, and industry, and assess current performance.\n\n```bash\npython scripts/conversion_benchmark_calculator.py --page-type landing-page --traffic paid --current-rate 8.5\npython scripts/conversion_benchmark_calculator.py --page-type homepage --traffic organic --current-rate 3.0 --json\n```\n\n| Flag | Required | Description |\n|------|----------|-------------|\n| `--page-type` | Yes | Page type: homepage, landing-page, pricing, feature, blog |\n| `--traffic` | Yes | Traffic source: organic, paid, email, social, referral |\n| `--current-rate` | Yes | Current conversion rate as percentage |\n| `--industry` | No | Industry for benchmarks: saas, ecommerce, fintech, healthcare, education (default: saas) |\n| `--json` | No | Output results as JSON |\n\n---\n\n## Troubleshooting\n\n| Problem | Likely Cause | Solution |\n|---------|-------------|----------|\n| High bounce rate (>70%) on landing page | Message mismatch with traffic source or poor above-the-fold | Audit message match: compare ad copy with landing page headline; ensure value proposition is visible in first 5 seconds |\n| Page converts on desktop but not mobile | Mobile UX not optimized | Check touch targets (44px+), form field count on mobile, CTA visibility without scrolling; score with page_cro_scorer.py |\n| CTA click rate below 2% | CTA is generic, below the fold, or visually weak | Replace \"Submit\" with value-specific copy; ensure CTA is visible above fold and repeated after key sections |\n| High scroll depth but low conversion | Visitors read but are not convinced to act | Add social proof near CTA positions; address objections in FAQ; add risk reversal (free trial, no CC) |\n| A/B test shows no significant winner after 4 weeks | Change too small to detect or insufficient traffic | Use ab_test_calculator.py from form-cro to validate sample size; test bigger changes (headline rewrite vs word swap) |\n| Paid traffic converts worse than organic | Landing page not tailored to paid traffic intent | Create dedicated landing pages for paid campaigns with message match; remove navigation on paid landing pages |\n| Social proof section is ignored | Generic testimonials or poor placement | Use specific, attributed testimonials with metrics; place after the section that makes the claim they validate |\n\n---\n\n## Success Criteria\n\n- Page CRO score of 70+ across the 7-dimension framework (scored by page_cro_scorer.py)\n- Headline scores 7+ on the 10-point rubric (scored by headline_scorer.py)\n- Conversion rate at or above industry benchmark for page type (verified by conversion_benchmark_calculator.py)\n- Above-the-fold contains: headline, CTA, and at least one social proof element\n- Message match verified for all paid traffic campaigns (ad copy matches landing page headline)\n- Mobile conversion rate within 20% of desktop rate\n- Every page addresses at least 3 of the 5 universal objections\n\n---\n\n## Scope & Limitations\n\n- **In scope:** Page-level conversion optimization, headline effectiveness, CTA hierarchy, social proof placement, objection handling, traffic source matching, A/B test prioritization\n- **Out of scope:** Form optimization (use form-cro), signup flow optimization (use signup-flow-cro), popup optimization (use popup-cro), pricing structure changes (use pricing-strategy)\n- **Page speed:** This skill covers CRO elements, not technical performance; pages loading >3 seconds need technical optimization first\n- **Traffic minimum:** A/B testing recommendations require 200+ conversions per variant; low-traffic pages should implement best practices without testing\n- **Qualitative input:** Heatmaps and session recordings provide critical behavioral data that analytics alone cannot reveal; consider investing in these tools\n\n---\n\n## Integration Points\n\n- **form-cro** -- When the form on the page is the bottleneck (field optimization, validation UX, mobile form experience)\n- **signup-flow-cro** -- When users convert on the page but drop off during the signup/registration process\n- **popup-cro** -- When considering a popup as an additional conversion layer on top of the page\n- **onboarding-cro** -- When post-conversion activation is the real problem and the page itself converts adequately\n- **pricing-strategy** -- When the pricing page needs structural redesign (tier structure, value metric), not just CRO tweaks\n- **competitive-teardown** -- When comparison pages need competitive data to build credible content","author":"@borghei","ownerProfile":null,"authorContacts":null,"sourceUrl":"https://github.com/borghei/Claude-Skills/tree/main/business-growth/page-cro","license":"MIT","category":"writing","lang":"en","tokens":5193,"stars":0,"calls30d":2,"claimed":false,"visibility":"public","origin":"crawler","version":"0.1.0","createdAt":"2026-08-22","updatedAt":"2026-08-22","files":[{"path":"scripts/conversion_benchmark_calculator.py","size":11397,"sha256":"22e4e8726595b7ecc94dd7cf636e2156d3b9ad3729f0d1b3100cacbc730b8fd5"},{"path":"scripts/headline_scorer.py","size":10743,"sha256":"c0793fe188b5af678ceb5295d505b2f90a3af0799d5cb73d5597b0ad5bac8fb7"},{"path":"scripts/page_cro_scorer.py","size":9606,"sha256":"17944700739128eb63a5b1cf7dcca00d2614a90567fee679022b6902da561e62"}],"requires":{"mcp":[],"tools":[]},"safety":{"flags":[],"scannedAt":"2026-08-22","hasScripts":true,"networkEndpoints":[]}}