Unterschiedliche URLs Mobile / Desktop Website

Um eine Website auf mobilen Endgeräten optimal darzustellen, muss sie anders konfiguriert sein als die Desktop-Version. Das ist nicht nur für die Benutzerfreundlichkeit relevant, sondern auch für Suchmaschinen. Nicht mobil-optimierte Seiten verlieren bei Google ab 2015 an Sichtbarkeit. Webmaster können mit dem Test auf Optimierung für Mobilgeräte überprüfen, ob ihre Website mobile-friendly ist.

Grundsätzlich lassen sich Seiten durch Responsive Webdesign, dynamische Bereitstellung oder unterschiedliche URLs für die Mobile- und Desktop-Version mobilfreundlich konfigurieren, wobei Google den ersten Ansatz favorisiert. SEOs sollten in jedem Fall sicherstellen, dass der Google-Bot die mobil-optimierte Konfiguration versteht. Bei verschiedenen URLs kommt es leicht zu Annotations- und Weiterleitungsfehlern, die dazu führen, dass diese beim Crawling nicht richtig ausgelesen werden. Das kann zu einer Abwertung beider Versionen im Ranking führen. Auf folgende Punkte ist besonders zu achten.

Empfohlene Vorgehensweise für SEOs

Jede Seite muss auf ihr mobiles Äquivalent und wieder zurück auf die Desktop-Version verweisen:

DESKTOP: link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.domain.com/sonnenfinsternis/"

MOBIL: link rel="canonical" href="http://www.domain.com/sonnenfinsternis/"

Es darf IMMER NUR 1:1-Verweise geben - keine kaputten Verweise.
Es müssen zwei eigenständige Sitemaps zur Verfügung stehen: eine für Desktop, eine für Mobile (Notation beachten).
Technisch wird eine User-Agent-String-Erkennung benötigt. Sämtliche Besucher, die einen mobilen User Agent String verwenden, müssen dann beim Besuch der Desktop-Seite auf die mobile Variante weitergeleitet werden.
Wir empfehlen die Weiterleitung per JavaScript zu machen. So vermindert sich die Gefahr defekter 301- oder 302-Weiterleitungen, die während des Lifecycle auftreten können.

Weitere SEO-Aspekte:

Der Google-Bot hat künftig mehr Crawlaufwand mit der kompletten Seite, da tausende neuer URLs hinzukommen.
Darum sind komplette Sitemaps für beide Versionen wichtig und der Indexierungsstatus ist in den ersten vier Wochen nach Livestellung täglich zu überwachen.
Wenn alle oben genannten Punkte zu 100 % umgesetzt werden, sollte es zu keiner Veränderung des Rankings der Desktop-Seiten kommen.
Die Rankings sollten trotzdem in den nächsten Wochen im Auge behalten werden.

Referenzen und weiterführende Links zu "Unterschiedliche URLs Mobile / Desktop Website"

Mehr für Mobilgeräte optimierte Sucherergebnisse, Google Webmaster-Zentrale Blog vom 26. Februar 2015
Google Test auf Optimierung für Mobilgeräte
SEO für Mobilgeräte, Google Developers
Unterschiedliche URLs, Google Developers

Johannes Mueller zum Thema Mobile SEO

Franz Buser
schrieb am 08.06.2016, 09:28 Uhr

Guten Tag

Dieser Artikel ist genau das, was ich für eine längere Zwischenlösung brauche.
Vielen Dank dafür.
Bei mir hat das google crowling noch nicht funktioniert, denn es werden nach wie vor beide Versionen in den Suchergebnissen angezeigt.
Meine Frage die sich jetzt stehlt ist, brauche ich eine weitere domain nur für die mobile version?
Momentan habe ich eine php Weiche (leider noch nicht zufriedend stellend) erstellt welche je nach Device auf die gewünschte Version weiterleitet.
Ist dies so denn möglich?

LG
Franz Buser
Matthias
schrieb am 08.06.2016, 09:56 Uhr

Hallo Franz,

grundsätzlich kannst du Mobile/Desktop Version unter der selben Domain ausliefern. Wichtig ist dann allerdings das du immer einen Vary: User-Agent HTTP Header sendest. Damit sagst du dem Googlebot das unter dieser URL je nach User Agent verschiedene Versionen für Small / Bigscreen ausgeliefert werden (können).

Deine PHP Weiche kannst du dann beibehalten.

Viele Grüße,
Matthias
- Franz
  schrieb am 09.06.2016, 14:09 Uhr
  
  Hallo Matthias
  
  Vielen Dank für deine Antwort und den Input
  Momentan ist mir Vary: User-Agent HTTP Header kein Begriff.
  Werde aber googeln und mich schlau machen :-)
  
  LG
  Franz
- Franz
  schrieb am 19.07.2016, 10:22 Uhr
  
  Hallo Mathias
  Ich habe mich jetzt bezüglich "User-Agent HTTP Header" schlau gemacht oder eben irgendwie doch nicht.
  Kannst du mir einen Hinweis geben wie und wo ich das am besten lerne oder ein Beispiel?
  Ich habe da einiges ausprobiert, weiss aber nicht ob es Früchten tragen wird, da das ganze Prozedere dauert bis es von google integriert wird oder eben nicht da ich die Anweisung falsch hinterlegt habe.
  
  LG
  Franz
