{"id":6279,"date":"2024-10-01T16:09:21","date_gmt":"2024-10-01T14:09:21","guid":{"rendered":"https:\/\/ekiwi.de\/?p=6279"},"modified":"2024-10-01T16:09:21","modified_gmt":"2024-10-01T14:09:21","slug":"homepage-mobil-optimieren","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/index.php\/6279\/homepage-mobil-optimieren\/","title":{"rendered":"Homepage mobil optimieren"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ekiwi.de\/index.php\/6279\/homepage-mobil-optimieren\/#Warum_eine_mobile_Webseite\" >Warum eine mobile Webseite?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ekiwi.de\/index.php\/6279\/homepage-mobil-optimieren\/#Google_und_mobile_Webseiten\" >Google und mobile Webseiten<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ekiwi.de\/index.php\/6279\/homepage-mobil-optimieren\/#Wie_erstellen_Sie_eine_mobile_Webseite\" >Wie erstellen Sie eine mobile Webseite?<\/a><\/li><\/ul><\/nav><\/div>\n<p>Die eigene Webseite zu erstellen, ist ein gro\u00dfer Schritt. Besonders wichtig ist, diese ebenfalls f\u00fcr das mobile Erlebnis zu optimieren. Schlie\u00dflich nutzen die meisten Menschen ihre mobilen Ger\u00e4te, um im Netz zu surfen. Insofern muss der Internetauftritt in dieser Hinsicht angepasst werden, sodass das Angebot den Erwartungen und Vorgaben der Verbraucher entspricht.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Warum_eine_mobile_Webseite\"><\/span>Warum eine mobile Webseite?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Ganz im Allgemeinen steigt die Zahl der mobilen Internetnutzer von Jahr zu Jahr. So betrug der Anstieg derer, die mobil ins Netz gehen, zwischen den Jahren 2015 und 2021 fast um 30 Prozent. Eine Webseite muss folglich nicht nur inhaltliche Anspr\u00fcche erf\u00fcllen, sondern ebenfalls die technischen Herausforderungen mitbringen, um auf kleinen Bildschirmen eine hohe Benutzerfreundlichkeit zu gew\u00e4hrleisten. Schlie\u00dflich muss sichergestellt sein, dass wenn sich ein Verbraucher f\u00fcr ein <a href=\"https:\/\/www.o2online.de\/e-shop\/\" target=\"_blank\" rel=\"noopener noreferrer\">preiswertes Handy mit Vertrag zu Top-Konditionen<\/a> entscheidet, er damit auch problemlos jede Webseite aufrufen kann.<\/p>\n<p>Wer mit seinem Internetauftritt Erfolg haben will, der tut gut daran, seine Website folglich f\u00fcr mobile Ger\u00e4te anzupassen. Das funktioniert \u00fcber die Einstellungen f\u00fcr die Webseite oder gleich bei der Website-Erstellung. Im Grunde handelt es sich dabei um die Anpassung des Inhalts, sodass er auch auf dem kleinen Display eines Smartphones oder eines Tablets problemlos dargestellt werden kann. Allerdings geht es dabei um mehr als lediglich die Skalierung des Inhalts. Denn ebenfalls muss die Internetpr\u00e4senz weiterhin alle Anforderungen in puncto &#8222;<em>Usability<\/em>&#8220; erf\u00fcllen. Dar\u00fcber hinaus kann sich die <a href=\"https:\/\/ekiwi.de\/index.php\/6092\/im-internet-praesenz-zeigen-wie-die-webseite-bekannter-wird\/\">Optimierung auf das SEO-Ranking<\/a> der Google Mobile-First-Indexierung positiv auswirken.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Google_und_mobile_Webseiten\"><\/span>Google und mobile Webseiten<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Um Menschen im Netz eine Webseite in Googles Suchergebnissen vorzuschlagen, muss diese erst einmal vom Internetriesen indexiert werden. Das bedeutet, dass sie von Google Bots &#8222;gecrawlt&#8220; werden muss. Diese Bots &#8222;crawlen&#8220; die mobile Seite und setzen sie im Anschluss auf die &#8222;<em>Mobile-First-Indexierung<\/em>&#8220; <a href=\"https:\/\/www.handelsblatt.com\/technik\/it-internet\/google-wing-und-co-diese-firmen-gehoeren-zum-internetkonzern-alphabet\/25303234.html\" target=\"_blank\" rel=\"noopener noreferrer\">von der Alphabet-Tochter<\/a>. Im Anschluss erfolgt eine Bewertung der mobilen Inhalte und deren Relevanz im Kontext der Anfragen. Weil aktuell und noch verst\u00e4rkter in der Zukunft Seiten im Netz \u00fcber Smartphones und Tablets aufgerufen werden, ist eine mobile Optimierung unerl\u00e4sslich. Wie gut oder ob eine Webseite f\u00fcr Mobilger\u00e4te angepasst ist, kann im \u00dcbrigen <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/overview?hl=de\" target=\"_blank\" rel=\"noopener noreferrer\">mithilfe von Googles Open-Source-Tool Lighthouse<\/a> getestet werden.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wie_erstellen_Sie_eine_mobile_Webseite\"><\/span>Wie erstellen Sie eine mobile Webseite?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Modern nutzen viele Menschen die Angebote von speziellen Dienstleistern, welche eine &#8222;gef\u00fchrte&#8220; oder &#8222;automatische&#8220; Erstellung von Webseiten anhand einiger weniger Vorgaben vornehmen. Immer h\u00e4ufiger kommt hierbei ebenfalls die K\u00fcnstliche Intelligenz zum Einsatz. Im Regelfall wird die auf diesem Weg realisierte Internetpr\u00e4senz gleichzeitig <a href=\"https:\/\/ekiwi.de\/index.php\/6000\/website-optimieren-das-zauberwort-heisst-ux\/\">f\u00fcr die mobile Darstellung optimiert<\/a>. Hilfreich ist es zudem, den Auftritt im Internet gleich f\u00fcr Mobilger\u00e4te zu erstellen.<\/p>\n<p>Generell ist es sinnvoll, wenn der begrenzte Platz so gut wie m\u00f6glich genutzt wird. Etwa, indem Seitenleisten, Elemente auf der Ober- oder Unterseite sowie Men\u00fcs in der mobilen Version ausgeblendet und nur bei Bedarf eingeblendet werden. Mit dem klassischen &#8222;Hamburger-Men\u00fc&#8220;, also dem Symbol mit den drei waagerechten Linien, k\u00f6nnen Aktionsleisten oder Navigationsmen\u00fcs komfortable ausgeblendet werden und sind dennoch stets verf\u00fcgbar.<\/p>\n<p>Ferner ist es hilfreich, die Navigationsoptionen stets auff\u00e4llig zu pr\u00e4sentieren. Schlie\u00dflich wird der Inhalt des Internetauftritts mit den Fingern erforscht. &#8222;Quality of Life&#8220;-Features sind etwa ein &#8222;Zur\u00fcck zum Anfang&#8220;-Button oder besagtes &#8222;Hamburger-Men\u00fc&#8220;. So k\u00f6nnen Besucher der Website schnell und problemlos zu den Inhalten gelangen, nach denen sie gerade suchen. Befinden sich diese Feinheiten dar\u00fcber hinaus immer in Reichweite und sind strategisch platziert, ist das Seitenlayout nahezu optimal.<\/p>","protected":false},"excerpt":{"rendered":"<p>Die eigene Webseite zu erstellen, ist ein gro\u00dfer Schritt. Besonders wichtig ist, diese ebenfalls f\u00fcr das mobile Erlebnis zu optimieren.<\/p>\n","protected":false},"author":2,"featured_media":6280,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[5],"tags":[346,361,344,345],"class_list":["post-6279","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hmtl","tag-homepage","tag-webdesign","tag-webseite","tag-website"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/6279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/comments?post=6279"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/6279\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media\/6280"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media?parent=6279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/categories?post=6279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/tags?post=6279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}