Tipps, wie Sie Ihren Blog mobilfreundlicher gestalten können

Google hat kürzlich angekündigt, dass es ein mobilfreundliches Algorithmus-Update verwenden wird, um zu überprüfen, ob alle Blogs mobilfreundlich sind, und diejenigen, die dies nicht sind, bestrafen wird. Daher fragen sich viele Blogger, wie sie ihre Websites mobilfreundlicher gestalten können und wie sie überhaupt wissen können, ob ihr Blog mobilfreundlich ist oder nicht. Aus diesem Grund haben wir die wichtigsten Informationen darüber zusammengestellt, warum es so wichtig ist, Ihren Blog mobilfreundlicher zu machen, und wie Sie dies tatsächlich tun können.

Heutzutage verwendet ein großer Teil aller Blog-Besucher ihre mobilen Geräte anstelle von Computern, um dies zu tun. Und da Google versprochen hat, die Rankings der Websites zu verbessern, die für die Anzeige auf Mobilgeräten geeignet sind, ist es wichtiger denn je, sicherzustellen, dass Ihr Blog oder Ihre Website für Mobilgeräte geeignet ist.

Natürlich geht es nicht nur darum, was Google will. Die Optimierung Ihres Blogs für Mobilgeräte liegt auch in Ihrem Interesse und im Interesse Ihrer Leser, denn da so viele Menschen ihre Mobilgeräte zum Surfen im Internet verwenden, wird das Lesen Ihres Blogs für sie bequemer. Laut einer Untersuchung des Pew Internet Project nutzen mehr als ein Drittel aller Handybesitzer ihr Telefon mehr als ihren Desktop oder Laptop, um auf das Internet zuzugreifen. Wenn Sie also möchten, dass Ihr Blog auf jedem Smartphone problemlos angezeigt werden kann und Sie die Leserschaft Ihres Blogs steigern möchten, müssen Sie über die mobile Freundlichkeit nachdenken. Und es ist tatsächlich einfacher zu erreichen, als man denkt.

Testen auf mobile Freundlichkeit

Als Google diesen mobilfreundlichen Algorithmus entwickelte, ermöglichten sie es auch jedem, ihre Blogs und Websites mit ihrem mobilfreundlichen Testtool auf diese Metrik zu testen. Geben Sie einfach die URL Ihres Blogs in das Feld „URL zum Testen eingeben“ ein, klicken Sie auf „Test ausführen“ und das Tool teilt Ihnen mit, ob Ihr Blog für Mobilgeräte optimiert ist oder nicht.

Wenn Ihre Website für Mobilgeräte optimiert ist, können Sie sich etwas entspannen, da Sie nichts tun müssen. Wenn dieses Google-Tool jedoch feststellt, dass Ihr Blog auf einem Mobilgerät nicht am einfachsten zu lesen ist, müssen Sie in dieser Abteilung so schnell wie möglich einige Verbesserungen vornehmen.

Für diejenigen, die eine Content-Management-Software (CMS) verwenden, um ihren Blog zu betreiben, wie WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix usw., sollte die Anpassung kein Problem darstellen, da die meisten dieser Softwaresysteme Bieten Sie Tools an, die Ihre Website automatisch für Mobilgeräte optimieren. Aber wenn Sie den eher altmodischen Ansatz gewählt haben, keine CMS-Software zum Erstellen Ihrer Website zu verwenden, oder wenn Sie CMS verwendet haben, Ihre Website aber immer noch nicht den mobilen Standards entspricht, finden Sie hier einige Tipps zur Verbesserung die Mobilfreundlichkeit Ihrer Website.

1 Aktualisieren Sie das CMS auf die neueste Version und verwenden Sie mobile Designs

Wenn Sie ein CMS verwenden, müssen Sie möglicherweise nur Ihre Software aktualisieren oder das Thema ändern, das Sie für Ihr Blog verwenden. Die meisten CMS bieten bereits alle Tools, um Ihre Website mobilfreundlich zu gestalten, aber Sie müssen sicherstellen, dass Ihr CMS auf die neueste Version aktualisiert ist. Beispielsweise wird Joomla nur dann mit mobiler Unterstützung geliefert, wenn es auf die neueste Version der Software aktualisiert wird. Bei anderer Software müssen Sie jedoch möglicherweise das Design Ihrer Website ändern, um es für Mobilgeräte geeignet zu machen, da einige ältere Designs auf Mobilgeräten einfach nicht gut aussehen und daher auch nicht für sie geeignet sind. Gehen Sie dazu zum Verwaltungsbereich Ihres CMS, suchen Sie die Registerkarte Themen auf Ihrem Dashboard und ändern Sie das Thema Ihres Blogs in ein Thema, das reaktionsschnell und mobilfreundlich ist. Zum Beispiel bietet WordPress Hunderte von verschiedenen Themen, und ein großer Teil von ihnen ist kostenlos und reaktionsschnell. Wenn Sie ein CMS verwenden, das keine mobile Unterstützung bietet, sind leider weitere Verbesserungen erforderlich, und es könnte klüger sein, einfach Ihre Content-Management-Software zu wechseln.

