Wissensecke · 3 Min. Lesezeit
Handy-Darstellung: Eine Zeile, große Wirkung
Die meisten Besucher kommen heute über das Smartphone. Google bewertet Seiten deshalb in erster Linie nach ihrer mobilen Version.
Das Problem
Ohne Anweisung tun Smartphones so, als wären sie ein Bildschirm mit rund 1000 Pixeln Breite, und verkleinern die ganze Seite. Das Ergebnis: winzige Schrift, Zoomen, Wischen, Absprung.
Die Zeile, die fehlt
Im <head> jeder Seite gehört diese Angabe:
<meta name="viewport" content="width=device-width, initial-scale=1">Sie sagt dem Handy: Nimm deine echte Breite. Damit ist es aber nicht getan, denn das Layout muss sich dann auch anpassen.
Was eine gute mobile Seite ausmacht
- Spalten rutschen auf schmalen Bildschirmen untereinander.
- Schrift ist ohne Zoomen lesbar, mindestens etwa 16 Pixel für Fließtext.
- Buttons und Links sind groß genug für den Daumen und liegen nicht zu dicht beieinander.
- Nichts ragt seitlich über den Rand hinaus.
- Telefonnummern lassen sich antippen.
Ältere Seiten mit festen Breiten lassen sich selten mit einer Zeile retten. Oft ist ein Neuaufbau mit einem modernen, flexiblen Layout günstiger als endloses Flicken.
Wie steht Ihre Seite da?
Der kostenlose Schnellcheck prüft diesen und zwölf weitere Punkte in wenigen Sekunden. Und wenn etwas hakt: Ich behebe es gern für Sie.