Zum Hauptinhalt springen

Detaillierter Ablauf beim Aufbau einer neuen Webseite

Eine neue Webseite sollte nicht direkt mit dem Design beginnen. Zuerst werden Ziele, Domain, Hosting, Seitenstruktur und Inhalte geplant. Anschließend folgen Gestaltung, technische Umsetzung, Suchmaschinenoptimierung, Prüfung und Veröffentlichung.

01

Ziele der Webseite festlegen

  • Zweck bestimmen: Festlegen, ob eine Unternehmenswebseite, ein Onlineshop, eine Dienstleistungsseite, ein Portfolio, ein Blog oder eine lokale Landingpage entstehen soll.
  • Zielgruppe definieren: Privatkunden, Gewerbekunden, bestimmte Branchen, Altersgruppen oder regionale Zielgruppen bestimmen.
  • Hauptziel festlegen: Beispielsweise Anfragen erhalten, Anrufe generieren, Produkte verkaufen, Termine vereinbaren oder Informationen bereitstellen.
  • Leistungen erfassen: Alle Produkte, Leistungen, Standorte, Einsatzgebiete und Besonderheiten des Unternehmens zusammentragen.
  • Wettbewerber analysieren: Prüfen, welche Anbieter bei relevanten Suchbegriffen bereits gut sichtbar sind.
  • Webseiten der Konkurrenz vergleichen: Aufbau, Leistungsumfang, Inhalte, Nutzerführung und Kontaktmöglichkeiten untersuchen.
  • Inhaltslücken erkennen: Themen ermitteln, die von Wettbewerbern nicht oder nur oberflächlich behandelt werden.
  • Verbesserungspotenziale bestimmen: Schwächen anderer Webseiten gezielt durch bessere Inhalte, Technik oder Nutzerführung lösen.
↑ Zur Übersicht
02

Domain planen und auswählen

  • Domainnamen entwickeln: Der Name sollte kurz, verständlich, leicht zu schreiben und zur Firma oder Leistung passend sein.
  • Komplizierte Schreibweisen vermeiden: Unnötige Bindestriche, schwer verständliche Abkürzungen und missverständliche Begriffe vermeiden.
  • Domainendung auswählen: Beispielsweise .de für Deutschland, .ch für die Schweiz, .at für Österreich oder .com für internationale Projekte.
  • Verfügbarkeit prüfen: Kontrollieren, ob die gewünschte Domain noch registriert werden kann.
  • Varianten kontrollieren: Schreibweisen mit und ohne Bindestrich, Singular, Plural, Tippfehler und weitere Domainendungen prüfen.
  • Markenrechte prüfen: Vor der Registrierung prüfen, ob der Name bereits als Marke, Firma oder geschäftliche Bezeichnung geschützt ist.
  • Social-Media-Namen prüfen: Kontrollieren, ob passende Benutzernamen auf den benötigten Plattformen verfügbar sind.
  • Domain registrieren: Die Hauptdomain über einen Hostinganbieter oder Domainregistrar anmelden.
  • Zusätzliche Domains schützen: Sinnvolle Varianten registrieren und dauerhaft auf die Hauptdomain weiterleiten.
↑ Zur Übersicht
03

Hosting und technische Grundlage auswählen

  • Provider auswählen: Auf Serverstandort, Zuverlässigkeit, Support, Bedienbarkeit und technische Ausstattung achten.
  • Serverstandort berücksichtigen: Für deutsche Projekte ist ein Standort in Deutschland oder innerhalb der Europäischen Union sinnvoll.
  • Leistungsumfang prüfen: SSL-Zertifikat, Backups, aktuelle PHP-Versionen, Speicherplatz und E-Mail-Postfächer sollten enthalten sein.
  • Hostingtarif auswählen: Der Tarif muss zur Größe, Besucherzahl und technischen Komplexität der Webseite passen.
  • Vertragsbedingungen prüfen: Laufzeit, Kündigungsfrist, Verlängerungskosten und enthaltene Leistungen kontrollieren.
  • Kundenzugang absichern: Login-Daten sicher speichern und nach Möglichkeit eine Zwei-Faktor-Authentifizierung aktivieren.
  • Domain verbinden: DNS-Einstellungen, Nameserver und Zielverzeichnis korrekt konfigurieren.
  • SSL aktivieren: Die vollständige Webseite muss über eine verschlüsselte HTTPS-Verbindung erreichbar sein.
  • E-Mail-Adressen einrichten: Beispielsweise info@, kontakt@, anfrage@ oder persönliche Postfächer.
  • E-Mail-Sicherheit konfigurieren: SPF, DKIM und DMARC einrichten, damit Nachrichten seltener als Spam bewertet werden.
