Seit Oktober 2026 ist jede hPage-Homepage automatisch für Mobilgeräte geeignet: Alle Designs bringen ein mobiles Layout mit, und es gibt nichts einzustellen. Die frühere Einstellung Mobile Design gibt es nicht mehr.
So funktioniert das mobile Layout
- Auf Smartphones und Tablets wird Ihre Homepage in einer Spalte angezeigt: Kopfbereich, Menü und Inhalt untereinander. Das Menü klappt sich hinter die Menü-Überschrift Ihres Designs und öffnet sich mit einem Tipp.
- Inhalte, Farben und Schriften sind dieselben wie am Computer. Sie bearbeiten Ihre Seiten nur einmal; es gibt keine getrennten mobilen Inhalte zu pflegen.
- Bilder, Videos und Tabellen werden auf die Breite des Bildschirms verkleinert. Breite Tabellen mit fester Breite lassen sich seitlich scrollen.
- Das mobile Layout gilt für Touchscreens, die schmaler als Ihr Design sind, und für jeden Bildschirm, der schmaler als 1024 Pixel ist. Ein Laptop mit Maus und einem schmaleren Browserfenster behält das Desktop-Design.
Homepage auf dem Smartphone prüfen
- Klicken Sie in der Seitenleiste auf Homepage besuchen, um die Adresse Ihrer Homepage zu sehen, und öffnen Sie diese Adresse im Browser Ihres Smartphones.
- Ohne Smartphone: Öffnen Sie Ihre Homepage am Computer und machen Sie das Browserfenster schmaler als 1024 Pixel. Das Layout wechselt in das mobile Layout.
- Zeigt Ihr Smartphone noch eine alte Version, laden Sie die Seite neu. Mobile Browser behalten Seiten eine Weile im Zwischenspeicher.
Tipps für Bilder
- Sie müssen Bilder nicht für Mobilgeräte verkleinern: Sie werden automatisch angepasst und behalten ihre Proportionen.
- Halten Sie die Dateigrößen klein, damit die Seiten auch über eine mobile Verbindung schnell laden. Die Bildkomprimierung beim Hochladen von Dateien hilft dabei.
- Verzichten Sie auf wichtigen Text innerhalb von Bildern: Auf einem kleinen Bildschirm ist er schwer zu lesen. Schreiben Sie den Text stattdessen als Text.
- Bilder, die links oder rechts vom Text stehen, werden mobil schmaler angezeigt, damit daneben noch Text Platz hat.
Tipps für Texte und Tabellen
- Schreiben Sie kurze Absätze und verwenden Sie Überschriften; lange Textblöcke sind auf dem Smartphone schwer zu lesen.
- Vermeiden Sie feste Breiten in eigenem HTML (zum Beispiel
width="800"); verwenden Sie Prozentangaben oder gar keine Breite. - Bevorzugen Sie Tabellen mit einer Breite von 100 % oder ohne Breitenangabe. Eine Tabelle mit fester Breite wird mobil seitlich gescrollt.
- Sehr lange Wörter und Internetadressen werden am Bildschirmrand umgebrochen; ein Leerzeichen oder Bindestrich gibt dem Browser eine bessere Stelle dafür.