2 Verwenden Sie Zwischenüberschriften

Eine Faustregel für Blog-Inhalte, die für mobile Benutzer geeignet sind, besteht darin, sie den Text in kleineren Absätzen aufnehmen zu lassen, anstatt Ihren Artikel in einem langen Text zu haben. Der Text Ihres Blogbeitrags sollte also gut strukturiert sein, damit sich der Leser leicht im Text orientieren kann. Das geht ganz einfach mit Unterüberschriften. Wenn Sie Unterüberschriften verwenden, wird der Text automatisch in viele Unterkapitel unterteilt und es besteht eine geringere Chance, dass der Leser beim Lesen des Artikels seinen Platz verliert. Und da das Verlieren des Platzes beim Lesen auf dem Smartphone für viele Benutzer mobiler Geräte ein recht häufiges Problem ist, weil das mobile Scrollen das Lesen langer, monotoner Texte erschwert, lösen Sie es durch die Verwendung von Überschriften.

Überschriften können einfach mit Überschriften-Tags eingefügt werden. Das Tag für die größte und wichtigste Überschrift ist

, was eine kaum wahrnehmbare Überschrift ist, Ihnen aber dennoch dabei hilft, Ihre Inhalte aufzuteilen und sie leichter lesbar zu machen.

3 Wählen Sie die geeignete Größe für die Bilder

Blogger wählen normalerweise die Größe der Bilder, die sie in ihren Blog-Posts verwenden werden, entsprechend der normalen Computerbildschirmgröße, aber wenn die Blog-Posts auf kleineren Bildschirmen wie dem eines Mobiltelefons angezeigt werden, enden die Bilder im Allgemeinen alle bis die gleiche Größe. Dies bedeutet, dass Benutzer von Mobilgeräten die Bilder nicht im angemessenen Verhältnis sehen. Machen Sie Ihre Bilder also so, dass sie nicht nur kleiner sind, normalerweise sind Bilder unter 1500 x 2500 Pixel am besten, sondern auch kleiner – unter 500 KB wird empfohlen. Zusätzlich zu den für mobile Geräte geeigneten Fotos ermöglicht das Verkleinern der Dateigröße Ihrer Bilder den Benutzern auch, die Seiten schneller zu laden, da kleinere Bilder weniger Daten zum Laden verbrauchen.

Um Ihre Bilder kleiner zu machen, können Sie Dateigröße und -abmessungen verwenden, indem Sie einen beliebigen Fotoeditor verwenden, den Sie zur Hand haben, da Sie Photoshop nicht benötigen, um dies zu tun. Wir empfehlen, entweder JPEGmini oder Pixlr zu verwenden, da Sie mit diesen Bildbearbeitungsprogrammen die Größe Ihrer Bilder reduzieren können, ohne deren Qualität zu beeinträchtigen.

4 Responsives Design verwenden

Responsive Design für einen Blog oder eine Website bietet die Möglichkeit, diese von vielen verschiedenen Plattformen und Geräten mit unterschiedlichen Bildschirmgrößen bequemer anzuzeigen, da es Ihre Website automatisch an die Breite des Browserfensters anpasst. Und um den Blog-Besuchern ein angenehmes Lesen zu ermöglichen, ändert sich bei dieser Anpassung meist auch das Design des Blogs, beispielsweise werden Bilder verkleinert, Spalten vertikal ausgerichtet und auch das Menü ändert sich. Aber wenn diese Änderungen nicht von alleine passieren, gibt es Tools, mit denen Sie es selbst tun können.

