Empfehlungen für die Erstellung von Smartphone-optimierten Websites

Mittwoch, 6. Juni 2012

Jeden Tag werden mehr und mehr Smartphones aktiviert und immer mehr Websites produzieren Smartphone-optimierte Inhalte. Da wir
letztes Mal über die Erstellung mobilfreundlicher Websites gesprochen haben, haben wir hart daran gearbeitet, die Google-Unterstützung für Smartphone-optimierte Inhalte zu verbessern. Als Teil dieser Bemühungen haben wir
Googlebot-Mobile für Smartphones
im Dezember 2011 eingeführt, dessen Aufgabe es ist, solche Inhalte gezielt zu identifizieren.

Heute möchten wir Ihnen die Empfehlungen von Google für die Erstellung von Smartphone-optimierten Websites an die Hand geben und erläutern, wie Sie dies so umsetzen, dass sowohl Ihre Desktop- als auch Ihre Smartphone-optimierten Websites die besten Chancen haben, in den Google-Suchergebnissen gut abzuschneiden.

Empfehlungen für Smartphone-optimierte Websites

Die vollständigen Details unserer Empfehlung finden Sie in unserem
neuen Hilfecenter, das wir hier kurz zusammenfassen.

Beim Erstellen einer Website, die auf Smartphones abzielt, unterstützt Google drei verschiedene Konfigurationen:

1. Sites, die Responsive Webdesign verwenden, das heißt Sites, die alle Geräte über dieselben URLs bedienen, wobei jede URL denselben HTML-Code für alle Geräte bereitstellt und nur CSS verwendet, um die Darstellung der Seite auf dem Gerät anzupassen. Dies ist die von Google empfohlene Konfiguration.
2. Sites, die alle Geräte dynamisch über dieselben URLs bedienen, wobei jedoch jede URL je nachdem, ob der User-Agent ein Desktop- oder ein Mobilgerät ist, unterschiedliches HTML (und CSS) ausliefert.
3. Sites, die über separate Mobil- und Desktop-Sites verfügen.

Responsive Webdesign

Responsive Webdesign ist eine Technik zur Erstellung von Webseiten, deren Aussehen sich mithilfe von CSS3-Medienabfragen anpasst. Das heißt, es gibt einen HTML-Code für die Seite, unabhängig vom zugreifenden Gerät, aber die Darstellung ändert sich durch CSS-Medienabfragen, die festlegen, welche CSS-Regeln für den Browser gelten, der die Seite anzeigt. Mehr über Responsive Webdesign erfahren Sie in
diesem Blogbeitrag
von Google-Webmastern und
in unseren Empfehlungen.

Die Verwendung von Responsive Webdesign bietet zahlreiche Vorteile, darunter:

• Ihre Desktop- und Mobilinhalte verbleiben unter einer einzigen URL, was für Ihre Nutzer einfacher zu bedienen, zu teilen und zu verlinken ist und für die Algorithmen von Google die Zuweisung der Indexierungseigenschaften zu Ihren Inhalten erleichtert.
• Google kann Ihre Inhalte effizienter crawlen, da wir eine Seite nicht mit den verschiedenen Googlebot User-Agents abrufen müssen, um den gesamten Inhalt abzurufen und zu indexieren.

Gerätespezifisches HTML

Wir wissen jedoch, dass es in vielen Situationen möglicherweise nicht möglich oder ratsam ist, Responsive Webdesign zu verwenden. Aus diesem Grund unterstützen wir Websites dabei, gleichwertige Inhalte über unterschiedliche, gerätespezifische HTML-Codes bereitzustellen. Das gerätespezifische HTML kann unter derselben URL (eine Konfiguration namens dynamische Bereitstellung) oder unter verschiedenen URLs bereitgestellt werden (z. B. www.example.com und m.example.com).

Wenn Ihre Website eine Konfiguration mit dynamischer Bereitstellung verwendet, empfehlen wir dringend die Verwendung des
Vary HTTP-Headers, um Caching-Servern und unseren Algorithmen mitzuteilen, dass sich der Inhalt für verschiedene User-Agents, die die Seite anfordern, ändern kann. Wir verwenden dies auch als Crawling-Signal für Googlebot-Mobile.

Was die Konfiguration mit separaten Mobil-Sites betrifft, so führt unsere Empfehlung aufgrund der vielen Möglichkeiten hierfür Annotationen ein, die unseren Algorithmen mitteilen, dass Ihre Desktop- und Mobilseiten in ihrem Zweck äquivalent sind. Das heißt, die neuen Annotationen beschreiben die Beziehung zwischen den Desktop- und Mobilinhalten als Alternativen zueinander und sollten als eine einzige Entität behandelt werden, bei der jede Alternative auf eine bestimmte Geräteklasse abzielt.

Diese Annotationen helfen uns, Ihre Smartphone-optimierten Inhalte zu entdecken und unseren Algorithmen zu verstehen, wie Ihre Inhalte strukturiert sind, sodass sie die besten Chancen haben, in unseren Suchergebnissen gut abzuschneiden.

Fazit

Dieser Blogbeitrag ist nur eine kurze Zusammenfassung unserer Empfehlung für
die Erstellung von Smartphone-optimierten Websites. Bitte lesen Sie die vollständige Empfehlung und prüfen Sie, welche unterstützte Implementierung für Ihre Website und Ihre Nutzer am besten geeignet ist. Und wie immer können Sie Fragen stellen auf unseren
Webmaster-Hilfeforen
, wenn Sie weitere Fragen haben.

Veröffentlicht von
Pierre Far,
Webmaster Trends Analyst