SEO für andere Mobilgeräte

Tablets

Wenn du deine Website für mobile Nutzer konfigurieren möchtest, solltest du dabei auch an Tablet-Nutzer denken. Wir geben an dieser Stelle keine spezifischen Empfehlungen für die Erstellung suchmaschinenfreundlicher Websites, die für Tablets optimiert sind. Dennoch nennen wir dir im Folgenden einige Tipps für die Gestaltung von Websites, die sowohl für Computer als auch für Smartphones und Tablets geeignet sind.

Responsives Webdesign

Wir empfehlen im Allgemeinen, responsives Webdesign zu verwenden. Bei dieser Methode stellt deine Website allen Geräten denselben HTML-Code zusammen mit verschiedenen CSS-Regeln bereit, um die Benutzeroberfläche der Website für Computer, Smartphones und Tablets zu optimieren.

Wenn du auf deiner Website responsives Webdesign verwenden möchtest, teste es zuvor auf verschiedenen Tablets, um dich zu vergewissern, dass die Website auch wirklich korrekt dargestellt wird. Das ist wichtig, weil Tablets ebenso wie Smartphones unterschiedliche Größen und Bildschirmauflösungen besitzen.

Gerätespezifische Inhalte

Eine Website kann unterschiedliche Seiten, zum Beispiel mit jeweils spezifischem HTML, CSS und JavaScript, für unterschiedliche Geräte anbieten. Diese Seiten können entweder dynamisch unter der gleichen URL bereitgestellt werden oder unter separaten URLs.

Bei Websites, die für Computer- und Smartphonenutzer unterschiedliche Seiten ausspielen, aber keine für Tablets optimierte Version anbieten, erwarten Tabletnutzer unserer Erfahrung nach eher eine für Computer optimierte Seite als die Smartphoneversion.

Wenn du für Tablets optimierte Seiten anbietest, sind folgende Richtlinien bei der Konfiguration hilfreich:

  • Dynamische Bereitstellung: In diesem Fall greifen Computer-, Smartphone- und Tabletnutzer auf die gleichen URLs zu, jedoch wird je nach User-Agent unterschiedlicher HTML- und CSS-Code gesendet. Wir empfehlen daher dringend die Verwendung des Vary-HTTP-Headers wie in unseren Empfehlungen für Smartphone-optimierte Websites beschrieben.
  • Separate URLs für Tablets: Wir empfehlen dringend, dem Googlebot das Crawlen der Tablet-URLs zu erlauben und bei jeder Tablet-URL mithilfe von rel="canonical" auf die entsprechende Desktop-URL zu verweisen.

Feature-Phones

Optimiere deine Website für Smartphonenutzer möglichst durch responsives Webdesign. Bei Feature-Phones werden allerdings keine CSS-Medienabfragen unterstützt. Wenn du deine Websites auf Feature-Phones ausspielen möchtest, konfiguriere die Websites so, dass die Inhalte dynamisch gesendet werden, oder gib separate URLs für die Feature-Phone-Inhalte an.

Außerdem empfehlen wir, dass für Feature-Phones bereitgestellte Websites wie unten beschrieben das Tag <link rel="alternate" media="handheld"> beinhalten.

In diesem Abschnitt zeigen wir dir, wie du die einzelnen Konfigurationen implementierst.

Dynamische Bereitstellung

Wenn du deinen Server so konfigurierst, dass zum Senden von Feature-Phone-Inhalten dieselben URLs wie für andere Geräte verwendet werden, funktioniert die Implementierung genauso wie bei Smartphones. Der Server sollte also den HTTP-Antwort-Header Vary: User-Agent verwenden. Beachte außerdem die häufigen Fehlerquellen bei der Erkennung von User-Agents. Füge außerdem deiner Website das folgende Tag hinzu:

<link rel="alternate" media="handheld" href="[current page URL]" />
    

Separate URLs

