Bevor Sie Ihre letzten Änderungen veröffentlichen, ist es wichtig, Ihre Website in der Vorschau anzusehen, um genau zu verstehen, wie sie Ihren Besuchern angezeigt wird. Sehen Sie es als letzte Generalprobe, damit jedes Element – von Ihrem neuesten Blogbeitrag bis hin zur neuen Kontakt-Schaltfläche – sauber, stimmig und professionell wirkt.
Um Ihre Website auf verschiedenen Plattformen anzusehen, klicken Sie im Website-Editor auf das Desktop-Symbol und wählen Sie eine der folgenden Anzeigeoptionen:
Desktop – Die Standardansicht im Editor, die die Website so zeigt, wie sie auf normalen Computerbildschirmen erscheint.
Tablet und Mobil – Zeigt, wie sich Ihr Layout automatisch an kleinere Bildschirme und Tablets anpasst.
App – Vorschau Ihrer Website so, wie sie als installierte App auf den Geräten Ihrer Nutzer angezeigt wird (Android, iOS).
Neues Fenster – Öffnet eine Live-Vorschau in einem separaten Browser-Tab und liefert die genaueste Darstellung des Besuchererlebnisses.
Zurück in den Bearbeitungsmodus – Wenn Sie mit der Überprüfung fertig sind, klicken Sie auf diese Schaltfläche, um zurück in den Editor zu wechseln.
Auch wenn Ihre Website von Natur aus responsiv ist, können Sie mit den Mobilen Einstellungen bestimmte visuelle Elemente für Handheld-Geräte gezielt feinjustieren:
Kopfzeile und Schrift – Passen Sie die Kopfzeilenhöhe und die Schriftgröße in der Kopfzeile an, damit Ihr Branding klar erkennbar bleibt, ohne zu viel Platz auf dem Bildschirm einzunehmen.
Menüdarstellung – Personalisieren Sie den Menütyp und die Menüfarbe des mobilen Popup-Menüs, passend zur Optik Ihrer Marke.
Layout und Abstände – Nutzen Sie Textausrichtung, um den Menütext zu positionieren, und Abstand zwischen Seiten, um den vertikalen Abstand zwischen den Navigationslinks zu steuern.
Steuern Sie Aspekte der App-Version Ihrer Website
Dynamische Anpassungen – Mit den mobil-spezifischen Einstellungen können Sie Layoutprobleme – z. B. zu große Texte auf kleinen Bildschirmen – beheben, ohne die Desktop-Version Ihrer Website zu beeinflussen.
Konsistenzprüfung – Vor einem größeren Launch wird die Vorschau in einem „Neuen Fenster“ dringend empfohlen, da Sie Links und Schaltflächen in einer sauberen Browser-Umgebung testen können.
Nutzererlebnis – Achten Sie auf Mobilgeräten besonders auf Menüfarbe und Textausrichtung; ein kontrastreiches, zentriertes Menü lässt sich häufig leichter mit dem Daumen bedienen.