↑ Zur Übersicht
04

Webseitenstruktur planen

  • Keyword-Recherche durchführen: Relevante Suchbegriffe für Leistungen, Produkte, Standorte und häufige Kundenfragen ermitteln.
  • Suchintention analysieren: Prüfen, ob Nutzer Informationen, Preise, eine Anleitung, einen Anbieter oder einen direkten Kauf erwarten.
  • Seitentypen festlegen: Startseite, Über-uns-Seite, Leistungen, Standortseiten, Referenzen, Ratgeber, FAQ und Kontakt planen.
  • Leistungsseiten aufteilen: Wichtige Angebote sollten jeweils eine eigene, klar abgegrenzte Unterseite erhalten.
  • Menüstruktur entwickeln: Das Hauptmenü übersichtlich halten und die wichtigsten Inhalte schnell erreichbar machen.
  • URL-Struktur planen: Kurze und verständliche Verzeichnisse wie /leistungen/seo/ oder /standorte/berlin/ verwenden.
  • Interne Verlinkung vorbereiten: Thematisch passende Leistungsseiten, Standortseiten und Ratgeber miteinander verbinden.
  • Seitenprioritäten bestimmen: Verkaufs- und Leistungsseiten erhalten meist eine höhere Priorität als allgemeine Informationsseiten.
↑ Zur Übersicht
05

Inhalte vorbereiten

  • Unternehmensdaten sammeln: Firmenname, Ansprechpartner, Anschrift, Telefonnummer, E-Mail-Adresse und Öffnungszeiten erfassen.
  • Leistungsinformationen zusammentragen: Angebote, Preisfaktoren, Einsatzgebiete und Besonderheiten dokumentieren.
  • Vertrauensnachweise sammeln: Referenzen, Bewertungen, Zertifikate, Praxisbeispiele und häufige Kundenfragen vorbereiten.
  • Texte planen: Für jede Seite Hauptthema, Hauptkeyword, Nebenkeywords und das gewünschte Seitenziel bestimmen.
  • SEO-Texte erstellen: Inhalte hilfreich, verständlich, individuell und fachlich korrekt verfassen.
  • Überschriften aufbauen: Eine klare Gliederung aus H1, H2 und bei Bedarf H3 verwenden.
  • Vertrauenselemente einplanen: Echte Ansprechpartner, transparente Abläufe, Erfahrungen, Garantien und Kundenstimmen darstellen.
  • Handlungsaufforderungen definieren: Beispielsweise Angebot anfordern, Termin vereinbaren, anrufen oder Rückruf anfordern.
  • Bilder und Grafiken planen: Benötigte Motive für Header, Leistungen, Referenzen und Ratgeber festlegen.
  • Bildrechte prüfen: Nur eigene, lizenzierte oder ausdrücklich freigegebene Bilder verwenden.
↑ Zur Übersicht
06

