Wussten Sie, dass über die Hälfte des Internetverkehrs in den USA von Mobiltelefonen stammt? Laut dieser Statistik tun mehr als die Hälfte der Leute, die Ihren Blog besuchen, dies von ihrem Smartphone aus.
Eine der wichtigsten Möglichkeiten der Blog-Promotion sind Social Media. Wann haben Sie Facebook das letzte Mal von Ihrem Desktop aus geöffnet? Okay, vielleicht hast du das heute bei der Arbeit gemacht.
Aber der Punkt ist, dass Websites wie Facebook und Twitter mobil geworden sind – zumindest für Verbraucher wie uns. Möglicherweise lesen Sie diesen Blogbeitrag auf Ihrem Telefon oder Tablet. Ganz zu schweigen davon, dass Sie diesen Blogbeitrag über einen Newsletter, Feed oder Social Media erhalten haben.
Können Sie es sich als Blogbesitzer wirklich leisten, Ihren mobilen Lesern keine Aufmerksamkeit zu schenken? Die Chancen stehen gut, dass sie Ihre treuesten Leser sind. Wieso den? Einfach weil sie sich entschieden haben zu lesen Ihre Inhalte mit dem chaotischsten Gerät der Welt.
Wenn Sie Ihr Geschäft aufbauen und mit Ihrer Website Geld verdienen möchten, müssen Sie sich die Möglichkeiten von Mobilgeräten zunutze machen.
Okay, das kam kitschig heraus. Lass uns weitermachen. Sie haben sich also für WordPress als Ihre Blogging-Plattform entschieden. Groß. Sie haben ein fantastisches kostenloses WordPress-Theme, das reaktionsschnell, mobil bereit ist und sogar Retina-Display-Unterstützung bietet.
Hier ist der Haken. Viele dieser sogenannten „großartigen“ responsiven Themes sind nicht immer so toll wie beworben. Es können Ausrichtungsprobleme und Inkonsistenzen in der mobilen Version Ihrer Website auftreten (die übrigens ohne die Hilfe des Entwicklers nicht zu lösen sind). Und manche Themes verfolgen keinen Mobile-First-Ansatz und sind beim Laden einfach regelrecht langsam. Denken Sie daran, dass ein Besucher Ihre Website mit größerer Wahrscheinlichkeit verlässt, wenn sie nicht in 3 Sekunden geladen wird. Bei Mobilgeräten nimmt dieser Zeitrahmen von 3 Sekunden stetig ab. Ich denke, Sie stimmen mir sogar zu, wenn ich sage, dass die beiden Ressourcen, die sich von Tag zu Tag erschöpfen, Zeit und Aufmerksamkeit sind.
Im Sinne des fröhlichen mobilen Lesens habe ich diese Liste erstaunlicher mobiler Optimierungs-Plugins für WordPress zusammengestellt. Mit anderen Worten, diese Plugins ermöglichen es Ihnen, eine wirklich großartige mobile Version Ihrer WordPress-Site zu erstellen.
Bevor wir beginnen, eine kurze Erinnerung daran, dass Sie nicht jedes Plugin auf dieser Liste verwenden müssen. Wir teilen ähnliche Plugins, und obwohl sie leicht unterschiedliche Funktionen bieten, wählen Sie das für Sie am besten geeignete aus. Die Installation von Plugins mit doppelter Funktionalität kann zu Problemen mit Ihrer Site führen – versuchen Sie also, die Installation einzuschränken. Das aus dem Weg, los geht’s!
WordPress Mobile-Paket
Dieses Plugin bietet einige ernsthafte Waffen, wenn es darum geht, eine mobile Website zu erstellen. Normalerweise rendert ein Plugin eine mobilkompatible Version einer bestehenden Website. Dieses Plugin geht noch einen Schritt weiter und erstellt eine komplette Webanwendung mit den neuesten HTML5-Technologien.
Wenn Sie sich auf einer mobilen Website und einer Web-App nicht sicher sind, kann dies hilfreich sein. Wenn Sie verwendet haben Facebook Lite im Standard-Android-Browser ist das eine mobile Website. Wenn Sie eine aktuelle Chrome-Version auf Ihrem Telefon verwenden, wird Ihnen die Web-App von Facebook angezeigt.
Web-Apps sind in Bezug auf UI und UX viel flüssiger, verfügen über Offline-Synchronisierungs- und Speicherfunktionen und funktionieren auf allen Plattformen, einschließlich iOS, Windows Phone, BlackBerry OS und Android.
Eine der coolsten Funktionen von WordPress Mobile Pack besteht darin, dass Sie verschiedene Beiträge, Seiten und Kommentare basierend auf dem Zielgerät selektiv synchronisieren können. Es bietet auch eine Premium-Version mit besseren Anpassungs- und Theming-Funktionen, Integration mit Google Analytics und Werbenetzwerken wie Google AdSense und DoubleClick, Offline-Synchronisierung und einer Menge anderer fantastischer Funktionen.
WPtouch Mobile-Plugin
WPtouch wird als das „ursprüngliche“ WordPress-Mobile-Plugin bezeichnet und wandelt Ihr vorhandenes WordPress-Theme in eine schöne, flüssige mobile Vorlage um, die die von Google empfohlenen Designrichtlinien für mobile Websites einhält. Die Premium-Version des Plugins – WPtouch Pro bietet eine Vielzahl von erweiterten Themen für Blogs, Unternehmen und WooCommerce-spezifische Themen.
Sie können auch zusätzliche Erweiterungen kaufen, die umfangreiche Werbeoptionen, Web-App-Modus (ähnlich dem WordPress Mobile Pack), „nur für Mobilgeräte“ Inhalte, erweiterte Webtypografie, mobiles Site-Caching und mehr hinzufügen. Diese Erweiterungen kosten zwischen 10 und 20 US-Dollar und bieten Ihnen die Flexibilität, sie individuell je nach Bedarf zu erwerben – und haben so eine bessere Kontrolle über Ihr Budget.
Während einige argumentieren mögen, dass der Preis für ein verwandtes Posts-Plugin mit 15 US-Dollar etwas zu hoch ist, könnte ein anderer Gedankengang darauf hindeuten, dass dies die Qualität der produzierten Arbeit erheblich verbessert.
AMPERE
Anstatt ein mobiles Design anzupassen, können Sie alternativ sicherstellen, dass Ihre Inhalte mit dem Google Accelerated Mobile Pages-Projekt kompatibel sind. AMP wird mit mobilfreundlichen, geschwindigkeitserhöhenden Funktionen wie asynchronem Ressourcenladen, statischem Layoutsystem, Lazy Loading, Ressourcenpriorisierung, Pre-Rendering und mehr beworben.
Grundsätzlich bietet das AMP-Plugin eine optimierte Möglichkeit, Ihre Website-Inhalte im Frontend anzuzeigen, indem Sie die Formatierungsrichtlinien von Google befolgen. Und im Backend überprüft es Ihre Beiträge und Seiten automatisch auf fehlende oder ungültige Markups, die zu AMP-Validierungsproblemen führen können. Machen Sie es sich leicht, mit minimalem Aufwand eine schöne und benutzerfreundliche UX zu haben.
AMP für WP
Obwohl es sich nicht um das „offizielle“ Plugin handelt, bietet AMP für WP neben der AMP-Kernintegration eine Menge großartiger Funktionen. Zum Beispiel wurden Einstellungen für mobile Anzeigenbereiche, benutzerdefinierte AMP-Sprachübersetzungen, Push-Benachrichtigungen, 3 vorgefertigte AMP-Seitenlayouts, strukturierte Datenoptionen, Seitenumbrüche, Handlungsaufforderungen, Startbewertungen usw. hinzugefügt. Außerdem ist AMP für WP mit beliebten . kompatibel Plugins wie Yoast SEO, AddThis Social Sharing, Elementor Page Builder, Gutenberg, Contact Form 7, Gravity Forms und vieles mehr.
Responsive Menü
Responsive Menus ist eine schnelle Möglichkeit, mobile Flash-Menüs zu Ihrer Site hinzuzufügen. Mit mehr als 150+ Anpassungsoptionen gibt es fast grenzenlose Möglichkeiten, ein benutzerdefiniertes Menü zu gestalten. Nutzen Sie die Optionen für Farben, Schriftarten, Hintergrundbilder, Menüanimationen, integrierte Suche, RTL und mehr. Wie der Name schon sagt – alle Menüs reagieren und sehen auf den meisten Geräten gut aus.
WP Mobile-Menü
Als Alternative zum zuletzt genannten Plugin könnten Sie WP Mobile Menu in Betracht ziehen. Dieses Plugin bietet auch viele Funktionen, um Ihre eigenen responsiven Site-Menüs zu entwerfen. Es stehen zwar weniger Optionen zur Verfügung, dies kann es Ihnen jedoch auch erleichtern, ein mobiles Menü zu gestalten und zu Ihrer Website hinzuzufügen.
EWWW-Bildoptimierungstool
WordPress erstellt automatisch optimierte Versionen Ihrer Bilder in verschiedenen Größen. Sie können Ihre neuen und vorhandenen Bilder in Ihrer WordPress-Site mit dem beliebten WordPress-Plugin EWWW Image Optimizer optimieren. Es unterstützt die verlustbehaftete oder verlustfreie Stapelkompression von Bildern im JPG- oder PNG-Format.
Smush
Smush ist ein weiteres vom WPMU-Team entwickeltes Bildoptimierungs-Plugin, das mit seiner Premium-Version eine 2x bessere Komprimierung verspricht. Die kostenlose Version begrenzt jedoch die maximale Eingabebildgröße auf 5 MB. Außerdem bietet das Plugin zusätzliche Funktionen für Lazy Load, Bildgrößenanpassung, automatische Optimierung, Massen-Smush (bis zu 50 Bilder gleichzeitig) und mehr.
a3 Lazy Load
Das Laden von optimierten Bildern dauert immer noch. Um den Datentransfer zu minimieren und die Ladezeit der Seite zu verbessern, können Sie das a3 Lazy Load Plugin verwenden. Die Essenz des Plugins liegt im Lazy-Load-xt-JavaScript-Code, der das Laden von Bildern, Videos, Iframes und Post-Einbettungen verzögert. Definieren Sie Ihre Lazy Load nach Post, Seite, Post-Typ, Widget usw. Plus a3 Lazy Load enthält optionale Pre-Load-Effekte, AMP-Kompatibilität, WebP-Bildunterstützung und Kompatibilität mit den meisten gängigen Plugins (JetPack, Elementor, WooCommerce usw.).
Lazy Loader
Bilder, Audiodateien, Videos und Iframes werden erst geladen, wenn das Ansichtsfenster aktiv ist, wenn Sie Lazy Loader verwenden. Falls der Browser JavaScript deaktiviert hat, wird es anmutig degradiert, dh es funktioniert nicht mehr, ohne die Site zu beschädigen. Bilder werden wie gewohnt geladen. Mit anderen Worten, Bilder werden nur geladen, wenn Sie nach unten scrollen, um sie zu sehen – dh Sie befinden sich im Ansichtsfenster des Bildes.
Testen Sie Ihre mobile Website
Google verfügt über einen eigenen mobilfreundlichen Website-Tester, der Ihnen personalisierte Empfehlungen basierend auf den fehlenden Inhalten Ihrer Website gibt.
Nachdem Sie Ihre Website für die mobile Ansicht optimiert haben, können Sie sie testen. Wenn das Ergebnis gut ist, können Sie loslegen! Klopfen Sie sich auf den Rücken. Wenn die Ergebnisse jedoch negativ sind, arbeiten Sie einfach an den vorgeschlagenen Änderungen und Sie können loslegen.
Einpacken
Das Erstellen einer mobilen Website ist einfach. Das Erstellen einer mobilen Website, die konvertiert, ist dies nicht.
Unser Ziel in diesem Artikel war es, Ihnen zu zeigen, wie Sie Ihre mobile WordPress-Website optimieren können. Jede einzelne Studie zum Thema Mobile Trends kommt einstimmig zu dem Schluss, dass es nur noch wachsen wird – exponentiell. Google hat bereits damit begonnen, mobile Usability als wichtigen Rankingfaktor zu nutzen.
Wir sind die Liste der Plugins durchgegangen. Jetzt stellen wir sicher, dass wir auf der Gewinnerseite sind!
