Es ist durchaus üblich, dass Menschen Handheld-Geräte verwenden, um ihre Lektüre nachzuholen oder online nach etwas zu suchen. Ein Bericht schätzt, dass 60 % der Suchanfragen über ein mobiles Gerät beginnen. Wenn Ihre Zielgruppe zu dieser Gruppe gehört, die ständig unterwegs ist, haben Sie wirklich keine Wahl: Sie müssen sicherstellen, dass Ihre Website gut aussieht und auf Mobiltelefonen gut funktioniert. Schauen wir uns in diesem Beitrag einige Dinge an, die Sie tun können, um Ihre WordPress-Website mobilfreundlich zu gestalten.
Eine für Mobilgeräte optimierte Website erscheint als kleine Version Ihrer regulären Website. Um dieses Erscheinungsbild zu erreichen, müssen Sie alle Elemente Ihrer Website optimieren, um sie an Ihre Bildschirmgröße anzupassen. Und um Traffic anzuziehen und zu halten, müssen Sie sicherstellen, dass Ihre Website schnell lädt, insbesondere auf Mobilgeräten.
Ein Googlebot berücksichtigt viele Aspekte, wenn er prüft, ob eine Website für Mobilgeräte geeignet ist, darunter:
- wenn die Seite zu viele Anzeigen oder Software enthält, die nicht für mobile Geräte geeignet ist, wie z. B. Flash und Java.
- wenn die Größe des Inhalts auf den Bildschirm verkleinert wird und der Text lesbar ist, ohne Zoomen oder horizontales Scrollen.
- wenn die Glieder deutlich voneinander entfernt platziert sind, sodass sie leicht zu berühren sind.
Warum sollte Ihre WordPress-Website mobilfreundlich sein?
Die Mobilfreundlichkeit einer WordPress-Website ist eine natürliche Folge der explosionsartigen Zunahme der Anzahl von Mobiltelefonen, der besseren Netzwerkkonnektivität und des WLAN-Zugangs an öffentlichen Orten. Die zwingendsten Gründe sind:
- Suchmaschinen berücksichtigen die Mobilfreundlichkeit als Rankingfaktor. Die Mobilfreundlichkeit wird Seite für Seite bestimmt. Das bedeutet, dass die für Mobilgeräte optimierten Bereiche Ihrer Website in den Suchergebnissen einen höheren Rang einnehmen, während der übrige Inhalt einen niedrigeren Rang erhält.
- Eine schwer zu navigierende Webseite kann zu einer höheren Absprungrate führen, was der SEO Ihrer Website schaden kann. Umgekehrt kann eine für Mobilgeräte optimierte Website zu einer besseren Website-Geschwindigkeit und SEO führen.
- Um Ihre Webseiten mobilfreundlich zu gestalten, benötigen Sie häufig saubere Raster und Layouts sowie möglicherweise eine universelle URL- und Codebasis.
- Mobilfreundlichkeit verbessert Branding und Verkäufe.
So machen Sie Ihre WordPress-Website mobilfreundlich
Heutzutage sind moderne WordPress-Themes wie Total responsive und können die Website auf jedem Gerät anzeigen. Allerdings gibt es neben der Verwendung eines responsiven Themes noch viele andere Dinge, die Sie tun können, um Ihre Website für mobile Geräte zu optimieren.
1. Wir, ein Mobile-First-Ansatz
Im aktuellen digitalen Szenario kann die Bedeutung der Kompatibilität mit mobilen Geräten nicht genug betont werden. In den USA ist die Zeit für mobile digitale Medien um 51 % höher als für Desktop-Medien um 42 %. Um diese „Tap-and-Swipe“-Zielgruppe zu erreichen, optimieren Website-Besitzer nicht einfach das bestehende Website-Design für mehrere Bildschirmgrößen. Sie gehen einen Schritt voraus und verfolgen einen Mobile-First-Ansatz.
Der Mobile-First-Ansatz erstellt ein UX-Design speziell für Mobilgeräte und priorisiert die Content-Strategie für die kleinste Bildschirmgröße. Es beschränkt sich nicht nur auf die Optimierung der bestehenden regulären Desktop-Website für Mobilgeräte.
Ein weiterer wichtiger Grund für die Umstellung auf Mobile-First ist die Ankündigung von Google im November 2016, schrittweise auf die Mobile-First-Indexierung umzustellen. Bei dieser Indexierungsmethode überprüft Google zunächst die mobilen Seiten der Website auf Indexierung, bevor die Desktop-Seiten überprüft werden. Bei der Auswahl einer Website für den Mobile-First-Index verwendet Google „Ranker“, um herauszufinden, wie bereit eine Website für den Mobile-First-Index ist. Rankinger ermitteln, wie gleichwertig oder vergleichbar die Desktop-Site mit der mobilen Site in Bezug auf Inhalt, Links, Layout, Multimedia usw. ist. Tatsächlich teilte Gary Illyes von Google im Oktober einem Publikum auf der SMX East-Konferenz in New York City mit, dass einige Websites bereits auf der mobilen Indexliste stehen und weitere hinzugefügt werden.
2. Bilder optimieren
Bilddateien sind normalerweise viele Bytes lang. Sie werden langsamer geladen als andere Ressourcen wie Text und HTML. Um Ihre Website mobilfreundlich zu gestalten, müssen Sie die Bilder so optimieren, dass sie auf kleinere Bildschirme passen. Seit Version 4.4 übernimmt WordPress dies weitgehend, Sie können jedoch jederzeit ein WordPress-Plugin verwenden, um Ihre Bilder weiter zu optimieren.
Sie können viel mehr tun, um Bilder zu optimieren. Bedenken Sie dabei immer, dass die Bildoptimierung ein Gleichgewicht zwischen Benutzererfahrung, visueller Attraktivität und Seitenleistung erfordert. Entfernen Sie zunächst Bilder, die keinen Mehrwert bieten. Als nächstes optimieren Sie Ihre Bilder, bevor Sie sie überhaupt hochladen, indem Sie sie auf kleinere Dateigrößen komprimieren. Wenn Sie Photoshop verwenden, verwenden Sie die Option „Für Web speichern“. Auch Online-Tools wie TinyPNG oder Plugins wie WPSmush können die Arbeit recht effizient erledigen. Darüber hinaus gibt es eine Github-Seite, die Ihnen beim Vergleich verschiedener Komprimierungstools helfen kann. Um mehr über die Bildoptimierung zu erfahren, nutzen Sie unseren Leitfaden zur Bildoptimierung.
3. Implementieren Sie beschleunigte mobile Seiten
Accelerated Mobile Pages ist eine Open-Source-Initiative von Google zur Bereitstellung schnell ladender Inhalte auf Mobilgeräten. Es gibt Verlagen die Möglichkeit, nur einmal mobilfreundliche Inhalte zu erstellen und diese sofort überall im mobilen Web zu laden. Bei AMP handelt es sich eigentlich um eine Vielzahl von Optimierungen für die Website, die einheitlich gemäß den Anforderungen von Google durchgeführt werden. Es steht ein Standardangebot an Werbeformaten, Werbenetzwerken und Technologien zur Verfügung. Gleichzeitig können Redakteure auch eigene Formate wählen, sofern dies kein Hindernis für die Geschwindigkeit darstellt. Wir haben unser eigenes AMP für WordPress-Tutorial zum Erstellen von AMP-Seiten, um Ihnen den Einstieg zu erleichtern. Wir empfehlen außerdem AMP Start von Google, das Ihnen auch dabei hilft, gut aussehende AMP-Seiten mit gebrauchsfertigen AMP-Vorlagen und -Komponenten zu erstellen.
AMP-Inhalte werden sofort in einer Google-Suche verfügbar und über soziale Plattformen wie z. B. zugänglich sein TwitterLinkedIn und Pinterest.
Durch die spezielle Formatierung und Bereitstellung mobiler Seiten werden diese Seiten auf Mobilgeräten deutlich schneller. Die durchschnittliche Ladezeit einer AMP-Seite von Google beträgt weniger als eine halbe Sekunde. Bis Oktober 2017 haben mehr als 25 Millionen Website-Domains mehr als 4 Milliarden AMP-Seiten bereitgestellt. AMP steigert den Website-Traffic um 10 % und verdoppelt die Verweildauer auf der Seite. AMP-E-Commerce-Websites verzeichneten im Vergleich zu Nicht-AMP-Seiten einen Anstieg der Verkaufskonversionen um 20 %.
AMP ist noch kein Ranking-Faktor, kann jedoch einen großen Einfluss auf die Benutzererfahrung und damit auf die Suchmaschinenoptimierung haben.
4. Vermeiden Sie Vollbild-Popups
Es besteht kein Zweifel daran, dass Pop-ups funktionieren. Bei der Verwendung von Popups muss jedoch immer die Benutzererfahrung im Vordergrund stehen. Pop-ups, die kontextbezogen relevant sind, einprägsame Schlagzeilen haben und einen echten Mehrwert bieten, sodass der Leser bessere Conversion-Chancen hat. Andererseits reichen schwer zu übersehende Spam-Pop-ups, die Werbung über dem Hauptinhalt anzeigen, aus, um einen Besucher abzuschrecken.
Wenn ein Nutzer auf eine Google-Seite klickt, sollte der von Ihnen in einer mobilen Suche indizierte Inhalt verfügbar sein. Andernfalls könnten sie in den mobilen Suchergebnissen keinen hohen Rang erreichen (Stand: Januar 2017). Pop-ups als Reaktion auf gesetzliche Verpflichtungen, wie Cookies und Altersbestätigungen oder Anmeldedialoge, die den Zugriff auf gesperrte Inhalte ermöglichen, sind für Google kein Problem. Das Gleiche gilt für Anzeigen, die nur wenig Platz auf dem Bildschirm beanspruchen und leicht ausgeblendet werden können.
Im Gegensatz dazu finden Pop-ups, die erscheinen, sobald ein Besucher über eine Suche auf die Seite gelangt, die den Hauptinhalt abdecken oder die erscheinen, während ein Besucher surft, bei Google keinen Anklang. Das Gleiche gilt für eigenständige Interstitials, die ein Benutzer verwerfen muss, bevor er auf den Hauptinhalt zugreifen kann.
Weitere bewährte Vorgehensweisen bei Popups auf Mobilgeräten umfassen die Vermeidung von Popups im Vollbildmodus oder die Einbeziehung erweiterbarer Inhalte wie Akkordeons oder erweiterbarer Felder auf Ihrer mobilen Website. Verwenden Sie kleinere Nachrichten als Banner, Liner oder Folien oder verbergen Sie Inhalte hinter Registerkarten.
John Mueller von Google warnt davor, dass Interstitials, die zwischen dem Suchklick und dem Zugriff auf Inhalte erscheinen, einen negativen Einfluss auf das Ranking haben. Folglich haben Page-to-Page-Popups oder Exit-Intent-Popups möglicherweise keinen Einfluss auf das Ranking.
5. Erwägen Sie die Erstellung einer mobilen App
Eine mobile App ist ein Computerprogramm, das auf einem mobilen Gerät wie einem Telefon oder einer Uhr ausgeführt wird. Amazon hat beispielsweise eine Alexa-Shopping-App. Apps sind jetzt verfügbar und können für alles heruntergeladen werden: Dienstprogramm, Produktivität, Navigation, Unterhaltung, Sport oder Fitness. Facebook Mit 140 Millionen monatlichen Downloads ist es die am häufigsten heruntergeladene Anwendung.
Viele Websites verfügen über mobile Websites und mobile Anwendungen. Eine Anwendung stellt spezifische Informationen in einem leicht verständlichen Format bereit. Es ist intuitiv zu bedienen und bietet mehr Interaktivität. Heutzutage werden viele E-Commerce-Aktivitäten, einschließlich Zahlungen, über Mobiltelefone abgewickelt. Daher werden mobile Anwendungen bestehen bleiben und in ihrer Zahl zunehmen. Das Beste daran ist, dass Sie Ihre WordPress-Website ganz einfach in eine App umwandeln oder eine App für Ihre kleinen Unternehmen erstellen können.
Mobile Apps erhöhen den Datenverkehr, indem sie es Benutzern ermöglichen, direkt von ihrem Telefon aus zu tippen. Benutzer können mit nur wenigen Klicks sofort auf Sie zugreifen. Apps helfen Ihnen, mehr Kunden zu erreichen und sich gut in soziale Medien zu integrieren. Mit Apps können Sie Ihre Produktliste regelmäßig aktualisieren und Rabatte und Angebote anbieten. Oder verbinden Sie sich mit Partner-Websites, um auf Ihre App zuzugreifen und eine bessere Sichtbarkeit zu erzielen.
Abschließend
Wenn Sie alle Optimierungen vorgenommen haben, um Ihre Website mobilfreundlich zu machen, vergessen Sie nicht, sie in PageSpeed Insights zu testen. Der Test auf Mobilfreundlichkeit von Google testet Websites auch anhand der URL.
Die Ratschläge in diesem Beitrag erheben keinen Anspruch auf Vollständigkeit. Es gibt unzählige WordPress-Optimierungs-Plugins und weitere Anleitungen, die Ihnen dabei helfen, Ihre Website auf Mobilgeräten zu verbessern. Wenn Sie also etwas hinzuzufügen oder Fragen an uns haben, teilen Sie uns dies bitte in den Kommentaren unten mit.