Zum Beispiel Foundation 3, Skeleton und Bootstrap. Diese Frameworks passen Ihr Blog automatisch an, sodass es auf jedem Gerät einfach zu lesen ist. Diese zu verwenden ist viel einfacher, als jede mögliche Kombination selbst zu programmieren. Natürlich können Sie dies auch tun, indem Sie die neuen relativen Längeneinheiten von CSS3 wie die Breite des Ansichtsfensters (vw), die Höhe des Ansichtsfensters (vh), das Minimum der Höhe und Breite des Ansichtsfensters (vmin) und das Maximum der Höhe und Breite des Ansichtsfensters (vmax) verwenden. Das Codieren erfordert jedoch sowohl Geschick als auch Zeit, und wenn Sie kein erfahrener Programmierer sind, würde ich vorschlagen, sich für die erstere Option zu entscheiden.

5 Verwenden Sie einfache Designs

Mobile Benutzer bevorzugen einfache Website-Designs, da große und kompliziert gestaltete Websites auf einem mobilen Gerät langsam werden. Einfache Designs machen es auch einfach, die Aufmerksamkeit des Lesers auf den Inhalt zu lenken, anstatt ihn mit schickem Design abzulenken, da statistisch gesehen die meisten mobilen Benutzer eine recht kurze Aufmerksamkeitsspanne haben.

Das bedeutet, das Layout Ihrer Website einfach und leicht verständlich zu gestalten. Wenn Sie ein Design verwenden, das Ihr Dienstanbieter anbietet, können Sie es einfach in ein einfacheres ändern. Zum Beispiel bietet WordPress viele elegante, einfache Designs, die mobile Geräte nicht überfordern, aber auch auf einem Desktop gut aussehen. Aber wenn Sie Ihre Website mit HTML erstellt haben, können Sie eine einfache Vorlage herunterladen, die Ihre Website großartig aussehen lässt und auch für Mobilgeräte geeignet ist. Zum Beispiel bietet Envato Market viele verschiedene einfache Designs, aus denen Sie auswählen und auf Ihrer Website verwenden können.

6 Verwenden Sie Standardschriften

Interessante Schriftarten können einen Blog kreativer aussehen lassen, aber diese Schriftarten können auch für mobile Leser des Blogs ein Ärgernis sein, da nicht alle mobilen Geräte ausgefallene Desktop-Schriftarten unterstützen. Um den Inhalt zu sehen, müssen Benutzer von Mobilgeräten also neue Schriftarten auf ihre Telefone herunterladen, was ein Aufwand ist, der sich für viele nicht lohnt. Darüber hinaus können einige kreativere Schriftarten aufgrund der geringeren Größe auf einem Smartphone schwer zu lesen sein, selbst wenn alle Schriftarten vorinstalliert sind.

Wählen Sie also traditionelle Schriftarten wie Times New Roman, Verdana, Comic Sans MS, WildWest oder Bedrock. Überprüfen Sie auch die Lesbarkeit der Schriftart, für die Sie sich entscheiden, um sicherzustellen, dass der Text nicht unleserlich wird, wenn er auf einem kleineren Bildschirm eines Smartphones angezeigt wird. Als allgemeine Faustregel gilt, dass jeder Text auf einer Website mindestens 14 px groß sein sollte, da der Text auf diese Weise groß genug ist, um auch auf Mobilgeräten mit sehr kleinem Bildschirm gut lesbar zu sein.

7 Inhalt pro Seite minimieren

Wenn eine Seite auf einem beliebigen Gerät geladen wird, sei es ein Computer, ein Tablet oder ein Smartphone, lädt das Gerät den gesamten Inhalt der Seite herunter. Wenn Sie einen Computer verwenden, verursacht dies normalerweise keine Probleme, aber große Datenmengen können mobile Geräte überfordern. Um dies zu vermeiden, sollten Sie die Menge an Inhalten auf jeder Seite minimieren, da dadurch sichergestellt wird, dass Ihr Blog auf jedem mobilen Gerät funktioniert.

Es wird empfohlen, den Inhalt Ihrer Seite auf unter 5 MB pro Seite zu reduzieren. Sie können die Größe Ihres Seiteninhalts ganz einfach in jedem Browser überprüfen. Verwenden Sie einfach eines der vielen Tools zur Überprüfung der Webseitengröße, die online verfügbar sind. Wenn es über 5 MB liegt, reduzieren Sie entweder die Größe und Menge von Text, Bildern und anderen Bestandteilen der Seite manuell oder verwenden Sie Blog-Auszüge, um Besuchern das Anzeigen Ihres Blogs zu erleichtern.

8 Verwenden Sie YouTube-Videos