Design und Nutzerführung entwickeln

  • Farben festlegen: Unternehmensfarben und ergänzende Farben für Hintergründe, Schaltflächen und Hinweise bestimmen.
  • Schriftarten auswählen: Gut lesbare, schnell ladende und für mobile Geräte geeignete Schriften verwenden.
  • Logo vorbereiten: Logo möglichst als SVG, WebP und PNG mit transparentem Hintergrund bereitstellen.
  • Zusatzformate erstellen: Eine quadratische Logoversion für soziale Medien und ein Favicon vorbereiten.
  • Seitendesign entwickeln: Header, Navigation, Hero-Bereich, Leistungsblöcke, Formulare, Buttons und Footer gestalten.
  • Mobile Darstellung mitplanen: Design von Anfang an für Smartphones, Tablets und Desktopcomputer entwickeln.
  • Angebot verständlich darstellen: Besucher müssen unmittelbar erkennen, welche Leistungen angeboten werden.
  • Einsatzgebiet sichtbar machen: Klar darstellen, in welchen Städten, Regionen oder Ländern das Unternehmen tätig ist.
  • Vertrauen vermitteln: Gründe zeigen, warum der Anbieter für die jeweilige Leistung geeignet ist.
  • Kontaktwege vereinfachen: Telefon, Formular, E-Mail und weitere Kontaktmöglichkeiten gut sichtbar platzieren.
↑ Zur Übersicht
07

Technische Installation

  • Content-Management-System auswählen: Beispielsweise WordPress oder ein anderes zur Aufgabe passendes System verwenden.
  • System installieren: Installation über den Provider oder manuell auf dem vorgesehenen Webspace durchführen.
  • Administratorkonto absichern: Keinen Benutzernamen wie „admin“ verwenden und ein starkes Passwort festlegen.
  • Zwei-Faktor-Authentifizierung aktivieren: Den Zugang zum Verwaltungsbereich zusätzlich schützen.
  • Grundeinstellungen vornehmen: Seitentitel, Sprache, Zeitzone, Datumsformat und Permalink-Struktur konfigurieren.
  • Benutzerrollen festlegen: Mitarbeitern nur die tatsächlich benötigten Rechte zuweisen.
  • Theme auswählen: Ein leichtes, responsives und technisch sauberes Theme oder ein individuelles Design verwenden.
  • Notwendige Plugins installieren: Erweiterungen für SEO, Backups, Sicherheit, Caching, Formulare und Bildoptimierung auswählen.
  • Weitere Funktionen ergänzen: Weiterleitungen und Cookie-Einwilligungen technisch einrichten.
  • Überflüssige Erweiterungen entfernen: Nicht benötigte Plugins und Themes vollständig löschen.
  • Staging-Umgebung einrichten: Die Webseite zunächst in einer geschützten Testumgebung aufbauen.
↑ Zur Übersicht
08

Webseite umsetzen

  • Globale Gestaltung einrichten: Farben, Schriftgrößen, Abstände, Seitenbreiten und Buttondesign zentral definieren.
  • Header erstellen: Logo, Navigation, Telefonnummer und einen gut sichtbaren Kontaktbutton einbauen.
  • Weitere Kontaktwege ergänzen: Bei Bedarf einen WhatsApp-Button oder eine Rückrufmöglichkeit integrieren.
  • Footer erstellen: Kontaktdaten, Leistungen, Standorte, Öffnungszeiten und rechtliche Seiten verlinken.
  • Startseite aufbauen: Unternehmen, Leistungen, Vorteile, Ablauf und Kontaktmöglichkeiten übersichtlich zusammenfassen.
  • Leistungsseiten erstellen: Für jede wichtige Leistung eine eigenständige Unterseite umsetzen.
  • Standortseiten erstellen: Bei lokalen Unternehmen wichtige Städte, Regionen oder Stadtteile abdecken.
  • Über-uns-Seite erstellen: Ansprechpartner, Erfahrung, Arbeitsweise und Unternehmensgeschichte darstellen.
  • Kontaktseite erstellen: Formular, Telefonnummer, E-Mail-Adresse, Anschrift und Öffnungszeiten integrieren.
  • Formulare einrichten: Nur notwendige Felder verwenden und Pflichtfelder deutlich kennzeichnen.
  • Bestätigungsseite erstellen: Nach einer Anfrage klar bestätigen, dass die Nachricht übermittelt wurde.
  • 404-Seite erstellen: Besucher bei fehlerhaften URLs zurück zur Navigation oder Startseite führen.
