Checkliste für die Veröffentlichung deiner Website

Eine Website zu bauen ist ein Projekt, an dem oft ein Designer, ein Texter und ein Entwickler gleichzeitig mitarbeiten. Da den Überblick zu behalten, ist gar nicht so leicht: der Abstand, den du noch anpassen wolltest, das Logo, das neu hochgeladen werden muss, die geänderte Telefonnummer und vieles mehr. Mit unserer Liste unten stellst du sicher, dass alles sitzt.

Vorlage

Am Anfang steht die Wahl einer Vorlage. Den größten Teil der kreativen Gestaltung haben unsere Spezialisten schon übernommen: Die Vorlagen bringen ein durchgängiges Design mit, von Bildern und Layouts bis zu Abständen und Zeilenhöhen. Mit ein paar zusätzlichen Schritten sorgst du dafür, dass sie effizient funktioniert.

Layouts

Header, Footer und Navigation passen bereits zu deiner Vorlage, lassen sich aber vielfältig ändern. Je nach Zweck deiner Website wählst du zum Beispiel einen Header mit Fokus auf Social Media oder einen mit Call-to-Action-Buttons. Für Desktop, Tablet und Mobilgerät kannst du außerdem unterschiedliche Layouts festlegen.

Bilder und Farben

Alle unsere Vorlagen haben eine lebendige Farbpalette und eine große Auswahl an Bildern. Du musst die Website also nur noch in deinen Markenfarben einfärben und die Bilder auswählen, die zu deiner Nische passen. Vergiss dabei nicht, wirklich alle Elemente der Vorlage an deinen Stil anzupassen.

Besuche jede Seite und prüfe genau, ob die Farbe der Textelemente und der Hintergründe stimmt. Wechsle dabei jeweils in die Desktop-, Tablet- und Mobilansicht.

Um Bilder zu ändern, klicke im linken Bereich auf Thema und dann auf Bilder.

Seitenhintergründe

Ersetze die Standard-Seitenhintergründe, die mit der Vorlage geliefert werden. Du kannst für jede Seite ein eigenes Hintergrundbild festlegen. Ändere also nicht nur das Haupthintergrundbild, sondern auch die einzelnen Seitenhintergründe.

Um den Hintergrund der Website zu ändern, klicke im linken Bereich auf Thema und dann auf Backgrounds.

Einheitlicher Markenauftritt

Wenn deine Website dein Unternehmen oder deine Organisation begleitet und du bereits ein Branding-Paket hast, sorge dafür, dass die Website es widerspiegelt.

Schriftarten

Wenn dein Unternehmen auch gedruckte Materialien hat, etwa Broschüren, Flyer oder Visitenkarten zur Werbung, verwende dieselben Schriftarten und Farben wie auf deiner Website. Bei den Schriftarten deckt unsere umfangreiche integrierte Bibliothek die meisten weit verbreiteten Schriftarten ab. Ist die Schrift nicht verfügbar, kannst du Google Fonts verwenden oder sogar deine eigene Schrift mit der @font-face-Technologie auf der Website einbinden.

Um die Schriftart des Themes zu ändern, klicke im linken Bereich auf Thema und dann auf Text.

Logo

Dein Logo gehört in den Header deiner Website. Bei den meisten Vorlagen ersetzt du dafür einfach das voreingestellte Logo durch dein eigenes. Prüfe dabei Header und Footer.

Bei manchen Vorlagen lädst du auf dem Desktop ein größeres Bild hoch und auf dem Mobilgerät eine kleinere, schärfere Version. Dann aktualisierst du das Logo für jedes Gerätelayout einzeln.

Favicon

Mit einem Favicon hebt sich deine Website in den Browser-Tabs deiner Besucher ab. Am besten lädst du eine kleine Version deines Logos hoch. Ist das Logo zu groß, nimm einfach ein kleines Symbol, das farblich zum Design deiner Website passt.

Um ein Favicon hochzuladen, klicke im linken Bereich auf Mehr, dann auf Einstellungen und dann auf Favicon & Social Image. Klicke neben Favicon auf +Bild.

SEO-Optimierung

Bei jeder Website, die du erstellst, gibt der Webseiten-Baukasten sein Bestes, damit deine Seiten schnell laden. Wir passen die Bildgrößen für deine Website automatisch an und optimieren den Code. Beim Veröffentlichen einer Website wird die Sitemap an Google und Bing übermittelt, damit sie indexiert wird. Führe die folgenden Punkte aus, um deine Website weiter zu optimieren.

Um alle SEO-Einstellungen zu sehen, klicke im linken Bereich auf AEO/SEO.

