\n Google hat k\u00fcrzlich angek\u00fcndigt, dass es ein mobilfreundliches Algorithmus-Update verwenden wird, um zu \u00fcberpr\u00fcfen, 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\u00f6nnen und wie sie \u00fcberhaupt wissen k\u00f6nnen, ob ihr Blog mobilfreundlich ist oder nicht. Aus diesem Grund haben wir die wichtigsten Informationen dar\u00fcber zusammengestellt, warum es so wichtig ist, Ihren Blog mobilfreundlicher zu machen, und wie Sie dies tats\u00e4chlich tun k\u00f6nnen.\n<\/p>\n
\n Heutzutage verwendet ein gro\u00dfer Teil aller Blog-Besucher ihre mobilen Ger\u00e4te anstelle von Computern, um dies zu tun. Und da Google versprochen hat, die Rankings der Websites zu verbessern, die f\u00fcr die Anzeige auf Mobilger\u00e4ten geeignet sind, ist es wichtiger denn je, sicherzustellen, dass Ihr Blog oder Ihre Website f\u00fcr Mobilger\u00e4te geeignet ist.\n<\/p>\n
\n Nat\u00fcrlich geht es nicht nur darum, was Google will. Die Optimierung Ihres Blogs f\u00fcr Mobilger\u00e4te liegt auch in Ihrem Interesse und im Interesse Ihrer Leser, denn da so viele Menschen ihre Mobilger\u00e4te zum Surfen im Internet verwenden, wird das Lesen Ihres Blogs f\u00fcr 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\u00f6chten, dass Ihr Blog auf jedem Smartphone problemlos angezeigt werden kann und Sie die Leserschaft Ihres Blogs steigern m\u00f6chten, m\u00fcssen Sie \u00fcber die mobile Freundlichkeit nachdenken. Und es ist tats\u00e4chlich einfacher zu erreichen, als man denkt.\n<\/p>\n
\n Testen auf mobile Freundlichkeit\n<\/p>\n
\n Als Google diesen mobilfreundlichen Algorithmus entwickelte, erm\u00f6glichten 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 \u201eURL zum Testen eingeben“ ein, klicken Sie auf \u201eTest ausf\u00fchren“ und das Tool teilt Ihnen mit, ob Ihr Blog f\u00fcr Mobilger\u00e4te optimiert ist oder nicht.\n<\/p>\n
\n Wenn Ihre Website f\u00fcr Mobilger\u00e4te optimiert ist, k\u00f6nnen Sie sich etwas entspannen, da Sie nichts tun m\u00fcssen. Wenn dieses Google-Tool jedoch feststellt, dass Ihr Blog auf einem Mobilger\u00e4t nicht am einfachsten zu lesen ist, m\u00fcssen Sie in dieser Abteilung so schnell wie m\u00f6glich einige Verbesserungen vornehmen.\n<\/p>\n
\n F\u00fcr 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\u00fcr Mobilger\u00e4te optimieren. Aber wenn Sie den eher altmodischen Ansatz gew\u00e4hlt 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.\n<\/p>\n
\n Wenn Sie ein CMS verwenden, m\u00fcssen Sie m\u00f6glicherweise nur Ihre Software aktualisieren oder das Thema \u00e4ndern, das Sie f\u00fcr Ihr Blog verwenden. Die meisten CMS bieten bereits alle Tools, um Ihre Website mobilfreundlich zu gestalten, aber Sie m\u00fcssen sicherstellen, dass Ihr CMS auf die neueste Version aktualisiert ist. Beispielsweise wird Joomla nur dann mit mobiler Unterst\u00fctzung geliefert, wenn es auf die neueste Version der Software aktualisiert wird. Bei anderer Software m\u00fcssen Sie jedoch m\u00f6glicherweise das Design Ihrer Website \u00e4ndern, um es f\u00fcr Mobilger\u00e4te geeignet zu machen, da einige \u00e4ltere Designs auf Mobilger\u00e4ten einfach nicht gut aussehen und daher auch nicht f\u00fcr sie geeignet sind. Gehen Sie dazu zum Verwaltungsbereich Ihres CMS, suchen Sie die Registerkarte Themen auf Ihrem Dashboard und \u00e4ndern Sie das Thema Ihres Blogs in ein Thema, das reaktionsschnell und mobilfreundlich ist. Zum Beispiel bietet WordPress Hunderte von verschiedenen Themen, und ein gro\u00dfer Teil von ihnen ist kostenlos und reaktionsschnell. Wenn Sie ein CMS verwenden, das keine mobile Unterst\u00fctzung bietet, sind leider weitere Verbesserungen erforderlich, und es k\u00f6nnte kl\u00fcger sein, einfach Ihre Content-Management-Software zu wechseln.\n<\/p>\n
\n Eine Faustregel f\u00fcr Blog-Inhalte, die f\u00fcr mobile Benutzer geeignet sind, besteht darin, sie den Text in kleineren Abs\u00e4tzen 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\u00fcberschriften. Wenn Sie Unter\u00fcberschriften 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\u00fcr viele Benutzer mobiler Ger\u00e4te ein recht h\u00e4ufiges Problem ist, weil das mobile Scrollen das Lesen langer, monotoner Texte erschwert, l\u00f6sen Sie es durch die Verwendung von \u00dcberschriften.\n<\/p>\n
\n \u00dcberschriften k\u00f6nnen einfach mit \u00dcberschriften-Tags eingef\u00fcgt werden. Das Tag f\u00fcr die gr\u00f6\u00dfte und wichtigste \u00dcberschrift ist\n<\/p>\n
\n Blogger w\u00e4hlen normalerweise die Gr\u00f6\u00dfe der Bilder, die sie in ihren Blog-Posts verwenden werden, entsprechend der normalen Computerbildschirmgr\u00f6\u00dfe, aber wenn die Blog-Posts auf kleineren Bildschirmen wie dem eines Mobiltelefons angezeigt werden, enden die Bilder im Allgemeinen alle bis die gleiche Gr\u00f6\u00dfe. Dies bedeutet, dass Benutzer von Mobilger\u00e4ten die Bilder nicht im angemessenen Verh\u00e4ltnis 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 \u2013 unter 500 KB wird empfohlen. Zus\u00e4tzlich zu den f\u00fcr mobile Ger\u00e4te geeigneten Fotos erm\u00f6glicht das Verkleinern der Dateigr\u00f6\u00dfe Ihrer Bilder den Benutzern auch, die Seiten schneller zu laden, da kleinere Bilder weniger Daten zum Laden verbrauchen.\n<\/p>\n
\n Um Ihre Bilder kleiner zu machen, k\u00f6nnen Sie Dateigr\u00f6\u00dfe und -abmessungen verwenden, indem Sie einen beliebigen Fotoeditor verwenden, den Sie zur Hand haben, da Sie Photoshop nicht ben\u00f6tigen, um dies zu tun. Wir empfehlen, entweder JPEGmini oder Pixlr zu verwenden, da Sie mit diesen Bildbearbeitungsprogrammen die Gr\u00f6\u00dfe Ihrer Bilder reduzieren k\u00f6nnen, ohne deren Qualit\u00e4t zu beeintr\u00e4chtigen.\n<\/p>\n
\n Responsive Design f\u00fcr einen Blog oder eine Website bietet die M\u00f6glichkeit, diese von vielen verschiedenen Plattformen und Ger\u00e4ten mit unterschiedlichen Bildschirmgr\u00f6\u00dfen bequemer anzuzeigen, da es Ihre Website automatisch an die Breite des Browserfensters anpasst. Und um den Blog-Besuchern ein angenehmes Lesen zu erm\u00f6glichen, \u00e4ndert sich bei dieser Anpassung meist auch das Design des Blogs, beispielsweise werden Bilder verkleinert, Spalten vertikal ausgerichtet und auch das Men\u00fc \u00e4ndert sich. Aber wenn diese \u00c4nderungen nicht von alleine passieren, gibt es Tools, mit denen Sie es selbst tun k\u00f6nnen.\n<\/p>\n
\n Zum Beispiel Foundation 3, Skeleton und Bootstrap. Diese Frameworks passen Ihr Blog automatisch an, sodass es auf jedem Ger\u00e4t einfach zu lesen ist. Diese zu verwenden ist viel einfacher, als jede m\u00f6gliche Kombination selbst zu programmieren. Nat\u00fcrlich k\u00f6nnen Sie dies auch tun, indem Sie die neuen relativen L\u00e4ngeneinheiten von CSS3 wie die Breite des Ansichtsfensters (vw), die H\u00f6he des Ansichtsfensters (vh), das Minimum der H\u00f6he und Breite des Ansichtsfensters (vmin) und das Maximum der H\u00f6he und Breite des Ansichtsfensters (vmax) verwenden. Das Codieren erfordert jedoch sowohl Geschick als auch Zeit, und wenn Sie kein erfahrener Programmierer sind, w\u00fcrde ich vorschlagen, sich f\u00fcr die erstere Option zu entscheiden.\n<\/p>\n
\n Mobile Benutzer bevorzugen einfache Website-Designs, da gro\u00dfe und kompliziert gestaltete Websites auf einem mobilen Ger\u00e4t 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.\n<\/p>\n
\n Das bedeutet, das Layout Ihrer Website einfach und leicht verst\u00e4ndlich zu gestalten. Wenn Sie ein Design verwenden, das Ihr Dienstanbieter anbietet, k\u00f6nnen Sie es einfach in ein einfacheres \u00e4ndern. Zum Beispiel bietet WordPress viele elegante, einfache Designs, die mobile Ger\u00e4te nicht \u00fcberfordern, aber auch auf einem Desktop gut aussehen. Aber wenn Sie Ihre Website mit HTML erstellt haben, k\u00f6nnen Sie eine einfache Vorlage herunterladen, die Ihre Website gro\u00dfartig aussehen l\u00e4sst und auch f\u00fcr Mobilger\u00e4te geeignet ist. Zum Beispiel bietet Envato Market viele verschiedene einfache Designs, aus denen Sie ausw\u00e4hlen und auf Ihrer Website verwenden k\u00f6nnen.\n<\/p>\n
\n Interessante Schriftarten k\u00f6nnen einen Blog kreativer aussehen lassen, aber diese Schriftarten k\u00f6nnen auch f\u00fcr mobile Leser des Blogs ein \u00c4rgernis sein, da nicht alle mobilen Ger\u00e4te ausgefallene Desktop-Schriftarten unterst\u00fctzen. Um den Inhalt zu sehen, m\u00fcssen Benutzer von Mobilger\u00e4ten also neue Schriftarten auf ihre Telefone herunterladen, was ein Aufwand ist, der sich f\u00fcr viele nicht lohnt. Dar\u00fcber hinaus k\u00f6nnen einige kreativere Schriftarten aufgrund der geringeren Gr\u00f6\u00dfe auf einem Smartphone schwer zu lesen sein, selbst wenn alle Schriftarten vorinstalliert sind.\n<\/p>\n
\n W\u00e4hlen Sie also traditionelle Schriftarten wie Times New Roman, Verdana, Comic Sans MS, WildWest oder Bedrock. \u00dcberpr\u00fcfen Sie auch die Lesbarkeit der Schriftart, f\u00fcr 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\u00df sein sollte, da der Text auf diese Weise gro\u00df genug ist, um auch auf Mobilger\u00e4ten mit sehr kleinem Bildschirm gut lesbar zu sein.\n<\/p>\n
\n Wenn eine Seite auf einem beliebigen Ger\u00e4t geladen wird, sei es ein Computer, ein Tablet oder ein Smartphone, l\u00e4dt das Ger\u00e4t den gesamten Inhalt der Seite herunter. Wenn Sie einen Computer verwenden, verursacht dies normalerweise keine Probleme, aber gro\u00dfe Datenmengen k\u00f6nnen mobile Ger\u00e4te \u00fcberfordern. 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\u00e4t funktioniert.\n<\/p>\n
\n Es wird empfohlen, den Inhalt Ihrer Seite auf unter 5 MB pro Seite zu reduzieren. Sie k\u00f6nnen die Gr\u00f6\u00dfe Ihres Seiteninhalts ganz einfach in jedem Browser \u00fcberpr\u00fcfen. Verwenden Sie einfach eines der vielen Tools zur \u00dcberpr\u00fcfung der Webseitengr\u00f6\u00dfe, die online verf\u00fcgbar sind. Wenn es \u00fcber 5 MB liegt, reduzieren Sie entweder die Gr\u00f6\u00dfe und Menge von Text, Bildern und anderen Bestandteilen der Seite manuell oder verwenden Sie Blog-Ausz\u00fcge, um Besuchern das Anzeigen Ihres Blogs zu erleichtern.\n<\/p>\n
\n Wenn Sie dazu neigen, viele Videos in den Artikeln Ihres Blogs zu posten, m\u00fcssen Sie bedenken, dass sie auf einem Mobilger\u00e4t ganz anders aussehen als auf einem Computer. Dar\u00fcber hinaus unterst\u00fctzen einige Mobilger\u00e4te bestimmte Videoformate nicht einmal. Um also zu vermeiden, dass Benutzer das Video auf Ihrer Website nicht abspielen k\u00f6nnen, verwenden Sie eingebettetes YouTube. Der Einbettungscode, den YouTube f\u00fcr jedes seiner Videos bereitstellt, ist bereits responsiv, was bedeutet, dass Sie das Video auf fast jedem Ger\u00e4t ansehen k\u00f6nnen und sich nicht mehr um Videogr\u00f6\u00dfen und -formate k\u00fcmmern m\u00fcssen.\n<\/p>\n
\n Sie k\u00f6nnen den Einbettungscode f\u00fcr ein YouTube-Video erhalten, indem Sie auf die Schaltfl\u00e4che \u201eTeilen“ klicken, die sich unter der Schaltfl\u00e4che \u201eAbonnieren“ befindet, dann auf die Registerkarte \u201eEinbetten“ klicken und den bereitgestellten Code in Ihre Website kopieren. Und Sie haben selbst ein Video in perfekter Gr\u00f6\u00dfe in Ihrem Post, ohne es konvertieren oder anderweitig anpassen zu m\u00fcssen.\n<\/p>\n
\n Oft sind Links auf einer Website viel zu klein, als dass ein mobiler Benutzer sie einfach und genau mit dem Finger antippen k\u00f6nnte. Und es kann f\u00fcr einen Blog-Leser wirklich \u00e4rgerlich sein, wenn er nicht genau auf den Inhalt tippen kann, den er sehen m\u00f6chte. Deshalb sollten Sie alle Links auf Ihrer Website durch Buttons ersetzen, die mindestens 44 x 44 Pixel gro\u00df sind.\n<\/p>\n
\n Wenn Sie ein CMS wie WordPress verwenden, k\u00f6nnen Sie einfach Plugins verwenden, um diese Schaltfl\u00e4chen zu erstellen. Gehen Sie zu Ihrem CMS-Kontrollfeld, suchen Sie ein geeignetes Plugin, installieren Sie es und befolgen Sie die Anweisungen zur ordnungsgem\u00e4\u00dfen Verwendung. Wenn Sie die Website jedoch selbst codiert haben, k\u00f6nnen Sie einen dieser kostenlosen Link-Button-Generatoren verwenden, wodurch Sie die Zeit sparen, die Sie beim Codieren der Schaltfl\u00e4chen selbst aufwenden w\u00fcrden.\n<\/p>\n
\n Wenn Sie schlie\u00dflich alle Verbesserungen vorgenommen haben und der Meinung sind, dass Ihr Blog so gut wie m\u00f6glich f\u00fcr Mobilger\u00e4te geeignet ist, testen Sie Ihren Blog erneut mit dem Google-Testtool oder einem anderen Testtool f\u00fcr Mobilger\u00e4tefreundlichkeit, das Sie im Internet finden k\u00f6nnen. Wenn jetzt alles in Ordnung ist und das Tool Ihnen versichert, dass Ihr Blog keine Strafe bekommt, weil es nicht mobilfreundlich ist, dann k\u00f6nnen Sie sich entspannen und Ihre Website weiter ausbauen, indem Sie gro\u00dfartige Inhalte erstellen. Aber um sicherzugehen, w\u00fcrde ich Ihnen empfehlen, Ihre Website von mehreren verschiedenen Ger\u00e4ten aus zu testen.\n<\/p>\n
\n Bitten Sie Freunde oder Familienmitglieder, Ihren Blog von ihren Telefonen und Tablets aus anzusehen. Testen Sie Ihre Website auf einem Android- und IOS-Ger\u00e4t sowie auf Ger\u00e4ten, die m\u00f6glicherweise ein v\u00f6llig anderes Betriebssystem haben. Und gehen Sie alle Ihre Hauptseiten in Ihrem Blog auf diesen Ger\u00e4ten durch. Nur wenn Sie die Mobilfreundlichkeit Ihres Blogs im wirklichen Leben testen, k\u00f6nnen Sie sicher sein, dass Ihre Website tats\u00e4chlich von allen Gadgets aus gut zu sehen und zu lesen ist.\n<\/p>\n
\n 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\u00fcckzukehren, 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\u00e4res Ger\u00e4t zum Surfen im Internet verwenden, mit jedem kommenden Jahr nur noch zunimmt, ist es nur in Ihrem besten Interesse sicherzustellen, dass Ihre Website f\u00fcr diese Smartphone-Benutzer freundlich ist und den Inhalt anzeigt sie auf bequeme und leicht lesbare Weise.\n<\/p>\n<\/p>\n