David Hefendehl - Manager eCommerce Group der netzkern AG
Head of Online Marketing

Google Mobile Friendly und Sitecore mit Device Erkennung

Smartphone

For the English version, click here

Google wird heute den Mobile Friendly Algorithmus ausrollen. Wer nun eine adaptive Seite hat, könnte mit dem Modul zur Device Detection in Sitecore Probleme bekommen. Diese können aber leicht behoben werden. Die Datenbank, die aus dem Sitecore Marketplace kommt, ist veraltet. Das Problem ist die Kennung des Google Mobile-Bots, speziell


„(compatible; Googlebot/2.1; +http://www.google.com/bot.html)“

Das Modul von Sitecore, das auf dem von 51degrees aufbaut, nutzt nicht nur veraltete Datenbanken, sondern auch eine veraltete Datenbankstruktur. Diese können nicht adäquat mit dem User-Agent String umgehen. Auf realen mobilen Geräten sehen die Seiten meist gut aus, entscheidend für das Ranking ist aber der Google-Bot.

Hinzu kommt noch, dass es einen Bug im IIS gibt, der einen für den Google-Bot wichtigen Header überschreibt. Wer also seine Inhalte zur Performancesteigerung via GZIP ausliefert, wird dieses Problem haben und sollte seinen IIS zunächst einmal patchen.

Danach muss in den http-VARY header noch „User-Agent“ eingetragen werden. Google liefert in der Mobile Friendly Hilfe den entsprechenden Hinweis.

Um das Ganze  endgültig in den Griff zu bekommen, sollte folgende Variante angewendet werden:

  1. Installation des Sitecore Device Detection Moduls aus dem Sitecore Marketplace

Dies installiert unter anderem das Regelwerk. Bitte auch beachten, dass am Template

/sitecore/templates/System/Layout/Device

standardmäßig das Feld „Conditions“ als nicht „shared“ eingestellt ist. Dies ist wahrscheinlich übersehen worden und kann in multilingualen Seiten zu Problemen führen. Wir empfehlen daher, das Feld auf „shared“ zu setzen.

  1. Bei GitHub das Projekt klonen und kompilieren
  2. Bei codeplex den neuesten Datafile herunterladen und entzippen. Die Version die hier abliegt enthält aktuelle Daten zu Bildschirmauflösungen, Eingabemechanismen etc. Nun muss noch der Pfad hierzu in der web.config angepasst werden.
  3. Die neuen DLLs aus dem /bin Ordner in den /bin Ordner von Sitecore kopieren

Bezüglich folgender Komponenten müssen Regeln festgelegt werden, welche helfen die Device Seite auszuliefern:

-isMobile

-Device screen width / height

-UserAgent

Wenn Sie Probleme mit Sitecores Device Detection haben, können Sie uns auch gerne kontaktieren.

Google Mobile Friendly and Sitecore with Device Detection

 

With Google rolling out the mobile friendly algorithm change on the 21st of April many Sitecore sites using adaptive layouts noticed that the device detection isn’t working properly for the Google bot. The system breaks down when the User-Agent string of the Google bot comes along, despite the site being displayed correctly using an actual handheld device. Specifically this bit


„(compatible; Googlebot/2.1; +http://www.google.com/bot.html)“ 

is causing trouble.

Furthermore, there is a bug in IIS that causes it to remove the recommended HTTP-VARY header if dynamic compression is enabled. This header is needed so that your site tells the Google Bot that the content depends on the type of user agent.

To fix all this we suggest the following:

  1. Patch ISS as described in this support article
  2. Install the 51degrees module of the Sitecore market place. This ensures that you can use the rules engine that comes with it. 51degrees offers the mobile device detection and much more such as deice capabilities or entry method. Beware that there is a bug in the template located here: /sitecore/templates/System/Layout/Device. Set the field “conditions” to shared if you run multi language sites.
  3. Clone the GitHub Project of this module and compile it.
  4. Download the latest data file for the Sitecore Device Detection Module of codeplex [link: http://51degrees.codeplex.com/releases/view/612691], unzip and copy to the appropriate folder. Modify the web.config to reflect this and point to the new file. Beware, the database format has changed and you need to compile the GitHub code for this to work.
  5. Copy the DLLs generated into the Sitecore folder
  6. Test, Test Test using https://www.google.de/webmasters/tools/mobile-friendly/

 

Should you have problems getting this going, please do feel free to contact us.

Kommentare
Es wurden noch keine Kommentare zu diesem Eintrag geschrieben.
Kommentar hinzufügen
Vor und Zuname
E-Mail
E-Mail bei weiteren Kommentaren
Mein Kommentar