Teile einer Website: Ein kommentiertes Beispiel (Anatomie einer Website)
Die Teile einer Website anhand eines echten beschrifteten We.Inc-Beispieldesigns erklärt: Header und Navigation, Hero, Call to Action, Dienstleistungen, Beweis, Über uns, Kontaktformular und Footer, plus die unsichtbaren Teile wie Domain, Titel und Sitemap.
Die meisten Websites kleiner Unternehmen bestehen aus denselben acht Teilen, von oben nach unten: Header und Navigation, Hero, Call to Action, Dienstleistungen, Beweis, Über uns, Kontakt und Footer. Dahinter stecken einige Teile, die Besucher nie sehen, wie Domain, Seitentitel und Sitemap. Unten ist jeder Teil in einem mit We.Inc erstellten Beispieldesign beschriftet.
Die sichtbaren Teile, von oben nach unten
- Header. Der Streifen oben mit dem Logo oder Firmennamen. Er erscheint auf jeder Seite, damit Besucher immer wissen, wo sie sind.
- Navigation (Menü). Links zu den Hauptseiten oder -bereichen: Dienstleistungen, Über uns, Preise, Kontakt. Auf fünf bis sieben Punkte beschränken. Auf Handys klappt es zu einem Menü-Button zusammen.
- Hero. Der erste Bildschirm: eine Überschrift, die sagt, was man tut und für wen, eine kurze Unterstützungszeile und oft ein Bild. Besucher entscheiden in Sekunden, ob sie bleiben. Siehe Hero-Section-Beispiele.
- Call to Action (CTA). Der Hauptbutton, z. B. „Gespräch buchen“ oder „Angebot einholen“. Im Hero platzieren und unten wiederholen.
- Dienstleistungen oder Features. Was angeboten wird, ein kurzer Block pro Punkt, jeder mit einer Zeile zum Ergebnis für den Kunden.
- Beweis. Bewertungen, Arbeitsproben, Zertifizierungen oder Garantien. Nur echte verwenden.
- Über uns. Wer hinter dem Unternehmen steckt und warum man ihm vertrauen kann. Siehe Über-uns-Seite schreiben.
- Kontakt. Ein Formular, Telefonnummer, E-Mail und Adresse oder Servicegebiet. Siehe Kontaktformular hinzufügen.
- Footer. Der untere Streifen: Kontaktdaten nochmals, sekundäre Links, Datenschutzerklärung und Social-Links.
Die Teile, die Besucher nicht sehen
| Teil | Was er tut |
|---|---|
| Domain | Die Adresse, z. B. meinunternehmen.de |
| Hosting | Die Computer, die die Website an Besucher ausliefern |
| Seitentitel und -beschreibung | Was in Google-Ergebnissen und Browser-Tabs erscheint |
| Sitemap | Eine Liste der Seiten, die Suchmaschinen beim Finden hilft |
| Favicon | Das kleine Symbol im Browser-Tab |
| Share-Bild | Das Bild, das beim Teilen des Links in sozialen Medien erscheint |
Gleiche Teile, verschiedene Seitenlängen
Eine One-Page-Website stapelt alle diese Teile auf einer scrollbaren Seite, und das Menü springt zu jedem Bereich. Eine mehrseitige Website gibt Dienstleistungen, Über uns und Kontakt eigene Seiten, behält aber denselben Header und Footer auf jeder. Eine Web-App fügt Anmeldung und gespeicherte Daten obendrauf hinzu.
Alle Teile mit We.Inc bekommen
Jedes We.Inc-Template enthält bereits Header, Navigation, Hero, CTA und Footer, und veröffentlichte Seiten erhalten automatisch Titel, Sitemap und Share-Bild. Der Free-Plan veröffentlicht bis zu 3 Template-Seiten auf einer we.inc-Adresse, ohne KI-Credits und ohne eigene Domain. Kostenpflichtige Pläne, ab $20 pro Monat, fügen KI-Building und eine eigene Domain hinzu. Templates durchsuchen.
Häufige Fragen
Was sind die Hauptteile einer Website?
Header, Navigation, Hero, Call to Action, Dienstleistungen, Beweis, Über uns, Kontakt und Footer, plus unsichtbare Teile wie Domain, Hosting, Seitentitel und Sitemap.
Was ist der Hero-Bereich einer Website?
Der erste Bildschirm, den Besucher sehen: eine Überschrift, eine kurze Unterstützungszeile, oft ein Bild und der Hauptbutton zum Handeln.
Was gehört in einen Website-Footer?
Kontaktdaten, sekundäre Links wie Datenschutzerklärung und AGB, Social-Links und manchmal eine kurze Menüwiederholung.
Hat eine One-Page-Website dieselben Teile?
Ja. Sie stapelt dieselben Bereiche auf einer Seite, mit einem Menü, das zu jedem springt, statt neue Seiten zu öffnen.
Kostenlos starten · Keine Kreditkarte nötig
Product
- AI Website Builder: Describe a site in plain English; it's live in minutes
- White Label Platform: Your brand, your domain, your margin
- Enterprise: SSO, custom SLAs, and dedicated support
- Developer API: Embed site generation into your SaaS
Who It's For
- For Agencies: Resell under your brand
- For Freelancers: Your own branded builder
- For Hosting Providers: Add a builder to your stack
- For SaaS Platforms: Embed site creation via API
- For Startups
- For Financial Services
- For Healthcare
Features
- Drag & Drop Editor
- Built-in SEO Tools
- Custom Branding
- Client Dashboard
- Reseller Billing (Stripe Connect)
Resources
- Blog
- Help Center
- Free Business Tools
- Website Templates
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App