Tablet-Nutzern das Web in voller Größe bieten

Montag, 12. November 2012

Seit wir die Empfehlungen von Google für die Erstellung von Smartphone-optimierten Websites angekündigt haben, ist eine häufige
Frage, die wir von Webmastern gehört haben, wie man am besten mit Tablet-Geräten umgeht. Dies ist eine ähnliche
Frage, vor der Android-App-Entwickler stehen, und dafür ist der
Leitfaden zum Erstellen hochwertiger Tablet-Apps
ein großartiger Ausgangspunkt.

Obwohl wir keine spezifischen Empfehlungen für die Erstellung suchmaschinenfreundlicher,
für Tablets optimierter Websites haben, gibt es einige Tipps für die Erstellung von Websites, die Smartphone- und
Tablet-Nutzern gerecht werden.

Wenn Sie die Besucher Ihrer Website mit Tablets berücksichtigen, ist es wichtig, sowohl an
die Geräte als auch an die Erwartungen der Nutzer zu denken. Im Vergleich zu Smartphones haben Tablets größere Touchscreens und werden
typischerweise über WLAN-Verbindungen genutzt. Tablets bieten ein Surferlebnis, das genauso reichhaltig sein kann wie
auf jedem Desktop- oder Laptop-Computer, in einem mobileren, leichteren und im Allgemeinen bequemeren
Paket. Das bedeutet, dass, es sei denn, Sie bieten für Tablets optimierte Inhalte an, Nutzer erwarten,
Ihre Desktop-Website anstelle der Smartphone-Website Ihrer Website zu sehen.

Unsere Empfehlung für Smartphone-optimierte Websites lautet,
Responsive Webdesign zu verwenden, was bedeutet, dass Sie eine
Website haben, um alle Geräte zu bedienen. Wenn Ihre Website wie empfohlen Responsive Webdesign verwendet,
stellen Sie sicher, dass Sie Ihre Website auf einer Vielzahl von Tablets testen, um sicherzustellen, dass sie auch diesen gerecht wird. Denken Sie daran, dass es genau wie bei Smartphones eine Vielzahl von Gerätegrößen und Bildschirmauflösungen zum Testen gibt.

Eine andere gängige Konfiguration besteht darin, separate Websites für Desktops und Smartphones zu haben und
Nutzer auf die entsprechende Version umzuleiten. Wenn Sie diese Konfiguration verwenden, achten Sie darauf, Tablet-Nutzer nicht versehentlich
ebenfalls auf die für Smartphones optimierte Website umzuleiten.

Android-Smartphones und -Tablets unterscheiden

Bei Android-basierten Geräten ist es einfach, zwischen Smartphones und Tablets zu unterscheiden, indem man den
vom Browser bereitgestellten User-Agent-String verwendet: Obwohl sowohl Android-Smartphones als auch -Tablets
das Wort „Mobile“ im User-Agent-String enthalten, enthält nur der User-Agent von Smartphones das Wort „Mobile“.

Zusammenfassend lässt sich sagen, dass jedes Android-Gerät, das das Wort „Mobile“ nicht im User-Agent enthält, ein Tablet-
(oder ein anderes Großbild-) Gerät ist, das am besten mit der Desktop-Website bedient wird.

Hier ist beispielsweise der User-Agent von Chrome auf einem Galaxy Nexus-Smartphone:

Oder von Firefox auf dem Galaxy Nexus:

Vergleichen Sie diese mit dem User-Agent von Chrome auf dem Nexus 7:

Oder von Firefox auf dem Nexus 7:

Da der User-Agent des Galaxy Nexus „Mobile“ enthält, sollte ihm Ihre
Smartphone-optimierte Website bereitgestellt werden, während das Nexus 7 die vollständige Website erhalten sollte.

Wir hoffen, dies hilft Ihnen dabei, bessere Tablet-optimierte Websites zu erstellen. Wie immer, fragen Sie bitte in unseren
Webmaster-Hilfeforen
, wenn Sie weitere Fragen haben.

Veröffentlicht von
Pierre Far,
Webmaster Trends Analyst, und
Scott Main, leitender Tech-Writer für developer.android.com