Website-Leitfaden für den Mittelstand

Eine Website ist im Mittelstand oft das wichtigste Vertriebsinstrument außerhalb des persönlichen Kontakts. Trotzdem behandeln viele Unternehmen sie wie eine einmal angeschaffte Visitenkarte. Dabei lässt sich aus dem gleichen Budget mit besserer Strategie oft das Fünf- bis Zehnfache an Wirkung herausholen. Dieser Leitfaden zeigt, worauf es vom Konzept bis zum laufenden Betrieb ankommt, und verlinkt zu allen FAQs, die einzelne Aspekte vertiefen.

Was eine Website im Mittelstand leisten muss

Vier Funktionen sind heute Pflicht, nicht Kür:

1. Sichtbarkeit in der Suche. Wer in Google nicht stattfindet, existiert für die meisten Neukunden nicht.
2. Vertrauen aufbauen. Über 80 Prozent der B2B-Einkäufer prüfen die Website eines Anbieters, bevor sie Kontakt aufnehmen.
3. Anfragen erzeugen. Klare Wege zu Kontakt, Terminbuchung oder Angebotsanfrage.
4. Bestandskunden binden. Self-Service, Wissensdatenbanken, Hilfecenter, Login-Bereiche.

Eine Website, die nur die ersten beiden Punkte abdeckt, lässt enormes Potenzial liegen.

Architektur: Was unter der Haube zählt

Frontend und Backend

Frontend ist alles, was Nutzer sehen, Backend alles, was im Hintergrund passiert. Die saubere Trennung erlaubt es, beide Seiten unabhängig zu entwickeln. Bei modernen Headless-Architekturen liefert das Backend nur Daten, das Frontend baut daraus die Oberfläche.

CMS-Auswahl

Das Content Management System ist das Herzstück. Im Mittelstand sind drei Optionen gängig: WordPress (verbreitet, viele Module), TYPO3 (deutscher Standard, robust für komplexe Strukturen), und Headless-CMS wie Strapi oder Contentful (modern, flexibel, aber initial aufwendiger). Die richtige Wahl hängt von Inhaltsstruktur, Redaktionsteam und Integrationsanforderungen ab, nicht vom Hype.

Hosting und Performance-Basis

Caching, CDN und ein moderner Hosting-Provider sind kein Komfort, sondern Voraussetzung. Wer auf einem Billig-Shared-Hosting läuft, riskiert Ladezeiten von mehreren Sekunden, und damit Rankings und Conversions.

SEO-Basis: Was Google sehen muss

Eine Website kann technisch perfekt aussehen und trotzdem nicht ranken. Drei Schichten entscheiden:

Technisches SEO

Crawlability, Sitemap, Canonical-Tags, 301-Redirects, saubere Domain-Struktur. Das sind Aufgaben, die einmal richtig gemacht werden müssen und danach selten anfasst. Wer sie falsch macht, baut SEO-Schulden auf, die später teuer zu reparieren sind.

Zusätzlich relevant: Schema Markup, saubere Meta-Tags, Breadcrumbs, Paginierung und korrekt gesetzte hreflang-Tags bei mehrsprachigen Sites.

Core Web Vitals und Page Speed

Core Web Vitals sind seit 2021 Ranking-Faktor. Drei Werte werden gemessen: Ladezeit des größten Elements (LCP), Reaktionszeit auf Eingaben (INP) und Layoutstabilität (CLS). Wer hier rote Zahlen hat, verliert Sichtbarkeit. Die häufigsten Hebel: Bilder als WebP, Lazy Loading für alles unterhalb des Folds, kritische CSS inline, JavaScript verzögert laden, ein guter Server.

On-Page-Optimierung

Inhaltlich: klare H1, sinnvolle H2-Struktur, sprechende URLs, interne Verlinkung, gepflegte Bild-Alt-Texte. Im Mittelstand wird oft das Sichtbare getunt (Design, Animationen), während die Substanz vernachlässigt wird.

Above-the-Fold: Der wichtigste Bereich

Der Bereich, den Besucher ohne Scrollen sehen, entscheidet über Bleiben oder Wegklicken. Above-the-Fold ist ein eigener Disziplinbereich.

Drei Elemente gehören dorthin: die wichtigste Aussage (Was bietest du an, für wen, welcher Nutzen), ein klarer Call-to-Action und ein vertrauensbildendes Element (Zahl, Zitat, Logo). Was nicht hineingehört: Slider, generische Stockfotos und Unternehmensgeschichten.

Ein systematischer Above-the-Fold-Audit prüft Ladezeit, Inhalt, Hierarchie und Conversion-Potenzial dieses Bereichs.

Mobile-First ist Standard, nicht Option

Über 60 Prozent des Traffics ist mobil, in vielen B2C-Bereichen über 70 Prozent. Eine Website, die nur am Desktop gut funktioniert, blendet die Mehrheit aus. Mobile-First bedeutet, das Mobile-Layout zuerst zu entwerfen, nicht als nachträglich angepasstes Desktop.

