Webentwicklung 2026: der vollständige Leitfaden für Entscheider

Fachlich zerfällt die Arbeit in drei Schichten. Das Frontend ist das, was im Browser läuft, also HTML, CSS und JavaScript. Das Backend hält Daten, Schnittstellen und Fachlogik. Die Infrastruktur sorgt dafür, dass beides erreichbar, schnell und überwacht ist. Eine heutige Website berührt alle drei Schichten, auch wenn sie nach außen wie eine Broschüre aussieht.

Zwei Dinge haben sich verschoben. Erstens bewertet Google die Ladeerfahrung als eigenes Signal, nicht als Nebenaspekt. Zweitens beantworten Suchsysteme immer öfter selbst, statt zu verlinken. Wer in diesen Antworten vorkommen will, braucht maschinenlesbare Struktur, saubere Auszeichnung und Inhalte, die eine Frage tatsächlich beantworten.

Dazu kommt ein deutscher Sonderfall. Im B2B-Einkauf wird die Website eines Anbieters vor dem ersten Gespräch geprüft, und dabei schaut jemand auf Impressum, Datenschutzerklärung und Einwilligungsverwaltung. Fehlt dort etwas, entsteht ein Zweifel, der mit Gestaltung nicht mehr zu heilen ist.

• Eine statische Website wird vorab zu HTML erzeugt und ausgeliefert. Sie ist sehr schnell, sparsam im Betrieb und wartungsarm, und für Broschürenseiten, Blogs und Fachportale meist die richtige Antwort. Typische Werkzeuge sind Astro, Next.js im statischen Modus und Hugo.
• Eine Single-Page-Anwendung lädt einmal und tauscht danach nur noch Inhalte aus, ähnlich einer Desktop-Anwendung. Sinnvoll bei Werkzeugen mit vielen Interaktionen, nicht bei Inhaltsseiten.
• Serverseitiges Rendering verbindet dynamische Inhalte mit einer schnellen ersten Darstellung. Das ist der Normalfall, sobald Nutzer sich anmelden oder Daten personalisiert sind.
• Eine progressive Web-App verhält sich wie eine mobile Anwendung, lässt sich installieren und funktioniert eingeschränkt auch offline. Eine echte App im Store ersetzt sie nicht immer, siehe Mobile-App-Entwicklung.
• Ein Onlineshop ist ein eigenes Fachsystem mit Zahlung, Versand, Beständen und Buchhaltungsanschluss. Details unter Onlineshop-Entwicklung.

Unser Baukasten 2026 besteht aus Astro für statische Seiten, Next.js mit React und TypeScript für Anwendungen, Tailwind CSS für die Oberfläche, Node.js, Go oder Laravel im Backend, PostgreSQL und Redis für Daten sowie Cloudflare für Auslieferung und Betrieb.

TypeScript ist inzwischen Grundausstattung und kein Aufpreis. Bei Redaktionssystemen sind Strapi, Contentful und Sanity ernsthafte Kandidaten. Wir bauen die Redaktion trotzdem häufig selbst, damit Code, Oberfläche und Daten bei Ihnen liegen und keine Abonnementbindung entsteht. Welcher Weg passt, entscheidet die Zahl der Redakteure und die Komplexität der Freigaben, nicht die Vorliebe des Entwicklers.

Unsere Spannen für den deutschsprachigen Markt, Stand August 2026:

• Broschüren-Website mit 5 bis 10 Seiten: 780 bis 2.080 EUR, 4 bis 6 Wochen.
• Unternehmenswebsite mit 10 bis 25 Seiten, Blog und Mehrsprachigkeit: 2.080 bis 3.900 EUR, 6 bis 10 Wochen.
• Webanwendung oder individueller Onlineshop: 3.900 bis 13.000 EUR, 2 bis 5 Monate.
• Größere Systeme mit ERP-Anbindung und Rechtekonzept liegen darüber und werden einzeln kalkuliert.

Grundlage ist unsere Preisliste in HUF, umgerechnet mit 385 HUF/EUR. Der Kurs ist ein Richtwert; abgerechnet wird in EUR zum Mittelkurs der Ungarischen Nationalbank am Rechnungstag. Zum Vergleich der Marktpreise: Der Freelancer-Kompass 2026 nennt für IT-Freelancer im DACH-Raum einen Stundensatz-Median von 95 EUR, für Softwareentwicklung 90 EUR; Agenturen liegen laut Branchenübersichten bei 100 bis 180 EUR. Die vollständige Aufschlüsselung steht unter Website-Preise.

Vier bis sechs Wochen für eine Broschüren-Website, sechs bis zehn Wochen für eine Unternehmenswebsite, zwei bis fünf Monate für eine Webanwendung. Wir arbeiten in Zwei-Wochen-Takten, am Ende jedes Takts steht eine erreichbare Vorschau.