↑ Zur Übersicht
09

Suchmaschinenoptimierung durchführen

  • SEO-Titel erstellen: Jede wichtige Seite benötigt einen individuellen und thematisch passenden Seitentitel.
  • Meta-Beschreibungen verfassen: Inhalt, Nutzen und Handlungsaufforderung verständlich zusammenfassen.
  • H1-Überschriften prüfen: Jede Seite sollte eine eindeutige Hauptüberschrift besitzen.
  • URLs optimieren: Kurze, verständliche und dauerhaft angelegte Adressen verwenden.
  • Bilder optimieren: Aussagekräftige Dateinamen, Alt-Texte und passende Bildgrößen verwenden.
  • Moderne Bildformate einsetzen: Bilder als WebP oder AVIF speichern und die Dateigröße reduzieren.
  • Lazy Loading verwenden: Bilder und Medien möglichst erst beim Annähern an den sichtbaren Bereich laden.
  • Interne Links setzen: Leistungen, Standorte, Ratgeber und Kontaktseiten sinnvoll miteinander verknüpfen.
  • Strukturierte Daten einbauen: Je nach Seite LocalBusiness, Organization, Service, Product, FAQ oder Article verwenden.
  • Canonical-Tags kontrollieren: Probleme mit ähnlichen oder mehrfach erreichbaren Inhalten reduzieren.
  • XML-Sitemap erstellen: Alle indexierbaren Seiten für Suchmaschinen übersichtlich bereitstellen.
  • Robots.txt prüfen: Sicherstellen, dass wichtige Inhalte nicht versehentlich blockiert werden.
  • Breadcrumb-Navigation einrichten: Orientierung für Nutzer und Suchmaschinen verbessern.
↑ Zur Übersicht
10

Lokale Suchmaschinenoptimierung

  • Unternehmensdaten vereinheitlichen: Firmenname, Anschrift und Telefonnummer überall identisch angeben.
  • Google-Unternehmensprofil einrichten: Das Profil vollständig anlegen oder ein bestehendes Profil optimieren.
  • Leistungen und Kategorien ergänzen: Relevante Unternehmensbereiche möglichst genau auswählen und beschreiben.
  • Öffnungszeiten pflegen: Reguläre Zeiten und besondere Schließzeiten aktuell halten.
  • Unternehmensbilder verwenden: Echte Bilder von Mitarbeitern, Fahrzeugen, Räumen oder Projekten ergänzen.
  • Standortinformationen einbauen: Städte, Stadtteile, Regionen und Einsatzgebiete sinnvoll nennen.
  • Lokale Referenzen verwenden: Konkrete regionale Praxisbeispiele erhöhen Glaubwürdigkeit und Relevanz.
  • Kontaktdaten verlinken: Telefonnummern anklickbar, E-Mail-Adressen nutzbar und Anschriften verständlich darstellen.
↑ Zur Übersicht
11

Rechtliche Seiten und Datenschutz

  • Impressum erstellen: Die Angaben müssen zur Firma, Rechtsform und tatsächlichen Tätigkeit passen.
  • Datenschutzerklärung erstellen: Alle tatsächlich eingesetzten Dienste und Datenverarbeitungen berücksichtigen.
  • Cookie-Einwilligung einrichten: Nicht notwendige Dienste erst nach einer gültigen Zustimmung laden.
  • Formulare datenschutzgerecht gestalten: Datenschutzhinweise, Pflichtfelder und Einwilligungen korrekt integrieren.
  • Google Maps prüfen: Karten datenschutzgerecht einbinden oder erst nach Einwilligung laden.
  • Videos und externe Inhalte prüfen: YouTube, Bewertungswidgets und Social-Media-Plugins berücksichtigen.
  • Tracking und Schriftarten prüfen: Google Analytics und externe Schriftarten datenschutzgerecht konfigurieren.
  • Newsletterdienste dokumentieren: Anmeldung, Datenverarbeitung und Abmeldung rechtlich korrekt gestalten.
  • Auftragsverarbeitungsverträge prüfen: Verträge mit Hosting-, Analyse-, Newsletter- oder Cloud-Anbietern abschließen.
  • Onlineshop-Rechtstexte ergänzen: AGB, Widerrufsbelehrung, Versand, Zahlungsarten und Lieferzeiten bereitstellen.
  • Preis- und Rückgabeinformationen darstellen: Preisangaben, Rückgaberegeln und weitere Pflichtinformationen ergänzen.