Wenn Sie dazu neigen, viele Videos in den Artikeln Ihres Blogs zu posten, müssen Sie bedenken, dass sie auf einem Mobilgerät ganz anders aussehen als auf einem Computer. Darüber hinaus unterstützen einige Mobilgeräte bestimmte Videoformate nicht einmal. Um also zu vermeiden, dass Benutzer das Video auf Ihrer Website nicht abspielen können, verwenden Sie eingebettetes YouTube. Der Einbettungscode, den YouTube für jedes seiner Videos bereitstellt, ist bereits responsiv, was bedeutet, dass Sie das Video auf fast jedem Gerät ansehen können und sich nicht mehr um Videogrößen und -formate kümmern müssen.

Sie können den Einbettungscode für ein YouTube-Video erhalten, indem Sie auf die Schaltfläche „Teilen“ klicken, die sich unter der Schaltfläche „Abonnieren“ befindet, dann auf die Registerkarte „Einbetten“ klicken und den bereitgestellten Code in Ihre Website kopieren. Und Sie haben selbst ein Video in perfekter Größe in Ihrem Post, ohne es konvertieren oder anderweitig anpassen zu müssen.

9 Ersetzen Sie Links durch antippbare Schaltflächen und Menüs

Oft sind Links auf einer Website viel zu klein, als dass ein mobiler Benutzer sie einfach und genau mit dem Finger antippen könnte. Und es kann für einen Blog-Leser wirklich ärgerlich sein, wenn er nicht genau auf den Inhalt tippen kann, den er sehen möchte. Deshalb sollten Sie alle Links auf Ihrer Website durch Buttons ersetzen, die mindestens 44 x 44 Pixel groß sind.

Wenn Sie ein CMS wie WordPress verwenden, können Sie einfach Plugins verwenden, um diese Schaltflächen zu erstellen. Gehen Sie zu Ihrem CMS-Kontrollfeld, suchen Sie ein geeignetes Plugin, installieren Sie es und befolgen Sie die Anweisungen zur ordnungsgemäßen Verwendung. Wenn Sie die Website jedoch selbst codiert haben, können Sie einen dieser kostenlosen Link-Button-Generatoren verwenden, wodurch Sie die Zeit sparen, die Sie beim Codieren der Schaltflächen selbst aufwenden würden.

10 Testen Sie weiter

Wenn Sie schließlich alle Verbesserungen vorgenommen haben und der Meinung sind, dass Ihr Blog so gut wie möglich für Mobilgeräte geeignet ist, testen Sie Ihren Blog erneut mit dem Google-Testtool oder einem anderen Testtool für Mobilgerätefreundlichkeit, das Sie im Internet finden können. Wenn jetzt alles in Ordnung ist und das Tool Ihnen versichert, dass Ihr Blog keine Strafe bekommt, weil es nicht mobilfreundlich ist, dann können Sie sich entspannen und Ihre Website weiter ausbauen, indem Sie großartige Inhalte erstellen. Aber um sicherzugehen, würde ich Ihnen empfehlen, Ihre Website von mehreren verschiedenen Geräten aus zu testen.

Bitten Sie Freunde oder Familienmitglieder, Ihren Blog von ihren Telefonen und Tablets aus anzusehen. Testen Sie Ihre Website auf einem Android- und IOS-Gerät sowie auf Geräten, die möglicherweise ein völlig anderes Betriebssystem haben. Und gehen Sie alle Ihre Hauptseiten in Ihrem Blog auf diesen Geräten durch. Nur wenn Sie die Mobilfreundlichkeit Ihres Blogs im wirklichen Leben testen, können Sie sicher sein, dass Ihre Website tatsächlich von allen Gadgets aus gut zu sehen und zu lesen ist.

Bei der Mobilfreundlichkeit geht es nicht nur um ein ansprechendes Website-Design, sondern auch darum, die Benutzererfahrung auf Ihrer Website zu verbessern. Aus diesem Grund werden mehr Menschen bereit sein, auf Ihre Website zurückzukehren, wenn Sie Ihr Blog mobilfreundlicher gestalten, da es einfach zu sehen und zu verstehen ist. Und da die Zahl der Menschen, die ihr Mobiltelefon als primäres Gerät zum Surfen im Internet verwenden, mit jedem kommenden Jahr nur noch zunimmt, ist es nur in Ihrem besten Interesse sicherzustellen, dass Ihre Website für diese Smartphone-Benutzer freundlich ist und den Inhalt anzeigt sie auf bequeme und leicht lesbare Weise.