Wenn für Computer-, Smartphone- und Feature-Phone-Nutzer unterschiedliche URLs verwendet werden sollen, gibt es drei unterstützte Konfigurationen. Bei diesen werden die Annotationen eingesetzt, die wir weiter oben im Zusammenhang mit der Optimierung von Websites für Feature-Phones und Smartphones beschrieben haben.

Dedizierte URLs konfigurieren

Diese Konfiguration sieht so aus:

  • Unter http://www.example.com/page-1 stehen Inhalte für Desktopnutzer bereit
  • Unter http://m.example.com/page-1 stehen Inhalte für Smartphonenutzer bereit
  • Unter http://phone.example.com/page-1 stehen Inhalte für Feature-Phone-Nutzer bereit

Bei dieser Konfiguration empfehlen wir dir, die folgenden Annotationen hinzuzufügen, damit unsere Algorithmen die Beziehung zwischen den unterschiedlichen Seitenversionen für verschiedene Geräte besser erkennen und verarbeiten können:

Unter www.example.com/page-1 hinzufügen:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" />
    <link rel="alternate" media="handheld" href="http://phone.example.com/page-1" />
    

Unter m.example.com/page-1 hinzufügen:

<link rel="canonical" href="http://www.example.com/page-1" />
    

Unter phone.example.com/page-1 hinzufügen:

<link rel="canonical" href="http://www.example.com/page-1" />
    

URLs für Computer und alle Mobilgeräte konfigurieren

Bei dieser Konfiguration stellt eine Website Inhalte für Desktopgeräte über eine einzige URL und Inhalte für alle Mobilgeräte – also sowohl Smartphones als auch Feature-Phones – über eine separate URL bereit. Beispiel:

  • Unter http://www.example.com/page-1 stehen Inhalte für Desktopnutzer bereit
  • Unter http://m.example.com/page-1 stehen Inhalte für Smartphone- und Feature-Phone-Nutzer bereit

In diesem Fall sieht die Annotation unter http://www.example.com/page-1 folgendermaßen aus:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" />
    <link rel="alternate" media="handheld" href="http://m.example.com/page-1" />
    

Füge auf der Seite m.example.com das folgende Tag hinzu:

<link rel="canonical" href="http://www.example.com/page-1" />
    

Dieses Tag rel="canonical" muss auf allen Seiten enthalten sein, unabhängig davon, ob sie für Feature-Phones oder Smartphones vorgesehen sind.

Der Server muss den HTTP Vary: User-Agent-Header in seine Antwort aufnehmen. Dies signalisiert Internetcaches und dem Googlebot, dass die Antwort des Servers je nach User-Agent unterschiedlich ausfallen kann. Der Googlebot verwendet dieses Signal zum Crawlen.

Konfiguration separater URLs für Feature-Phones

Bei dieser Konfiguration werden die Inhalte einer Website für Desktopcomputer und Smartphones über eine gemeinsame URL ausgespielt – entweder dynamisch oder mithilfe von responsivem Webdesign. Für Feature-Phones wird eine separate URL verwendet. Beispiel:

  • Unter http://www.example.com/page-1 stehen Inhalte für Desktop- und Smartphonenutzer bereit
  • Unter http://m.example.com/page-1 stehen Inhalte für Feature-Phone-Nutzer bereit

In diesem Fall sieht die Annotation unter http://www.example.com/page-1 folgendermaßen aus:

<link rel="alternate" media="handheld" href="http://m.example.com/page-1" />
    

The annotation on http://m.example.com/page-1 is the following tag:

<link rel="canonical" href="http://www.example.com/page-1" />
    

Weiterleitungen und der Vary-HTTP-Header

Wenn deine Website mobile Nutzer automatisch von der Desktopwebsite zur mobilen Website weiterleitet oder umgekehrt, konfiguriere deinen Server so, dass er den Vary-HTTP-Header einschließt.

Sitemaps

In diesem Punkt bleiben unsere Empfehlungen zum Einsatz von Feature-Phone-Sitemaps und Sitemaps für alternative Smartphone-URLs unverändert.