Wissensdatenbank

Eine Mobilseite ist eine zweite, schmale Kopie einer Seite, die nur für Smartphones gedacht ist. Sie bauen sie mit 480 Pixeln Breite und verknüpfen dann Ihre Desktop-Seite damit. Wenn jemand die Desktop-Seite auf einem Smartphone öffnet, leitet EverWeb ihn automatisch zur Mobilseite weiter. Ihr Desktop-Design bleibt genau so, wie es ist.

Wann Sie das brauchen

• Eine Pension hat ihre Website mit iWeb erstellt und mag, wie sie aussieht. Sie möchte, dass Besucher auf dem Smartphone die Preise und einen Button Buchen ohne Zoomen sehen.
• Ein Installateur möchte eine Smartphone-Version der Startseite, die auf einen Bildschirm passt: Telefonnummer, Einsatzgebiet und ein Kontaktformular.
• Ein Chor möchte, dass seine Konzerttermine auf dem Smartphone lesbar sind, während die vollständigen Desktop-Seiten so bleiben, wie sie sind.

Mobilseite oder Responsiv?

Verwenden Sie Mobilseiten, wenn Ihre Website ein Zentriertes Layout hat und Sie mit dem Design zufrieden sind. Wenn Sie neu beginnen oder viele Seiten haben, brauchen Responsiv-Seiten nur ein Design pro Seite. Siehe Muss ich meine EverWeb-Website für Mobilgeräte neu gestalten?

Um den Seitentyp zu prüfen, wählen Sie eine Seite aus und gehen Sie zu Inspektor > Seiteneinstellungen > Seitenlayout. Dort sollte Zentriertes Layout stehen. Ändern Sie das Seitenlayout einer bestehenden Seite nicht: Das kann Ihr Design durcheinanderbringen, und Sie können es nicht rückgängig machen.

1. Die Mobilseite hinzufügen

1. Klicken Sie in der Symbolleiste auf Seite hinzufügen.
2. Zeigen Sie in der Auswahl der Themenvorlagen über das Filtermenü nur Vorlagen mit Feste Breite an, wählen Sie Ihr Thema und dessen Seitenstil Mobil. Klicken Sie auf Wählen.
3. Benennen Sie die Seite um, damit Sie sie unterscheiden können, zum Beispiel Start Mobil.

Ihr Thema hat keinen Mobil-Stil? Fügen Sie eine beliebige Seite mit Zentriertem Layout hinzu und stellen Sie unter Inspektor > Seiteneinstellungen > Seitenlayout die Inhaltsbreite: auf 480.

Wenn Ihre Seiten eine Master-Seite verwenden, geben Sie Ihren Mobilseiten eine eigene Master-Seite mit 480 Pixeln Breite. Eine Seite übernimmt ihre Breite von ihrer Master-Seite. Siehe Mit einer Master-Seite dieselbe Kopfleiste, dasselbe Menü und dieselbe Fußleiste auf jede Seite bringen.

2. Als Smartphone-Seite einrichten

Gehen Sie bei ausgewählter Mobilseite zu Inspektor > Seiteneinstellungen:

1. Lassen Sie unter Mobileinstellungen die Mobilseite auf Keine und setzen Sie ein Häkchen bei Diese Seite ist für Mobilgeräte. Damit erfahren Suchmaschinen, dass es die Smartphone-Version Ihrer Desktop-Seite ist und kein Duplikat.
2. Entfernen Sie das Häkchen bei Seite in Navigationsmenü inkludieren, damit die Mobilseite nicht in Ihrem Desktop-Menü erscheint.

3. Ihre Inhalte hinzufügen

Kopieren Sie von der Desktop-Seite, was Besucher auf dem Smartphone brauchen (Bearbeiten > Kopieren, dann Bearbeiten > Einfügen auf der Mobilseite), und ordnen Sie es in einer Spalte untereinander an.

• Behalten: Ihr Logo, Ihre Telefonnummer, Adresse, Öffnungszeiten, das Hauptfoto und die Buttons, wegen derer die Leute kommen.
• Vereinfachen: nebeneinanderliegende Spalten, breite Tabellen, lange Texte und dekorative Bilder.
• Setzen Sie jeden Absatz in eine eigene TextBox. Eine große TextBox führt dazu, dass Text auf dem Smartphone gequetscht wird oder sich überlappt.
• Machen Sie Buttons groß genug zum Antippen und Text größer als auf Ihrer Desktop-Seite.

Das Menü: Fügen Sie eine Navigationsleiste hinzu, gehen Sie zu Inspektor > Widget-Einstellungen und setzen Sie unter Responsive Optionen ein Häkchen bei Responsives Navigationsmenü. Auf einer 480 Pixel breiten Seite erscheint es als Menü-Button (drei Linien). Es listet Ihre Desktop-Seiten auf: Wenn ein Besucher auf dem Smartphone eine davon antippt, leitet diese Seite ihn zu ihrer eigenen Mobilseite weiter, falls sie eine hat.

4. Die Desktop-Seite damit verknüpfen

1. Wählen Sie die Desktop-Seite aus.
2. Gehen Sie zu Inspektor > Seiteneinstellungen > Mobileinstellungen.
3. Stellen Sie Mobilseite auf Einer meiner Seiten und wählen Sie dann unter Seite die Mobilseite aus.

Wiederholen Sie die Schritte 1 bis 4 für jede Seite, die Sie auf Smartphones anbieten möchten. Seiten ohne Mobilseite öffnen sich auf dem Smartphone weiterhin in Desktop-Breite.

5. Testen und dann veröffentlichen

1. Klicken Sie in der Symbolleiste auf Vorschau, wählen Sie Preview QR Code (QR-Code-Vorschau) und scannen Sie den Code mit der Kamera Ihres Smartphones. Smartphone und Computer müssen im selben WLAN sein. Öffnen Sie die Desktop-Seite: Sie sollte zur Mobilseite springen.
2. Gehen Sie zu Datei > Gesamte Site veröffentlichen.
3. Prüfen Sie das Ergebnis auf Ihrem Smartphone in einem privaten Fenster.

Nur Bildschirme, die schmaler als 700 Pixel sind, also Smartphones, werden zur Mobilseite geleitet. Tablets und Computer sehen die Desktop-Seite.

Passwortgeschützte Seiten

Simple Password schützt Verzeichnisse. Halten Sie jede Seite und ihre Mobilseite auf derselben Seite der Grenze: Mobilseiten für öffentliche Seiten außerhalb des geschützten Verzeichnisses und Mobilseiten für geschützte Seiten darin. Andernfalls werden Besucher auf dem Smartphone auf einer öffentlichen Seite nach einem Passwort gefragt. Siehe Kann ich meine Website mit einem Passwort schützen? Simple Password und Membership Sites

Zwei Seiten, die Sie aktuell halten müssen

Jede Änderung an einer Desktop-Seite, etwa neue Preise oder Termine, müssen Sie auch auf ihrer Mobilseite vornehmen. Wenn das zu viel wird, sollten Sie Responsiv-Seiten in Betracht ziehen.

Häufige Probleme

Verwandte Artikel

• Meine Website sieht auf dem Handy falsch aus: So funktioniert die mobile Darstellung in EverWeb
• Muss ich meine EverWeb-Website für Mobilgeräte neu gestalten?
• Meine Website sieht auf meinem Computer gut aus, ist aber auf meinem Handy abgeschnitten oder durcheinander
• Mit Containern eine responsive Seite erstellen, die sich auf dem Smartphone sauber stapelt
• Kann ich meine Website mit einem Passwort schützen? Simple Password und Membership Sites