Systemvergleiche, Hosting-Checks und Anleitungen für die eigene Website. Was eine Website kostet

Übersicht

Alle Ratgeber

Sämtliche Beiträge nach Themenbereich sortiert. Jeder Bereich hat eine Übersichtsseite, die die Entscheidung einordnet, und darunter die Detailseiten.

Einstieg

Website erstellen

Wer heute eine Website braucht, hat drei realistische Wege: selbst mit einem Baukasten, selbst mit einem CMS oder mit fremder Hilfe. Dieser Bereich sortiert die Entscheidung, statt sie zu verkomplizieren.

Systemwahl

Baukasten & CMS

Die Systemwahl entscheidet über Jahre: über Kosten, über Wechselaufwand und darüber, wie viel man selbst pflegen kann. Hier stehen Baukästen, klassische CMS und statische Systeme nebeneinander.

Handwerk

Webdesign-Grundlagen

Gutes Webdesign ist kein Geschmacksthema, sondern ein Handwerk mit nachvollziehbaren Regeln. Layout, Typografie, Farbe und Hierarchie lassen sich lernen und prüfen.

Handwerk

Layout und Raster

Was Layouts sind und wie ein Raster funktioniert: die gängigen Layout-Typen mit Beispielen, das 12-Spalten-Raster praktisch angewendet, ein Abstandssystem, das sich selbst durchhält, und die Breakpoint-Strategie.

Weiterlesen →
Handwerk

Typografie für Websites

Typografie im Web mit konkreten Werten: Schriftgröße, Zeilenlänge, Zeilenabstand, Schriftwahl, Hierarchie und die Fehler, die Text unlesbar machen.

Weiterlesen →
Handwerk

Farben im Webdesign

Wie man ein Farbsystem mit klaren Rollen aufbaut, wie viele Farben man braucht, warum Kontrast die Auswahl begrenzt und welche Farbfehler am häufigsten vorkommen.

Weiterlesen →
Handwerk

Visuelle Hierarchie

Wie man mit Größe, Gewicht, Kontrast, Raum und Position eine erkennbare Rangfolge erzeugt, warum eine Seite genau eine primäre Handlung braucht und was Hierarchie zerstört.

Weiterlesen →
Handwerk

Website-Navigation

Wie gute Website-Navigation aufgebaut ist: horizontale Menüs, Burger und Mega-Menü im Vergleich, die Regeln für Beschriftungen und Reihenfolge, Mobile-Navigation und die Anforderungen an die Barrierefreiheit.

Weiterlesen →
Handwerk

Responsive Design

Responsive Webdesign praktisch: warum man von der kleinen Breite aufwärts entwirft, welche Breakpoints sinnvoll sind, wie Bilder und Assets responsiv werden, welche Umbau-Muster funktionieren und die Testmatrix mit Werkzeugen.

Weiterlesen →
Handwerk

Website-Footer

Was in den Website-Footer gehört: Pflichtlinks wie Impressum und Datenschutz, bewährte Strukturen vom Einzeiler bis zum Mega-Footer, UX-Konventionen, Barrierefreiheit und die häufigsten Fehler.

Weiterlesen →
Handwerk

UX-Grundlagen

Was Nutzerfreundlichkeit praktisch bedeutet: erkennbare Bedienelemente, ehrliche Formulare, sinnvolle Fehlermeldungen, Ladezustände und die Prüfungen, die man ohne Budget selbst machen kann.

Weiterlesen →
Handwerk

Webdesign-Trends einordnen

Trends haben eine Halbwertszeit von zwei Jahren, Websites eine Lebensdauer von fünf bis zehn. Welche Entwicklungen einen funktionalen Kern haben und welche nur Mode sind.

Weiterlesen →

Fundament

Hosting & Domains

Hosting ist der unsichtbare Teil einer Website und gleichzeitig der, der Ladezeit, Erreichbarkeit und Datenschutz bestimmt. Hier steht, worauf es je Projekttyp ankommt.

Das größte CMS

WordPress

WordPress betreibt einen erheblichen Teil des Webs und ist deshalb Standardantwort auf fast jede Frage. Manchmal zu Recht, manchmal nicht. Hier steht beides.

E-Commerce

Onlineshop

Ein Shop ist eine Website mit erheblich mehr Pflichten. Neben der Systemfrage entscheiden Produktseiten, Zahlungsarten und Rechtstexte über Umsatz und Ärger.

Ladezeit

Performance

Ladezeit ist messbar, und die meisten Probleme liegen an wenigen Stellen: Bilder, Schriften, Skripte, Hosting. Hier steht, was tatsächlich wirkt.

Sichtbarkeit

SEO-Grundlagen

Suchmaschinenoptimierung beginnt beim Seitenaufbau, nicht bei Tricks. Wer Struktur, Technik und Inhalte sauber aufsetzt, hat den größten Teil erledigt.

Pflicht seit 2025

