{ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "What should a hero section include?", "acceptedAnswer": { "@type": "Answer", "text": "Headline, supporting subheadline, social proof or visual, and a clear CTA." } }, { "@type": "Question", "name": "How long should a hero headline be?", "acceptedAnswer": { "@type": "Answer", "text": "6–12 words — clear, benefit-focused, and scannable." } }, { "@type": "Question", "name": "Should heroes use video or static images?", "acceptedAnswer": { "@type": "Answer", "text": "Video adds engagement but slows page speed; use carefully with lazy loading." } } ] }
Definition

What Is a Hero Section on a Website?

The large, prominent section at the top of a webpage — typically containing a headline, subheadline, supporting visual, and primary CTA. Sets the first impression and communicates the core value proposition.

Related Terms

Above the Fold

CTA

Value Proposition

Landing Page

Accessibility (A11y)

Example

Reload Mode's homepage hero reads 'Your Website, Rebuilt for Growth' with a CTA to 'Get a Free Audit' and a product screenshot behind it.

Synonyms:

Hero banner, Hero area

Acronyms:

-