Bildoptimierung

Wir passen Bilder automatisch in der Größe an, komprimieren sie und zeigen die für das jeweilige Gerät passende Version an. Allerdings lässt sich nicht jedes Bild mit modernen Optimierungswerkzeugen voll ausschöpfen. Kein Komprimierungswerkzeug wird zum Beispiel ein Bild mit 4000x7000 Pixeln optimieren. Da die meisten deiner Nutzer keine so breiten Bildschirme haben, lade einfach kleinere Bilder hoch.

Meta-Tags für Suchmaschinen und Social Media

Damit die Vorschau deiner Seite in sozialen Medien und die Snippets in Suchmaschinen gut aussehen, denke daran, Folgendes festzulegen:

• Titel und Beschreibung der Website
• Bild für soziale Medien
• Titel und Beschreibungen der Seiten

Alt-Text

Suchmaschinen sehen die Bilder auf deiner Website nicht, lesen aber den Alt-Text dazu aus. Nutze ihn, um einige deiner Website-Keywords unterzubringen.

Um einem Bild einen Alt-Text hinzuzufügen, klicke im Editor auf das Bild und gib den Alt-Text auf der Registerkarte Content in das dafür vorgesehene Feld ein.

Alt-Text ist besonders wichtig für Seiten mit vielen Bildern, aber wenig Inhalt. Text ist der wichtigste Weg, um mit Suchmaschinen zu kommunizieren. Lass dir diese Gelegenheit also nicht entgehen.

Hinweis: Achte darauf, dass der Alt-Text zum Bild passt. Andernfalls schadest du deinem SEO, statt ihm zu helfen.

Links aufbauen

Prüfe am besten vor dem Veröffentlichen, ob es defekte Links oder fehlende Seiten gibt. Solange deine Sitemap noch nicht erstellt ist und Google die Website noch nicht gecrawlt hat, ist dafür der beste Zeitpunkt.

URL-Weiterleitungen

Wechselst du von einer bestehenden Website zum Webseiten-Baukasten, lege für jede alte Seite eine passende neue Seite an. So bleibt das SEO-Ranking der Seiten erhalten.

Wenn du bestimmte Seiten loswerden möchtest, richte eine URL-Weiterleitung von einer fehlenden Seite auf eine tatsächlich vorhandene Seite deiner Website ein.

Um URL-Weiterleitungen einzurichten, klicke im linken Bereich auf Mehr, dann auf Einstellungen und dann auf URL-Weiterleitung. Klicke auf Neue Weiterleitung hinzufügen.

404-Fehler

Um eine eigene 404-Seite zu erstellen, klicke im linken Bereich auf Mehr, dann auf Einstellungen und dann auf 404-Seite.

SSL-Zertifikat

Seit Juli 2018 wertet Google Seiten ohne SSL-Zertifikat ab. SSL-Zertifikate sind kostenlos und lassen sich mit einem Klick installieren. Vergiss nach der Installation des Zertifikats nicht, deine Besucher zu zwingen, die Website über HTTPS-Verbindungen zu öffnen.

Deine Botschaft verbreiten

Wenn du eine Website mit dem Ziel erstellt hast, mehr Aufmerksamkeit auf dein Unternehmen oder dein Anliegen zu lenken, rücke sie mithilfe unserer Tools ins Rampenlicht.

Call-to-Action-Buttons

Wenn du eine Unternehmens- oder Werbe-Website hast, platziere Call-to-Action-Buttons im Header, im Footer oder auf der Startseite deiner Website, um maximale Sichtbarkeit zu erreichen.

Personalisierungsregeln

Platziere über Personalisierungsregeln passende Links auf Pop-ups oder Benachrichtigungsleisten. So stellst du sicher, dass die vielversprechendsten Leads deine Werbematerialien garantiert sehen.

Kontaktformulare

Es kostet viel Mühe, deine Botschaft online zu vermitteln. Achte also darauf, dass du auch die Rückmeldungen erhältst! Mach einen kurzen Test mit deinen Kontaktformularen, um sicherzugehen, dass die E-Mails bei dir ankommen. Weitere Informationen zu Kontaktformularen findest du unter „Kontaktformulare".

Rechtliche Aspekte

Fehlt eine Rechtsseite, kann das weitreichende Folgen haben. Achte deshalb auf Folgendes:

• Cookie-Hinweis
• Datenschutzseite
• Opt-in-Felder in Kontaktformularen

Prüfe die rechtlichen Anforderungen des Landes, aus dem deine Zielgruppe stammt, um die Cookie-Hinweise und die Datenschutzseite anzupassen.