Also ... mal ein bißchen als Hintergrund:
Ich habe von Google folgendes Feedback für eine meiner Seiten bekommen (via Webmaster-Tools):
> Google systems have tested 32 pages from your site and found that 100% of them have critical mobile usability errors. The errors on these 32 pages severely affect how mobile users are able to experience your website. These pages will not be seen as mobile-friendly by Google Search, and will therefore be displayed and ranked appropriately for smartphone users.
View a report of the non-mobile-friendly pages found on your site, and the issues discovered.
Code:
> Usability error Pages with errors
> 1 Touch elements too close 31
> 2 Viewport not configured 31
> 3 Small font size 31
Zunächst hängen alle drei Kriterien zusammen: Ein Mobilbrowser nimmt eine feste Seitenbreite von z. B. 980 Pixeln an. Hat das Display nun aber nur 360 Punkte, dann wird die Seite eben so "geschrumpft", daß die 980 auf 360Pixel passen.
Logische Folge: alles wird "verdammt klein" und damit schwer les- und bedienbar.
Nun kann der User ja zoomen - mit dem Nachteil, daß er dann quer scrollen muß beim Lesen von Texten - also auch nicht so toll.
Erste Maßnahme für normale Webseiten: Angabe des sog. "viewports" im Dateikopf:
http://html5-mobile.de/blog/meta-viewport-fuer-mobile-anpassen
Da kann man z. B. angeben, daß der Browser die Seite so umbrechen soll, daß alles in ein schmales Display paßt.
Oftmals ist damit schon das Meiste erledigt: Wenn der Browser die Seitenbreite nicht auf ein Drittel z. B. runterzoomen muß, dann wird logischerweise Schrift und Navigation auch nicht um ein Drittel geschrumpft.
Lediglich die Zeilen werden kürzer, der Text wird also - vertikal gesehen - länger.
Nun werden hier im Forum aber viele "riesige" Bilder gezeigt - und die können aber nicht "umgebrochen" werden (damit werden dann die Seiten doch wieder 1000px breit) - ich nehme an, daß Klaus daher eine eigene Mobilversion bevorzugt (die erheblich mehr Administrationsaufwand bedeutet) anstatt einfach eine Viewport-Konfiguration in die Templates einzufügen.
Ich hoffe, die Zusammenhänge auch für "nur-user" etwas verständlich gemacht zu haben.
Beispiel?
mit viewport-Angabe entgegen der Darstellung
ohne viewport-Angabe
(das Beispiel zeigt den Effekt natürlich NUR auf Mobilgeräten mit KLEINEM Display (Smartphones) - und auch nur die nächsten 2 Tage ...).