↑ Zur Übersicht
12

Sicherheit einrichten

  • Automatische Backups konfigurieren: Datenbank und sämtliche Webseitendateien regelmäßig sichern.
  • Externe Sicherung verwenden: Backups nicht ausschließlich auf demselben Server speichern.
  • Login schützen: Wiederholte fehlgeschlagene Anmeldeversuche automatisch begrenzen.
  • Zwei-Faktor-Authentifizierung einrichten: Administratorkonten zusätzlich absichern.
  • Updates durchführen: Content-Management-System, Theme und Plugins aktuell halten.
  • Benutzerrechte begrenzen: Nicht jeder Benutzer benötigt vollständige Administratorrechte.
  • Sicherheitsprüfung durchführen: Sensible Dateien, Verzeichnisse und Zugangsdaten auf öffentliche Erreichbarkeit prüfen.
  • Nicht benötigte Zugänge entfernen: Alte Mitarbeiter- oder Testkonten löschen beziehungsweise deaktivieren.
↑ Zur Übersicht
13

Ladezeit optimieren

  • Bilder komprimieren: Dateien auf die tatsächlich benötigte Größe reduzieren.
  • Unnötigen Quellcode vermeiden: Überflüssige Elemente, Bibliotheken und verschachtelte Strukturen reduzieren.
  • CSS reduzieren: Nicht benötigte Gestaltungsregeln entfernen und Dateien möglichst kompakt halten.
  • JavaScript optimieren: Nur notwendige Skripte laden und blockierende Dateien reduzieren.
  • Caching aktivieren: Wiederkehrenden Besuchern bereits geladene Inhalte schneller bereitstellen.
  • Datenbank bereinigen: Revisionen, temporäre Daten und nicht mehr benötigte Einträge entfernen.
  • Schriftarten optimieren: Anzahl, Schnitte und Dateigrößen der verwendeten Fonts begrenzen.
  • Videos verzögert laden: Große Videodateien oder externe Player nicht unnötig direkt beim Seitenaufruf laden.
  • Große Slider vermeiden: Aufwendige Animationen und umfangreiche Bildwechsel nur gezielt verwenden.
  • Core Web Vitals prüfen: Ladezeit, Layoutstabilität und Reaktionsgeschwindigkeit regelmäßig kontrollieren.
↑ Zur Übersicht
14

Funktionsprüfung vor der Veröffentlichung

  • Alle Seiten kontrollieren: Inhalt, Aufbau und Vollständigkeit prüfen.
  • Navigation testen: Hauptmenü und mobile Navigation vollständig durchgehen.
  • Links überprüfen: Interne und externe Verlinkungen testen.
  • Formulare absenden: Übermittlung und Empfang echter Testanfragen kontrollieren.
  • E-Mail-Zustellung prüfen: Spamordner und Absenderkonfiguration berücksichtigen.
  • Telefonnummern testen: Anklickbare Telefonnummern besonders mobil überprüfen.
  • Buttons kontrollieren: Ziele und Beschriftungen aller Schaltflächen prüfen.
  • Smartphone-Darstellung testen: Verschiedene Bildschirmgrößen berücksichtigen.
  • Tablet-Darstellung prüfen: Hoch- und Querformat testen.
  • Browser vergleichen: Chrome, Firefox, Edge und Safari berücksichtigen.
  • Rechtschreibung kontrollieren: Texte auf Grammatik und Schreibfehler prüfen.
  • Bilder überprüfen: Darstellung, Dateigröße und Alt-Texte kontrollieren.
  • Überschriftenstruktur prüfen: H1, H2 und H3 logisch anordnen.
  • Ladezeiten messen: Langsame Seiten und große Ressourcen erkennen.
  • 404-Seite testen: Fehlerhafte URLs gezielt aufrufen.
  • Weiterleitungen prüfen: Alte und alternative URLs kontrollieren.
  • Cookie-Einstellungen testen: Einwilligungen und Ablehnungen nachvollziehen.