Auch ein eigener Mobile-Audit lohnt regelmäßig, weil Mobile-Performance anders gemessen wird als Desktop. Lange Formulare, kleine Buttons und fehlende Wallet-Integration (Apple Pay, Google Pay) sind die häufigsten mobilen Conversion-Killer.

Accessibility ist Pflicht, nicht Bonus

Seit dem Barrierefreiheitsstärkungsgesetz (BFSG) gelten ab 2025 verbindliche Anforderungen auch für viele privatwirtschaftliche Anbieter. Selbst wo kein Gesetz greift, ist Accessibility ein Qualitätssignal und ein SEO-Vorteil.

Ein Accessibility-Audit zeigt die wichtigsten Lücken. ARIA-Attribute, semantisches HTML und Kontraste sind die Basis. Aufwand und Wirkung stehen meistens in einem sehr guten Verhältnis.

Rechtliche Pflichten in Deutschland

Drei rechtliche Themen kommen bei jeder neuen Website auf den Tisch:

• Cookie-Banner und Consent. TTDSG und DSGVO verlangen Opt-in vor jedem Tracking.
• Impressum und Datenschutzerklärung. Pflicht, aktuell halten, sonst Abmahnrisiko.
• Widerrufsbelehrung und AGB im E-Commerce-Kontext.

Diese Themen sind kein Rechtsrat, aber Standardthemen, die mit dem richtigen Setup geräuschlos laufen. Wer sie schlampig macht, schreibt Abmahnungen quasi selbst.

Conversion-Optimierung

Eine Website mit viel Traffic und niedriger Conversion Rate ist ein Eimer mit Loch. Bevor du in mehr Traffic investierst, lohnt sich fast immer Conversion-Arbeit.

Vier Hebel kommen am häufigsten zum Tragen:

• Vertrauen. Bewertungen, sichere Zahlungsmethoden, klare Rückgabebedingungen, professionelles Design.
• Klarheit. Wer auf der Seite nicht innerhalb von Sekunden versteht, was du anbietest, geht weiter.
• Reibung reduzieren. Jedes Pflichtfeld, jeder Klick, jede Wartesekunde kostet Conversions.
• Mobile-Optimierung. Siehe oben.

Eine systematische Conversion-Audit deckt die größten Hebel auf und priorisiert sie nach erwartetem Effekt.

Pflege und Weiterentwicklung

Eine Website ist kein einmaliges Projekt, sondern ein Produkt mit laufendem Betrieb. Drei Pflege-Routinen sind Standard:

• Updates. CMS, Plugins, PHP-Version. Sicherheitsupdates haben Priorität.
• Monitoring. Uptime und Performance, Page Speed, Broken Links.
• Content-Pflege. Inhalte aktualisieren, neue Themen hinzufügen, alte streichen.

Die meisten Sicherheitsvorfälle bei mittelständischen Websites passieren auf veralteten WordPress-Installationen, deren Plugins über ein Jahr nicht aktualisiert wurden. Diese Realität lässt sich mit einem Wartungsvertrag günstig auffangen.

Wann ein Relaunch sinnvoll ist und wann nicht

Ein Relaunch ist die teuerste Form, eine Website zu verbessern, und oft die schlechteste. Bevor du an einen Relaunch denkst, prüfe:

• Ist das aktuelle System wirklich am Ende oder reicht eine Renovierung?
• Welche konkreten Probleme soll der Relaunch lösen?
• Wie sieht der SEO-Migrationsplan aus, um Rankings nicht zu verlieren?

Ein gut geplanter Relaunch kann die Website auf das nächste Level heben. Ein schlecht geplanter zerstört Sichtbarkeit, die jahrelang aufgebaut wurde.

Glossar zur Website-Entwicklung

Die wichtigsten Begriffe alphabetisch sortiert. Jeder Link führt zu einer ausführlichen Erklärung.

• 301-Weiterleitung
• A/B-Testing
• Above the Fold
• Accessibility-Audit
• Anchor-Link
• ARIA-Attribute
• Breadcrumb-Navigation
• Breakpoint
• Build-Prozess
• Caching
• CDN
• CMS-Theme
• Cookie-Banner
• Core Web Vitals
• Crawl-Budget
• Custom 404-Seite
• Deployment
• DNS
• Frontend und Backend
• Headline-Formel
• Heatmap
• Meta-Description
• Mobile-First
• Pagination
• Progressive Enhancement
• Relaunch
• Responsive Design
• Schema Markup
• Semantic HTML
• Sitemap
• Staging-Server
• Usability-Test
• Widerrufsbelehrung

Wenn du Unterstützung brauchst

Eine Website ist nicht in einem Workshop fertig. Sie wächst mit dem Unternehmen mit. Wir begleiten mittelständische Unternehmen vom Konzept über die Umsetzung bis zur laufenden Pflege.

Für neue Projekte sind unsere Webentwicklungs-Leistungen der richtige Einstieg. Für laufende Optimierung gibt es SEO und unsere Beratung und Betreuung. Buche einen kostenlosen Termin, wenn du eine erste Einschätzung deines aktuellen Stands brauchst.