Der häufigste Grund für Verzug liegt nicht in der Entwicklung. Es sind Texte, Bilder und interne Freigaben. Planen Sie dafür eigene Termine ein und benennen Sie eine Person, die freigeben darf. Wer das nicht tut, verliert typischerweise zwei bis vier Wochen, und zwar am Ende, wenn es am teuersten ist.

WordPress ist das verbreitetste Redaktionssystem, mit einem riesigen Ökosystem und kurzer Anlaufzeit. Der Preis dafür ist die Erweiterungslandschaft: Jede zusätzliche Erweiterung ist Code von Dritten in Ihrer Seite, mit eigener Aktualisierungslast und eigenem Risiko. In geübten Händen ist WordPress für viele mittelständische Auftritte trotzdem die wirtschaftlichste Wahl, siehe WordPress-Entwicklung.

Ein Headless-CMS trennt Inhalt und Darstellung. Die Redaktion arbeitet in Strapi, Contentful oder Sanity, das Frontend läuft auf Next.js oder Astro. Das ist schnell und flexibel und bringt eine laufende Abonnementposition mit, die in die Kalkulation gehört.

Die dritte Möglichkeit ist eine eigene Redaktionsoberfläche, auf den tatsächlichen Prozess zugeschnitten. Das lohnt sich, sobald die Inhaltsstruktur fachlich eigen ist oder mehrere Rollen mit unterschiedlichen Rechten arbeiten. Mehr dazu unter individuelle Website-Entwicklung.

Verkaufen Sie Produkte online, brauchen Sie einen Shop. Verkaufen Sie Leistungen, etwa Beratung, Entwicklung, Schulung oder medizinische Versorgung, reicht eine gut gebaute Website mit Anfrageformular und bei Bedarf einer Terminbuchung.

Ein Shop ist der deutlich größere Bau. Zahlung, Varianten, Versandregeln, Bestände, Rückgaben, Rechnungsstellung und Umsatzsteuer greifen ineinander, und jeder dieser Punkte hat Sonderfälle. Deshalb kostet er mehr und dauert länger. Die Spannen stehen unter Onlineshop-Preise.

Suchmaschinenoptimierung beginnt in der Auszeichnung, nicht im Redaktionsplan. Fünf Punkte, die vor dem Livegang stehen müssen:

1. Semantisches HTML mit einer Überschriftenhierarchie, die dem Inhalt folgt.
2. Strukturierte Daten nach schema.org für Organisation, Artikel, häufige Fragen und Brotkrumenpfad.
3. Mobile Darstellung als Ausgangspunkt, nicht als Nachtrag.
4. XML-Sitemap und eine robots.txt, die niemanden aussperrt.
5. Kanonische URLs und hreflang, sobald mehr als eine Sprache im Spiel ist.

Das Nachrüsten dieser Grundlagen auf einer schlecht gebauten Seite kostet ein Vielfaches der sauberen Umsetzung, weil dabei fast immer die Vorlagen selbst angefasst werden müssen.

Googles Schwellenwerte lauten LCP unter 2,5 s, INP unter 200 ms und CLS unter 0,1. Gemessen wird an echten Nutzerdaten, nicht im Labor, und die Mobilfunkverbindung Ihres Besuchers ist Teil der Messung.

Die wirksamsten Maßnahmen sind unspektakulär: Bilder in WebP oder AVIF und in der Größe, in der sie angezeigt werden; verzögertes Laden unterhalb des sichtbaren Bereichs; ein Auslieferungsnetz vor der Anwendung; kritisches CSS inline; JavaScript aufgeteilt statt in einem Block; sinnvolle Zwischenspeicherung. Wer stattdessen drei Marketingskripte einbindet, verliert alles davon wieder.

Das Impressum ist Pflicht nach § 5 des Digitale-Dienste-Gesetzes: vollständiger Firmenname, ladungsfähige Anschrift, schnelle elektronische Kontaktmöglichkeit, Vertretungsberechtigte, Registergericht und Registernummer, Umsatzsteuer-Identifikationsnummer. Die Angaben müssen leicht erkennbar, unmittelbar erreichbar und ständig verfügbar sein. Bei Verstößen drohen Bußgelder bis 50.000 EUR, und im deutschen Markt kommt die Abmahnung durch einen Wettbewerber als praktisches Risiko hinzu. Die Pflicht trifft auch ausländische Anbieter, sobald sich das Angebot erkennbar an den deutschen Markt richtet.

