Responsive Design vs. Mobile Website - Was ist Besser für SEO?

Seit der immer größeren Verbreitung von Smartphones und Tablets gehört es mittlerweile zum Standardangebot eines Webdesigners Webauftritte zu gestalten die in jeder Bildschirmgröße gut lesbar und intuitiv bedienbar sind.

Hier stellt sich die Frage: Machen wir den Webauftritt im responsive Webdesign oder ein eigene mobile Website. Und wie wirkt sich diese Entscheidung auf die Platzierung in den Ergebnislisten der großen Suchmaschinen aus?

Seit Google im April 2015 seinen Suchalgorithmus so angepasst hat, dass für Smartphones und Tablets optimierte Webseiten (also mobile-friendly) in den Suchergebnissen nach oben gereiht werden, stellt sich für viele Webdesigner und -master die Frage ob man eine sogenannte „MDot“-Website erstellen soll, oder auf Responsive Webdesign setzen soll.

Was sind die Unterschiede zwischen MDot und RWD:

Mobile (MDot) Website:

• wird als eigenständiges Projekt behandelt
• hat eine eigene, angepasste URL (z.b. m.domainname.tld oder mobile.domainname.tld)
• hat oft andere Inhalte als die Hauptseite (Desktop)
• man kann auf Ressourcenfressende Elementen aus der Desktop-Version verzichten
• wird hauptsächlich als Ergänzung für die Hauptseite oft auch nachträglich angelegt
• Man kann mobile Webseiten so gestalten, das sie sich optisch von einer nativen App kaum noch unterscheiden (das sind dann die sogenannten Web-Apps)

Responsive Webdesign (RWD):

• Hier wird eine Webseiten-Version für alle Endgeräte erstellt, jedoch mit mehreren Templates verknüpft.
• Wird ein Internetauftritt komplett neu konzipiert und erstellt, entscheidet man sich häufig für RWD, da diese meist weniger Aufwand bedeutet
• Da ja nur eine Webseite erstellt wird, hat man auf jedem Endgerät den gleichen Inhalt, nur das Aussehen passt sich der jeweiligen Bildschirmgröße an (z.B. verschwindet die Menüleiste und wird durch eine Menübutton ersetzt der viel weniger Platz benötigt).
• Durch sparsamen Einsatz von rechenintensiven Elementen verkürzten sich die Ladezeiten sowohl auf dem Desktop als auch am Mobilen Gerät.

Was bedeutet das für das Ranking bei Google & Co?

Da eine MDot Webseite von Google als eigene Webseite interpretiert wird beginnt man beim Ranking quasi bei null.
Hingegen profitiert eine responsive Webseite bereits vom Ranking einer bereits vorhandenen Deskop-Version.
So gesehen ist responsives Webdesign aus der Sicht von Google der Königsweg in der Suchmaschinenoptimierung.

Aber auch eine MDot-Webseite muss nicht unbedingt ein Nachteil sein.

Entscheidend ist, das man im Fall einer MDot-Webseite den Googlebots mitteilt, dass Desktop-Version und MDot in Relation zu einander stehen.

Dazu gibt es 3 Möglichkeiten:

• Auf der Desktop-Seite wird bis zu einer bestimmten Viewport-Breite (z.B. 320 Pixel) auf die Mobilversion verwiesen.
• Auf der MDot-Seite wird mittels Canonical-Link signalisiert das der Inhalt mit der Desktop-Seite identisch ist
• Es kann ein je nach User-Agent für Desktop- oder Mobilgeräte optimierten Quelltext ausgegeben werden.

Auch die Ladegeschwindigkeit ist ein Ranking-Faktor

Da die Menschen immer mehr mobil online sind und im Gegensatz zum Festnetzinternet stehen hohe Bandbreiten nicht immer zur Verfügung. Auch ein oft begrenztes Datenvolumen ist ein Grund dafür dass mobile Webangebote möglichst datensparsam und dadurch schnell sein sollten.

Google stellt etwa ein Tool zur Messung von Ladezeiten zur Verfügung (Google PageSpeed Insights) und gibt auch gleich Tipps zur Fehlerbehebung.

Fazit

Zusammenfassend kann man sagen, dass sowohl Responsive Webdesign als auch eine MDot-Seite ihre Vorteile im SEO haben. Es hängt davon ab welches Ziel man mit dem Content verfolgen will:

• Responsive Design ist gut für SEO wenn man eine allgemeine Webseite ohne mobilspezifischen Content, optimiert auf Performance (Ladegeschwindigkeit) anbietet.
• Für plattformspezifischen Content, der eventuell von geräteinternen Funktionen Gebrauch macht, ist eine MDot-Webseite bzw. Mobile Webapp oft die bessere Lösung.

Detailliertere Informationen finden sie unter:

• http://t3n.de/news/responsives-design-seo-725536/
• http://marketingland.com/why-matt-cutts-is-wrong-about-responsive-web-design-64715
• http://www.copyblogger.com/mobile-responsive-seo/
• http://searchengineland.com/how-to-best-optimize-your-mobile-site-for-seo-112940
• http://www.seonick.net/responsive-design-seo/