Mobil: passt die Seite aufs Handy? Mobile
Das Handy-Symbol öffnet die Seite in echter Handy-Breite. Du siehst sofort, ob etwas über den Rand hinausragt oder zu klein ist.
1Was ist das?
Der Mobil-Check öffnet die aktuelle Seite in einem Fenster mit 360, 390 oder 430 Pixel Breite und misst, ob der Inhalt breiter ist als das Fenster. Dazu der Viewport-Tag und die kleinste Schriftgröße.
2Warum wichtig?
Google bewertet die mobile Version der Seite. Eine Tabelle, die rechts herausläuft, oder ein Bild ohne max-width macht die ganze Seite unhandlich, und das sieht man am Desktop nicht.
3Was TagSpion prüft
| Prüfung | Bewertung |
|---|---|
| Viewport-Tag | rot wenn fehlt oder user-scalable=no |
| Horizontales Scrollen | rot wenn die Seite breiter ist als das Fenster, mit dem Element, das es verursacht |
| Kleinste Schrift | gelb unter 12 Pixel |
4So behebst du es
- Viewport-Tag setzen, Bilder und Tabellen mit max-width: 100 % begrenzen, Tabellen in einen scrollbaren Container legen.
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img, video, table { max-width: 100%; height: auto; }
.table-wrap { overflow-x: auto; } /* <div class="table-wrap"><table>…</table></div> */
</style>5Häufige Fragen
Ist das ein Ersatz für echte Geräte?
Nein, aber ein schneller erster Test. Das Fenster hat die Breite, nicht die Touch-Bedienung eines Handys.