Google droht mit der Abwertung von Webseiten, die nicht auch für Handys angepasst sind. Die selben Inhalte in 6 verschiedenen Layouts dargestellt.
| Layout für bis zu 794 Pixel breite Bildschirme, meist Handys
|
| 
|
|
|
Die Seite wird so gezoomt, dass der Inhalt mit 600 Pixel Breite fast die gesamte Bildschirmbreite einnimmt. 15 Pixel Rand, bei unter 360 Pixel breite nur 4 Pixel Rand.
|
| SVGA und meist Tablets im Portrait Modus
|
| 
|
|
|
Von 795 bis 999 Pixel breite können die Beiden 160 Pixel breiten Werbeblöcke bereits rechts neben dem 600 Pixel breiten Inhalt gestellt werden.
|
| XVGA und Bildschirme von 1000 bis 1200 Pixel breite
|
| 
|
|
|
Jetzt hat der Navigationsbereich bereits links neben dem 600 Pixel breiten Inhalt Platz. Die beiden 160 Pixel breiten Werbeblöcke wandern unter der Navigation.
|
| Layout für Full HD Auflösung und 1880 bis 2279 Pixel Breite
|
| 
|
|
|
Der gesamte Inhalt wird in 2 Spalten dargestellt. So muss auf einem Full HD Bildschirm weniger gescrollt werden.
|
| Layout für sehr große Bildschirme, 2280 Pixel und mehr Breite
|
| 
|
|
|
Der einzige Unterschied zum Full-HD Layout: der Block für eigene Werbung wandert von unterhalb der Navigation ganz links in eine eigene Spalte ganz rechts.
|
Sie können die verschiedenen Darstellungen selber mit der Zoom Funktion vom Browser testen. Mit der Zoom Funktion wurden auch alle Screen-Shoots der folgenden Seiten erstellt.