- Franz
  schrieb am 01.12.2016, 14:02 Uhr
  
  Hallo Matthias
  
  Nun sind doch schon einige Wochen vergangen und ich schaffs nicht.
  Wo (im Header) und wie setze ich den Vary: User-Agent HTTP Header ein?
  Da gibts vieles, als PHP etc und vieles ist in englisch, da bin ich zu wenig mächtig.
  
  Diesen Link gebe ich der Desktop version von meiner website für den crawler ein, dass er, falls der crawler über ein mobile gesendet wurde auf diesen Link gehen soll.
  DESKTOP:
  link rel="alternate" media="only screen and (max-width: 640px)" href="http://www.mybuco.ch/mobil/portfolio.html/"
  
  Hier das selbe für mobile
  MOBIL:
  link rel="canonical" href="http://http://www.mybuco.ch/portfolio.php/"
  
  oder muss ich immer beide in jeder Seite angeben?
  
  Ich danke dir mal im Voraus, ich steh da voll auf dem Schlauch.
  
  Wünsche dir und deinen Kollegen eine schöne Adventszeit.
  
  MFG
  Franz
  - Matthias schrieb am 01.12.2016, 15:36 Uhr
    
    Hallo Franz,
    
    wenn du den "alternate" einsetzt kannst du die den VARY Header komplett sparen.
    Durch den erkennt Google die Mobile Version.
    
    Den VARY bräuchtest du nur wenn die selbe Seite unterschiedlichen Inhalt anzeigen würde wenn man mit einem Desktop Client bzw. Mobile Client vorbei kommt.
    
    Viele Grüße,
    Matthias
    - Franz
      schrieb am 01.12.2016, 15:50 Uhr
      
      Hallo Matthias
      
      Danke für deine prompte Antwort.
      Den alternate habe ich gesetzt, aber es hat seit 12 Wochen keine Wirkung gezeigt.
      Damit ich dich richtige verstehe...
      müssen immer beide Anweisungen (alternate & canonical) auf jeder Seite sein
      oder nur ( (canonical auf der mobilen version für das Suchergbniss der Desktop Version) und (alternate auf der Desktop Version ür das Suchergbniss der mobile Version) )?
      
      Gruss und sorry
      Franz
      - Franz
        schrieb am 11.04.2018, 11:39 Uhr
        
        Hallo Matthias
        Ich hoffe es geht gut.
        Nochmlas die lästige Fliege ;-)
        Ich kämpfe immer noch mit dem selben Problem... egal was ich tue.
        Es ändert sich nichts... das schlimmste ist das wenn überhaubt ich meinen Name google auf dem smartphone immer nur die Desktop Variante im google aufgelistet wird.
        die Mobile Version erscheint gar nicht... erst wenn ich franz buser mobile eingebe.
        Obwohl ich immer mit zeitlichem Abstand dahinter gehe... koomme ich nicht auf die Lösung oder sehe den Fehler.
        Noch nie hat mich was derart gefuxt.
        
        so müsste es doch gehen oder... also so stehts doch in der Anleitung.
        
        Danke und einen schönen Tag
        Franz
        
        Matthias schrieb am 11.04.2018, 14:59 Uhr
        
        Hallo Franz,
        
        ich gehe mal davon aus du sprichst von dieser URL: www.mybuco.ch/desktop.php ?
        Du hast einenkritische Fehler!
        
        Dein Verweis im Quelltest auf die Mobile Seite lautet so:
        link rel="alternate" media="only screen and (max-width: 640px)" href="http://mobil.html"
        
        http://mobil.html ist keine korrekte URL .. Google kann die mobile Variante so nicht finden
        
        Die URL die du hier hinterlegst muss vollständig sein (mit Domain usw.) und auf die Mobile Version deiner Website verweisen.
        
        Viele Grüße,
        Matthias
        
        Franz schrieb am 13.04.2018, 14:36 Uhr
        
        Hallo Matthias
        
        Vielen, vielen Dank.
        Jetzt wo du mich darauf aufmerksam machst, ist es eigentlich völlig klar.
        Ich hätte oder habe genau dort nie hingeschaut sondern alles andere.
        Mal schauen ob ich es jetzt hin kriege.
        Sollte ja dann sofort funktionieren, da es in der website integriert ist oder müssen die crawler sich zuerst leeren oder lernen.
        Nochmals vielen vielen Dank Matthias.
        
        Mit freundlichen Grüßen und geniesse das Wochenende
        Franz
Mathuseo
schrieb am 18.06.2016, 13:35 Uhr

Hallo Matthias,

hast du ein empfehlenswertes WordPress-Plugin zur Hand, mit dem man individuelle für jede seiner Seiten den rel-Alternate festlegen kann? Alternativ würde ich mich auch über ein PHP-Schnipsel freuen, der das Code-Fragment automatisch erzeugt (mir reicht es, wenn aus https://www.domain.de ein https://m.domain.de wird).

Würde mich freuen. Ansonsten bastel ich selber etwas. Heute Abend zum EM-Spiel

Viele Grüße,
Mathuseo
- Hans
  schrieb am 19.07.2016, 15:48 Uhr
  
  Hallo Mathuseo,
  
  ein Plugin speziell für diese Funktion kenne ich nicht. Es gibt aber einige, mit denen du den Header für jede Seite/Beitrag individuell ergänzen kannst (suche nach Custom header). Die saubere Lösung ist natürlich wie von dir oorgeschlagen der Code in den Theme-Dateien.
  
  Beste Grüße
  Hans
Ron schrieb am 19.07.2016, 11:22 Uhr

Hallo!
Ich habe jetzt diese Anleitung befolgt:
https://developers.google.com/webmasters/mobile-sites/mobile-seo/separate-urls
Wenn ich alles richtig verstanden habe muss man lediglich die beiden Codes in die mobile und die Desktop Version einbauen.
Leider habe ich Probleme mit der Subdomain, habe die Site jetzt so angelegt: www.tolledomain.com/m/
anstatt: m.tolledomain.com
Ob das Google egal ist?

schönen Dienstag noch!
XXX
schrieb am 15.09.2017, 03:51 Uhr

Danke für diesen nützlichen Artikel.