Handy-Freundliche Websites und SEO

Im vergangenen Monat kündigte Google eine Veränderung in seinem Algorithmus an. Die Veränderung wird ab dem 21. April die Mobilfreundlichkeit mehr in den Vordergrund stellen und zur einem größeren Ranking-Faktor machen.

In den vergangenen Wochen gab es dazu schon einige Berichte von den Google Webmaster Tools. Nicht nur, dass sie ein Element für die Handy Nutzbarkeit in Ihren Webmaster Tools hinzugefügt haben, es wurden sogar E-Mails verschickt mit dem Betreff "Beheben Sie Fehler in der Handy Nutzbarkeit auf drt ". Offensichtlich bringt Google die Handy Freundlichkeit gezielt zur Aufmerksamkeit der Websitenbesitzer.

Also dachten wir, es wäre eine gute Idee sein, Ihnen zu erklären, auf was Sie achten sollten um sich für das Update vorzubereiten.

HÄUFIGE PROBLEME

• ANSICHTSFENSTER NICHT KONFIGURIERT / ANSICHTSFENSTER HAT EINE FESTGESETZTE BREITE
  Was dieses im Grunde bedeutet ist, dass es an der Zeit ist Ihre Website responsiv zu machen. Eine responsive Website wird automatisch auf jede beliebige Größe skaliert und anstatt die ganze Seite zu zeigen werden die wichtigsten Elemente in den Vordergrund genommen und dem Besucher auf seinem Handy korrekt angezeigt.
• ELEMENTE DIE BERÜHRT WERDEN SIND ZU NAH ANEINANDER
  Dies ist eine ziemlich einfache Mitteilung. Bei der Anzeige Ihrer Website auf einem Smartphone und / oder Tablet, sind die verschiedenen Bereiche die ein Benutzer anklicken kann einfach zu nahe beieinander. Das bedeutet, es kann dazu kommen, dass der Besucher leicht daneben klicken kann. Die ist natürlich ärgerlich für die Nutzer und demnach nicht sehr benutzerfreundlich. Google empfiehlt, dass die wichtigen Elemente die der Besucher klicken möchte mindestens 48 pixel hoch/breit (mit einem korrekt konfigurierten Ansichtsfenster). Falls sie kleiner als dieser angegebene Wert sind, sollten sie zusätzliche Abstand haben und keine anderen Elemente sollten innerhalb von 32 pixel davon (horizontal und vertikal) stehen.
• 3. KLEINE SCHRIFTGRÖßE
  Google hält Ihre Schriftart für zu klein um für Nutzer gut lesbar zu sein. Bevor Sie diesen Fehler beheben, müssen Sie sicherstellen, dass Sie Ihre Ansichtsfenster korrekt konfiguriert haben. Google gibt die folgenden Empfehlungen für die Schriftgröße:
  - VERWENDEN SIE EINE BASISSCHRIFTGRÖßE VON 16 PIXEL. PASSEN SIE DIE GRÖßE JE NACH BEDARF AUF BASIS DER EIGENSCHAFTEN VON DER SCHRIFTART DIE VERWENDET WIRD.
  - VERWENDEN SIE GRÖßEN RELATIV ZUR BASISGRÖßE UM DIE TYPOGRAFISCHE SKALA ZU DEFINIEREN.
  - DER TEXT BRAUCHT VERTIKALEN RAUM ZWISCHEN SEINEN ZEICHEN UND MUSS FÜR JEDE SCHRIFTART ANGEPASST WERDEN. DIE ALLGEMEINE EMPFEHLUNG IST DEN BROWSER STANDARDMÄßIG LINE-HEIGHT VON 1.2EM ZU VERWENDEN.
  - BESCHRÄNKEN SIE DIE ANZAHL DER SCHRIFTARTEN DIE VERWENDET WERDEN: ZU VIELE SCHRIFTARTEN UND SCHRIFTGRÖßEN FÜHREN ZU CHAOTISCHEN UND ÜBERMÄßIG KOMPLEXEN SEITENLAYOUTS
• INHALT PASST NICHT IN DIE BREITE DES ANSICHTSFENSTERS
  Nachdem Sie Ihr Ansichtsfenster korrekt eingerichtet haben, sollten Sie nicht Ihren Inhalt vergessen. Alle Elemente mit einer festen Breite werden Ihnen auf dem Handy visuelle probleme machen, darum sollten Sie sicher stellen dass:
  - ALLE GRÖSSEREN ELEMENTE (SO WIE BILDER) DÜRFEN KEINE FESTE BREITE HABEN - DER INHALT SOLLTE NICHT EINEM BESTIMMTEN ANSICHTSFENSTER ANGEPASST SEIN
  - SIE SOLLTEN CSS MEDIA QUERIES BENUTZEN UM EIN AUSGEPRÄGTES AUSSEHEN IHRER SEITE FÜR HANDY BILDSCHIRME ZU VERLEIHEN.

DAS WAR'S!

Es gibt nicht viel mehr zu machen als dieses: Programmieren Sie Ihre Website im responsiv Design und testen Sie die Mobilfreundlichkeit. Dies wird nicht nur sicherstellen, dass Sie dieses Update verpassen, welches sich auf Ihr Ranking bei Google auswirkt, sondern es wird tatsächlich Ihre Website benutzerfreundlicher für Ihre Besucher machen. Frohe Optimierung!

Quelle: https://yoast.com/mobile-friendly-sites-seo/