↑ Zur Übersicht
15

Veröffentlichung der Webseite

  • Wartungsmodus entfernen: Die öffentliche Ansicht der Webseite freigeben.
  • Indexierung erlauben: Suchmaschinen dürfen die vorgesehenen Seiten crawlen und indexieren.
  • Hauptdomain festlegen: Entscheiden, ob die Webseite dauerhaft mit oder ohne www erreichbar sein soll.
  • HTTPS-Weiterleitung einrichten: Alle HTTP-Aufrufe dauerhaft auf die verschlüsselte Version umleiten.
  • Domainvarianten weiterleiten: Alternative Schreibweisen auf die Hauptdomain führen.
  • Alte URLs weiterleiten: Besonders bei einem Relaunch passende 301-Weiterleitungen einrichten.
  • Cache leeren: Sicherstellen, dass die aktuelle Version öffentlich ausgeliefert wird.
  • Sitemap einreichen: XML-Sitemap bei relevanten Suchmaschinen hinterlegen.
  • Google Search Console einrichten: Domain bestätigen, Sitemap einreichen und Indexierung überwachen.
  • Bing Webmaster Tools einrichten: Sichtbarkeit und technische Meldungen für Bing kontrollieren.
  • Tracking testen: Besucherstatistiken, Formularabschlüsse und weitere Conversions überprüfen.
↑ Zur Übersicht
16

Betreuung nach dem Start

  • Indexierung kontrollieren: Prüfen, ob die vorgesehenen Seiten von Suchmaschinen aufgenommen werden.
  • Search-Console-Fehler prüfen: Technische Probleme und Crawlingfehler zeitnah beheben.
  • Rankings beobachten: Entwicklung wichtiger Keywords und Leistungsseiten verfolgen.
  • Besucher auswerten: Aufrufe, Einstiegsseiten und Nutzerverhalten analysieren.
  • Anfragen messen: Kontaktformulare, Anrufe und weitere Conversions kontrollieren.
  • Suchbegriffe analysieren: Neue Themen und Optimierungsmöglichkeiten aus tatsächlichen Suchanfragen ableiten.
  • Inhalte aktualisieren: Veraltete Angaben, Leistungen und Informationen regelmäßig überarbeiten.
  • Neue Leistungsseiten ergänzen: Das Angebot bei Veränderungen oder Erweiterungen ausbauen.
  • Ratgeber und FAQ erweitern: Neue Kundenfragen und hilfreiche Themen aufnehmen.
  • Interne Verlinkung verbessern: Neue und bestehende Inhalte sinnvoll miteinander verbinden.
  • Backups kontrollieren: Sicherstellen, dass automatische Sicherungen tatsächlich durchgeführt werden.
  • Updates durchführen: System, Theme und Erweiterungen auf einem aktuellen Stand halten.
  • Sicherheit prüfen: Ungewöhnliche Zugriffe, Schadsoftware und veraltete Benutzerkonten kontrollieren.
  • Ladezeiten überwachen: Leistungseinbrüche nach Änderungen frühzeitig erkennen.
  • Formulare testen: Kontaktwege regelmäßig mit echten Testanfragen überprüfen.
  • Bewertungen ergänzen: Neue Kundenstimmen und Referenzprojekte sichtbar einbinden.
  • Monatliche SEO-Auswertung erstellen: Rankings, Besucher, Anfragen und technische Entwicklungen zusammenfassen.
↑ Zur Übersicht

Zur Webseitenpflege

Zum Angebot Webdesign

Download 

[Download nicht gefunden.]
Webdesign ab 1190 Euro