Mobile SEO-Techniken
Heutzutage greifen Millionen von Benutzern mit Smartphones unter Android, iOS oder Windows auf das Internet zu. Daher ist es unerlässlich geworden, dass sich Websites an diese sich ändernde Umgebung anpassen und geeignete Änderungen an ihrem Website-Design vornehmen, um mehr Zuschauer anzulocken.
Die Desktop-Version einer Site ist möglicherweise auf einem mobilen Gerät nur schwer anzuzeigen und zu verwenden. Bei der nicht für Handys geeigneten Version muss der Benutzer kneifen oder zoomen, um den Inhalt lesen zu können. Benutzer empfinden dies als frustrierende Erfahrung und verlassen die Website wahrscheinlich. Im Gegensatz dazu ist eine mobilfreundliche Version lesbar und sofort verwendbar.
Nach einem kürzlich durchgeführten Google-Update muss eine Website für Handys geeignet sein, damit sie in mobilen Suchmaschinen wirksam ist. Beachten Sie, dass eine Website, die nicht für Handys geeignet ist, auch keine Auswirkungen auf reguläre Suchmaschinen hat.
In diesem Kapitel erfahren Sie, wie Sie eine Website mobilfreundlich gestalten, um sicherzustellen, dass die Besucher, die über mobile Geräte auf die Website zugreifen, ein optimiertes Erlebnis haben.
Was ist Mobile SEO?
Bei der mobilen Suchmaschinenoptimierung wird eine Website so gestaltet, dass sie für die Anzeige auf Mobilgeräten mit unterschiedlichen Bildschirmgrößen und geringer Bandbreite geeignet ist. Neben der Einhaltung aller SEO-Regeln, die für eine Desktop-Website gelten, müssen wir beim Entwerfen einer Website für mobile Geräte zusätzliche Sorgfalt walten lassen. Eine Website ist mobilfreundlich, wenn sie die folgenden Attribute aufweist:
Eine gute mobile Website hat ein ansprechendes Design, das sowohl auf Desktops als auch auf Mobilgeräten eine gute Leistung erbringt. Dies reduziert nicht nur die Wartung der Website, sondern macht auch den Inhalt für die Suchmaschinen konsistent.
Der Inhalt einer guten mobilen Website ist auf einem mobilen Gerät leicht zu lesen, ohne dass der Bildschirm vergrößert werden muss. Es verfügt über geeignete Schriftarten, Farben und Layouts.
Es ist einfach, auf einem kleinen Bildschirm durch eine gute mobile Website zu navigieren. Es bietet Links und Schaltflächen, die einfach mit einem Finger manövriert werden können.
Eine gute mobile Website ist so leicht, dass das Laden in mobilen Netzwerken weniger Bandbreite und Zeit benötigt.
Die Homepage einer mobilen Website spielt die wichtigste Rolle, um Benutzer mit den gewünschten Inhalten zu verbinden. Gute mobile Websites stellen daher sicher, dass die wichtigsten Links auf der Startseite angezeigt werden, damit sie ausreichend sichtbar sind.
Das Ranking einer Website hängt stark davon ab, wie benutzerfreundlich sie ist. Sie können die unten angegebenen Richtlinien befolgen, um eine großartige mobilfreundliche Website zu erstellen.
Optimieren Sie Ihre Site für Handys
Wenn Ihre Website bereits für Suchmaschinen optimiert ist, sollte es nicht allzu schwierig sein, sie für mobile Geräte zu optimieren. Lassen Sie uns zunächst verstehen, was es braucht, um mobil zu werden. Wir können die Schritte in drei große Kategorien einteilen:
Step 1 - Wählen Sie eine mobile Konfiguration
Step 2 - Informieren Sie Suchmaschinen
Step 3 - Vermeiden Sie häufige Fehler
Wählen Sie eine mobile Konfiguration
Es gibt drei verschiedene mobile Konfigurationen, aus denen Sie auswählen können:
Step 1 - Responsive Web Design
Step 2 - Dynamisches Servieren
Step 3 - Separate URLs
Jeder hat seine eigenen Vor- und Nachteile. Google empfiehlt Responsive Design, unterstützt jedoch alle drei Konfigurationen. Die folgende Tabelle zeigt, wie sich die mobile Konfiguration auf Ihre URL und Ihren HTML-Code auswirkt.
| Mobile Konfiguration | URL | HTML |
|---|---|---|
| Sich anpassendes Webdesign | Bleibt gleich | Bleibt gleich |
| Dynamisches Servieren | Bleibt gleich | Verschiedene HTMLs |
| Separate URLs | Unterschiedliche URLs | Verschiedene HTMLs |
Sich anpassendes Webdesign
Google empfiehlt Responsive Web Design, da es die einfachste mobile Konfiguration ist und sehr einfach zu implementieren ist. Es liefert denselben HTML-Code unter derselben URL, passt jedoch die Anzeige basierend auf der Bildschirmgröße des Mobilgeräts an.
Dynamisches Servieren
Dynamisches Serving ist eine Art mobile Konfiguration, bei der die URL Ihrer Website unverändert bleibt, beim Zugriff von einem mobilen Gerät aus jedoch unterschiedliche HTML-Inhalte bereitgestellt werden.
Wenn Ihre Inhalte dynamisch vom Server bereitgestellt werden, informieren Sie Google, dass die gecrawlten Inhalte auf Mobilgeräten möglicherweise anders aussehen. Ein Hauptnachteil dieses Ansatzes besteht darin, dass Sie zusätzliche Inhalte auf Serverebene verarbeiten müssen, bevor Sie sie für den Benutzer trennen können. Dieser Ansatz belastet Ihren Server unnötig und verlangsamt ihn.
Separate URLs
Wenn Sie zwei verschiedene URLs verwalten - eine für mobile Benutzer und eine für Desktop-Benutzer - stellen Sie sicher, dass Sie Google explizit darüber informieren, wann welche Version bereitgestellt werden soll. Google empfiehlt keine separaten URLs, da es automatisch erkennt, dass sich Ihre mobilen Seiten von Ihren Desktopseiten unterscheiden.
Dieser Ansatz ist nicht praktikabel, wenn Sie eine große Website haben, da die Wartung von zwei Versionen derselben Website doppelt so viel Aufwand und Geld erfordert. Gleichzeitig können Sie verschiedene Unstimmigkeiten in Ihren Inhalten nicht vermeiden, während Sie zwei Versionen beibehalten.
Aus Sicht der Suchmaschinenoptimierung wird jede URL separat ausgeführt. Daher wird Ihr Desktop-Ranking niemals zum mobilen Ranking hinzugefügt und immer als separate Website angenommen. Wir empfehlen, keine unterschiedlichen URLs für Mobil- und Desktopversionen beizubehalten, wenn Sie die Vorteile von SEO nutzen möchten.
Suchmaschinen informieren
Stellen Sie sicher, dass Google und andere Suchmaschinen Ihre mobile Konfiguration verstehen. Am wichtigsten ist jedoch, dass Google Ihre Seite versteht, damit Ihre Website richtig eingestuft werden kann. Wie Sie Google informieren, hängt davon ab, für welche mobile Konfiguration - responsives Webdesign, dynamisches Serving oder separate URLs - Sie sich entschieden haben.
Für den Fall, dass Ihre Website eine hat responsive design,Die Algorithmen von Google können dies automatisch verstehen, ohne dass Sie Google informieren müssen. Wenn Sie ein responsives Design haben, stellen Sie einfach sicher, dass Sie das folgende Meta-Tag in Ihrem Webseiten-Header haben -
<meta name="viewport" content="width=device-width, initial-scale=1.0">Das Ansichtsfenster entscheidet, wie Ihre Webseite auf einem Gerät angezeigt wird. Eine Site mit ansprechendem Design variiert ihre Größe basierend auf der Größe des Gerätebildschirms. Deklarieren Sie ein Ansichtsfenster, damit Ihre Webseite auf jedem Gerät korrekt angezeigt wird.
Wenn Ihre Website ist dynamically served, Stellen Sie sicher, dass Google Ihre Konfiguration mithilfe des HTTP-Headers "Variieren" erkennt.
Vary: User-AgentDas VaryDer Header ist wichtig, um den Suchmaschinen mitzuteilen, dass unterschiedliche Inhalte auf Desktops und Mobilgeräten bereitgestellt werden. Dieser Header ist wirklich wichtig, wenn Ihr Inhalt von einem Cache-System wie einem bereitgestellt wirdContent Delivery Network Diese Systeme verwenden diesen Header, während sie Inhalte auf verschiedenen Geräten bereitstellen.
Falls Sie pflegen separate URLs, z.B, example.com und m.example.com, Dann können Sie Google informieren, indem Sie ein spezielles hinzufügen link rel=alternate Tag in Ihrer Desktop-Version und umgekehrt wie folgt.
Desktop page should have following in its header:
<link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com" >
Mobile page should have following in its header:
<link rel="canonical" href="http://www.example.com" >Vermeiden Sie häufige Fehler
Vermeiden Sie die folgenden Fehler, um Ihre Website für mobile Geräte zu optimieren:
Slow Mobile Pages- Mobile Netzwerke sind im Vergleich zu kabelgebundenen Internet-Netzwerken langsamer. Daher ist es wichtig, darauf zu achten, wie schnell Ihre mobilen Seiten geladen werden. Dies ist ein kritischer Google-Ranking-Faktor. Verwenden Sie ein mobiles SEO-Tool, um die Geschwindigkeit Ihrer mobilen Seite zu ermitteln. Google bietet eine Reihe guter Tools, die Sie verwenden können. Durchsuchen Sie den folgenden Link -https://www.google.com/webmasters/tools/mobile-friendly/
Don't Block CSS and JavaScript- Google empfiehlt die Verwendung von Inline-CSS und Javascripts für mobile freundliche Websites, damit diese zusammen mit dem Inhalt heruntergeladen werden können. Wenn Sie also nicht viel CSS haben, versuchen Sie, es innerhalb des Tags selbst anzupassen. Wenn Sie jedoch viel CSS in separaten Dateien verwenden, versuchen Sie, es unten einzufügen, wodurch die anderen heruntergeladenen Inhalte nicht mehr blockiert werden. Die gleiche Regel gilt für Javascript, das innerhalb der Seite selbst oder am Ende der Seite enthalten sein kann. Wenn Sie vermeiden können, die Datei oben auf der Seite einzufügen, verwenden Sieasync Attribut unter Einbeziehung.
<script async type="text/javascript" src="jquery.js"></script>Mobile Redirects- Da Mobilfunknetze normalerweise langsam sind, können zu viele Weiterleitungen die Seitengeschwindigkeit beeinträchtigen. Wenn Sie mehrere URLs verwalten, stellen Sie sicher, dass alle Ihre Links auf die relevanten Seiten verweisen. Wenn Sie mehrere URLs verwalten und erkennen, dass ein Benutzer eine Desktopseite von einem mobilen Gerät aus besucht und Sie eine entsprechende mobile Seite unter einer anderen URL haben, leiten Sie den Benutzer zu dieser URL um, anstatt einen 404-Fehler anzuzeigen.
Heavy Images- Schwere Bilder verlängern die Ladezeit, können jedoch nicht vollständig entfernt werden, da sie nützlich und effektiv sind. Daher sollten Sie ein ausgewogenes Verhältnis zwischen Text und schweren Bildern beibehalten. Verwenden Sie ein gutes Tool, um Ihre Bilder zu optimieren und in niedriger Auflösung zu speichern, um schwere Downloads zu vermeiden.
Avoid plug-ins and pop-ups- Plug-Ins wie Flash und Java sind möglicherweise nicht auf dem Mobilgerät des Benutzers verfügbar. Stellen Sie immer sicher, dass Ihre mobile Seite keine nicht abspielbaren Inhalte enthält. Vermeiden Sie die Verwendung von Popups auf mobilen Seiten, da das Schließen dieser Popups auf einem mobilen Gerät ziemlich umständlich wird.
Beachten Sie beim Erstellen einer mobilen Seite immer, dass der Benutzer nur über begrenzten Speicherplatz verfügt. Sie müssen also beim Erstellen von Titeln, URLs und Meta-Beschreibungen so präzise wie möglich sein - natürlich ohne die Essenz oder Qualität der Informationen zu beeinträchtigen.
Nützliche Hilfsmittel
Hier finden Sie eine Liste nützlicher Tools, mit denen Sie herausfinden können, wie mobilfreundlich Ihre Website ist.
Google Webmaster Tools - Verwenden Sie die verfügbaren Google-Tools und -Techniken, um zu verstehen, was beim Entwerfen von Desktop- und mobilen Websites verwendet und was vermieden werden sollte.
Mobile Emulator - Hier können Sie sehen, wie Ihre Website auf einer Vielzahl von Mobilgeräten angezeigt wird.
Moz Local - Verwenden Sie dieses Tool, um sicherzustellen, dass Ihre lokale SEO in Ordnung ist.
Responsive Web Design Testing Tool - Verwenden Sie dieses Tool, um zu sehen, wie Ihre reaktionsfähige Site auf einer Vielzahl von Mobilgeräten mit unterschiedlichen Standardbildschirmgrößen aussieht.
Screaming Frog - Dies ist ein nützliches Tool, mit dem Sie Ihre Site analysieren und alle Weiterleitungen überprüfen können.
User Agent Switcher - Dies ist ein Firefox-Add-On, mit dem Sie herausfinden können, wie Ihre Site aussieht, wenn Sie von einem anderen Benutzeragenten aus darauf zugreifen.