Verarbeitet ein Dienstleister personenbezogene Daten für Sie, brauchen Sie einen Auftragsverarbeitungsvertrag nach Art. 28 DSGVO. Er regelt Weisungsbindung, Vertraulichkeit, technische und organisatorische Maßnahmen, Unterauftragsverarbeiter, Unterstützung bei Betroffenenrechten, Meldung von Vorfällen, Prüfrechte und die Rückgabe oder Löschung am Vertragsende. Ein fehlender oder fehlerhafter AVV kann beim Verantwortlichen mit bis zu 10 Mio. EUR oder 2 % des weltweiten Jahresumsatzes geahndet werden. Das trifft Sie, nicht Ihren Dienstleister.

Für Einwilligungen gilt: Ablehnen muss genauso einfach und genauso sichtbar sein wie Zustimmen. Technisch bedeutet das Consent Mode v2 mit Voreinstellung auf abgelehnt, Skripte werden erst nach der Entscheidung geladen. Und wenn Ihr Unternehmen unter das NIS2-Umsetzungsgesetz fällt, das seit dem 06.12.2025 in Kraft ist, wandern die Sicherheitsanforderungen ausdrücklich in die Lieferkette, also auch zu Ihrer Webagentur. Mehr dazu unter NIS2-Compliance.

Für die meisten Websites reicht eine Auslieferung am Rand des Netzes, etwa über Cloudflare Pages oder Workers, oft kostenlos oder im einstelligen Eurobereich. Vercel und Netlify sind für Next.js- und Astro-Projekte der bequemste Weg. Ein selbst verwalteter Server bei Hetzner oder DigitalOcean gibt volle Kontrolle für wenige Euro im Monat und verlagert die Wartung zu Ihnen.

Wichtiger als der Anbieter ist inzwischen der Standort. Der Bitkom Cloud Report 2026, eine repräsentative Befragung von 603 Unternehmen ab 20 Beschäftigten, kommt zu einem eindeutigen Bild: 98 % sagen, die Herkunft des Anbieters spiele eine Rolle, 68 % würden einen europäischen Anbieter bevorzugen, und 37 % würden Nachteile in Kauf nehmen, wenn die Verarbeitung ausschließlich in Deutschland stattfindet. Wenn Sie an den öffentlichen Sektor oder an regulierte Branchen verkaufen, klären Sie den Datenstandort vor der Architekturentscheidung und nicht im Fragebogen des Einkaufs.

Eine Website ist kein einmaliger Bau, sondern ein Produkt mit laufender Pflege. Eine WordPress-Installation braucht monatliche Aktualisierungen für Kern, Erweiterungen und Theme, sinnvollerweise zuerst in einer Testumgebung. Eine eigenentwickelte Seite kommt mit vierteljährlicher Prüfung und monatlicher Aktualisierung der Abhängigkeiten aus. In beiden Fällen gehören tägliche Sicherungen und eine Erreichbarkeitsüberwachung dazu.

Unsere Wartungspakete liegen je nach Umfang bei etwa 130 bis 390 EUR im Monat. Ohne Wartung läuft die Seite weiter, aber niemand aktualisiert die Bibliotheken. Nach ungefähr einem Jahr wird daraus ein Sicherheitsthema.

Sechs Fragen, die Sie vor der Unterschrift klären sollten:

1. Welche Vertragsform gilt? Ein Werkvertrag nach § 631 BGB schuldet ein abnahmefähiges Ergebnis, ein Dienstvertrag nach § 611 BGB nur die Tätigkeit. Beides ist legitim, aber es sollte bewusst gewählt sein.
2. Liegt ein AVV nach Art. 28 DSGVO vor, samt Liste der Unterauftragsverarbeiter? Wer erst nach Nachfrage sucht, hat ihn nicht.
3. Bekommen Sie den Quellcode mit der Abnahme, ohne Lizenzmodell, das Sie an den Anbieter bindet?
4. Gibt es Referenzen, die man anrufen kann, und laufende Systeme, die man aufrufen kann?
5. Wie sieht die Erreichbarkeit aus? Zeitzone, Antwortzeit, benannter Ansprechpartner, Sprache der Projektunterlagen.
6. Steht ein Preis vor dem Termin? Wer keine Spanne nennen kann, hat entweder zu wenig vergleichbare Projekte gemacht oder möchte den Preis erst nach dem Gespräch bilden.

Wenn Sie einen Partner außerhalb Deutschlands prüfen, kommen zwei Punkte dazu. Klären Sie, wer Vertragspartner ist und ob eine deutsche juristische Person dahintersteht; das ist ein echter Unterschied und kein Detail. Und klären Sie, ob das Modell Arbeitnehmerüberlassung nach AÜG auslöst, weil das Erlaubnispflichten und Equal-Pay-Fragen nach sich zieht. Wie wir das lösen, steht unter Nearshore-Softwareentwicklung in Ungarn.