Barrierefreiheit

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz für einen großen Teil der digitalen Angebote. Für viele Websites ist das die erste echte Design-Pflicht.

Pflicht seit 2025

BFSG: wen es trifft und was zu tun ist

Das Barrierefreiheitsstärkungsgesetz gilt seit 28. Juni 2025. Wer betroffen ist, wie die Kleinstunternehmen-Ausnahme genau greift, welche Übergangsregelungen gelten, wer kontrolliert und was auf der Website zu ändern ist.

Weiterlesen →
Pflicht seit 2025

BFSG-Fristen und Übergangsfristen

Die Fristen des Barrierefreiheitsstärkungsgesetzes im Überblick: der Stichtag 28. Juni 2025, die Übergangsfrist für Bestandsverträge bis 2030, die Regel für Selbstbedienungsterminals und die Missverständnisse, die teuer werden.

Weiterlesen →
Pflicht seit 2025

BFSG-Abmahnung und Sanktionen

Was bei BFSG-Verstößen tatsächlich droht: wie die Marktüberwachung vorgeht, welche Bußgelder das Gesetz vorsieht, welche Rolle Verbände und Wettbewerber spielen und wie groß das Abmahnrisiko realistisch ist.

Weiterlesen →
Pflicht seit 2025

Barrierefreiheitserklärung

Wer eine Barrierefreiheitserklärung braucht, was nach BFSG und BITV hineingehört, eine Muster-Gliederung zum Übernehmen, wo die Erklärung verlinkt wird und welche Fehler sie entwerten.

Weiterlesen →
Pflicht seit 2025

WCAG-Grundlagen

Die vier Prinzipien der WCAG, die Konformitätsstufen, eine AA-Kriterien-Tabelle mit Praxisbeispielen und die Neuerungen der WCAG 2.2, mit konkreter Umsetzung für normale Websites.

Weiterlesen →
Pflicht seit 2025

Kontraste prüfen

Welche Kontrastwerte gefordert sind, wie man sie prüft, wo die Fallen liegen (Text auf Bildern, Platzhalter, Fokusfarben) und wie man ein Farbsystem baut, das die Werte einhält.

Weiterlesen →
Pflicht seit 2025

Alt-Texte schreiben

Wie man Alternativtexte für Bilder schreibt: die Entscheidungsregel für leere Alt-Texte, Formeln für informative Bilder, Sonderfälle wie Logos, Diagramme und verlinkte Bilder, und die Umsetzung im CMS.

Weiterlesen →
Pflicht seit 2025

Tastaturbedienung

Wie man eine Website vollständig tastaturbedienbar macht: sichtbarer Fokus, sinnvolle Reihenfolge, Sprungmarke, bedienbare Menüs und Überlagerungen ohne Fokusfalle.

Weiterlesen →
Pflicht seit 2025

Barrierefreie PDF

Wie barrierefreie PDF-Dokumente entstehen: Tagging in Word, InDesign und Acrobat, der Standard PDF/UA, Prüfung mit dem PAC, und die ehrliche Vorfrage, wann HTML die bessere Wahl ist.

Weiterlesen →
Pflicht seit 2025

Barrierefreiheit testen

Ein praktikabler Prüfablauf für Barrierefreiheit: was WAVE, axe, Lighthouse und PAC finden, ein manueller Testplan in zehn Schritten, die Grenzen automatischer Tests und wie man Befunde priorisiert und dokumentiert.

Weiterlesen →
Pflicht seit 2025

Barrierefreier Onlineshop

Warum Onlineshops im Kern des BFSG stehen, wo Shops typischerweise scheitern (Kasse, Varianten, Fehlermeldungen), was bei Shopsystemen und Zahlungsdiensten zu prüfen ist und in welcher Reihenfolge man umsetzt.

Weiterlesen →

Pflichtangaben

Recht & Datenschutz

Impressum, Datenschutzerklärung, Cookie-Einwilligung und Auftragsverarbeitung sind der Teil, den fast jede Seite braucht und viele falsch haben. Kein Ersatz für Rechtsberatung, aber eine belastbare Landkarte.

Werkzeuge

Tools & Ressourcen

Design-Tools, Bildquellen, Schriften, Icons und Test-Werkzeuge. Sortiert nach Aufgabe, mit Hinweis darauf, was kostenlos genügt und wo Geld sinnvoll ist.

Budget

Kosten & Preise

Zwischen 0 Euro und fünfstelligen Beträgen liegt fast alles, und beide Enden können richtig sein. Dieser Bereich rechnet die Wege durch, inklusive laufender Kosten.

Einige Links auf diesem Portal sind Empfehlungslinks. Wird darüber ein Vertrag geschlossen, erhält IDA Webdesign unter Umständen eine Vergütung. Für Sie ändert sich am Preis nichts, und die Bewertung eines Anbieters hängt nicht davon ab. Inhalte zu Recht und Datenschutz sind allgemeine Orientierung und keine Rechtsberatung.