{"id":253689,"date":"2023-08-21T09:47:00","date_gmt":"2023-08-21T06:47:00","guid":{"rendered":"https:\/\/inform.click\/mobile-friendly-und-website-geschwindigkeit-zwei-wichtige-punkte-die-bei-der-gestaltung-einer-website-zu-beruecksichtigen-sind\/"},"modified":"2023-08-21T10:16:00","modified_gmt":"2023-08-21T07:16:00","slug":"mobile-friendly-und-website-geschwindigkeit-zwei-wichtige-punkte-die-bei-der-gestaltung-einer-website-zu-beruecksichtigen-sind","status":"publish","type":"post","link":"https:\/\/inform.click\/de\/mobile-friendly-und-website-geschwindigkeit-zwei-wichtige-punkte-die-bei-der-gestaltung-einer-website-zu-beruecksichtigen-sind\/","title":{"rendered":"Mobile Friendly und Website-Geschwindigkeit \u2013 zwei wichtige Punkte, die bei der Gestaltung einer Website zu ber\u00fccksichtigen sind?"},"content":{"rendered":"<p>\n  In der heutigen Web 2.0-Welt dreht sich alles um das Internet. Wenn Sie einen Klempner suchen, gehen Sie ins Internet. Wenn Sie nach einem lokalen Restaurant suchen, gehen Sie ins Internet. Wenn Sie ein Haus kaufen m\u00f6chten, wissen Sie was? Du gehst ins Netz.\n<\/p>\n<p>\n  Die Leute benutzen die Gelben Seiten nicht mehr, um ein Unternehmen f\u00fcr einen Bedarf oder Wunsch zu finden. Sie gehen ins Internet, da es die genauesten und schnellsten Informationen liefert.\n<\/p>\n<p>\n  Um diese Informationen zu erhalten, ging eine Person vor f\u00fcnf bis sieben Jahren zu ihrem Desktop- oder Laptop-Computer zu Hause oder im Unternehmen, rief einen Webbrowser und eine Suchmaschine auf und f\u00fchrte eine Suche durch.\n<\/p>\n<p>\n  Heute hat sich die Landschaft v\u00f6llig ver\u00e4ndert, da die Menschen nicht nur zu Laptops und Desktops gehen, um Informationen zu erhalten \u2013 sie verwenden mobile Ger\u00e4te wie Smartphones und Tablets.\n<\/p>\n<h5>\n  Ist Ihre Website mobilfreundlich?<br \/>\n<\/h5>\n<p>\n  Das bedeutet, dass eine Website, die auf einem Desktop- oder Laptop-Computer gut aussieht, wahrscheinlich nicht sehr gut aussieht, wenn sie \u00fcber ein mobiles Handger\u00e4t angezeigt wird. Die Kopie ist viel zu klein, die Links sind winzig und Sie m\u00fcssen seitw\u00e4rts scrollen, um den gesamten Inhalt zu sehen. Die Seite ist nicht nur nicht benutzerfreundlich, sondern k\u00f6nnte jetzt auch Auswirkungen (eine sehr wichtige \u2013 potenziell \u00e4u\u00dferst negative Auswirkung) auf die Suchmaschinen \u2013 insbesondere Google \u2013 haben.\n<\/p>\n<p>\n  Was genau \u00fcbersetzt das auch? Wenn Ihre Website f\u00fcr ein mobiles Ger\u00e4t nicht anpassungsf\u00e4hig ist, kann sie im Grunde genommen organische Platzierungen bei den Suchmaschinen verlieren. Das hei\u00dft, wenn jemand Google auf seinem Telefon oder Tablet besucht und nach einem Klempner sucht, besteht eine gute Chance, dass Sie nicht auftauchen, und wenn Sie es tun, werden Sie h\u00f6chstwahrscheinlich nicht auf der ersten Seite der Ergebnisse erscheinen.\n<\/p>\n<p>\n  Au\u00dferdem versieht Google seine mobilen Suchergebnisse jetzt mit dem Label \u201ef\u00fcr Mobilger\u00e4te optimiert&#8220;. Eine Website ist f\u00fcr dieses Label geeignet, wenn sie die folgenden vom Google-Algorithmus erkannten Kriterien erf\u00fcllt:\n<\/p>\n<ul>\n<li>Vermeiden Sie Software, die auf Mobilger\u00e4ten nicht \u00fcblich ist, wie z. B. Adobe Flash.\n  <\/li>\n<li>Verwenden Sie Textgr\u00f6\u00dfen, die ohne Zoomen lesbar sind.\n  <\/li>\n<li>Die Links sind weit genug voneinander entfernt platziert, sodass der Benutzer leicht auf den richtigen tippen kann.\n  <\/li>\n<li>Der Inhalt passt auf den Bildschirm, sodass Benutzer nicht horizontal scrollen m\u00fcssen, um ihn anzuzeigen.\n  <\/li>\n<\/ul>\n<h5>\n  Der Mobile-Friendly-Test<br \/>\n<\/h5>\n<p>\n  Ein Webmaster oder Gesch\u00e4ftsinhaber kann \u00fcberpr\u00fcfen, wie f\u00fcr Mobilger\u00e4te optimiert seine Website ist, indem er die <a href=\"https:\/\/www.google.com\/webmasters\/tools\/mobile-friendly\/\" target=\"_blank\" rel=\"noopener\">Google-Seite \u201eTest f\u00fcr Mobilger\u00e4te&#8220;<\/a> besucht. Wenn die Website den Test nicht besteht, erhalten Sie von Google Informationen und Tipps, wie Sie die Website f\u00fcr Mobilger\u00e4te optimieren k\u00f6nnen.\n<\/p>\n<p>\n  Viele Content-Management-Systeme (CMS) wie WordPress, Drupal und Joomla bieten jetzt Unterst\u00fctzung bei der Migration Ihrer Desktop-freundlichen Website in eine anpassungsf\u00e4hige, mobilfreundliche Website.\n<\/p>\n<p>\n  Bevor Sie dies tun, sollten Sie jedoch sicherstellen, dass Sie Ihre aktuelle Website sichern und Ihr aktuelles CMS auf die neueste Version aktualisieren. In einigen Situationen werden durch ein Update auf die neueste Version automatisch erforderliche Sicherheitsupgrades angewendet und Ihre Website f\u00fcr Mobilger\u00e4te optimiert. Wenn der Prozess nicht automatisch ausgel\u00f6st wird, stellen Sie sicher, dass Sie das Update manuell \u00fcbertragen, um Sicherheitsverletzungen zu vermeiden.\n<\/p>\n<p>\n  Wenn das von Ihnen verwendete CMS benutzerdefinierte Designs anbietet, stellen Sie sicher, dass die von Ihnen gew\u00e4hlte Version f\u00fcr Mobilger\u00e4te geeignet ist. Wenn nicht, m\u00fcssen Sie m\u00f6glicherweise noch einmal von vorne beginnen.\n<\/p>\n<h5>\n  Wie schnell l\u00e4dt Ihre Website?<br \/>\n<\/h5>\n<p>\n  Neben der Optimierung Ihrer Website f\u00fcr Mobilger\u00e4te ist die Geschwindigkeit der Website ein weiterer wichtiger Punkt, den Sie bei der Gestaltung Ihrer Website ber\u00fccksichtigen sollten. Wenn das Laden einer Website zu lange dauert, ist es gut m\u00f6glich, dass der Benutzer abprallt und zu einer wechselt, die schneller l\u00e4dt. Laut zahlreichen Umfragen und Studien erwartet fast die H\u00e4lfte der Webnutzer, dass eine Website in zwei Sekunden oder weniger geladen wird. Dieselben Leute verlassen eine Seite, die nicht innerhalb von drei Sekunden geladen wird. Erschwerend kommt hinzu, dass 79 % der Webk\u00e4ufer, die Probleme mit der Leistung der Website haben, sagen, dass sie nicht mehr auf die Website zur\u00fcckkehren werden, um erneut einzukaufen, und rund 44 % von ihnen w\u00fcrden einem Freund erz\u00e4hlen, wenn sie beim Online-Shopping schlechte Erfahrungen gemacht haben.\n<\/p>\n<p>\n  Abgesehen davon, dass Sie potenzielle Kunden verlieren, weil Ihre Ladezeit zu lang ist, kann eine langsame Website auch Ihrem Ranking bei Google schaden. Das liegt daran, dass Google angegeben hat, dass die Website-Geschwindigkeit eines der Signale ist, die von seinem Algorithmus verwendet werden, um Seiten zu ranken. Eine langsame Webseitengeschwindigkeit bedeutet auch, dass die Suchmaschine weniger Seiten crawlen kann, was bedeuten k\u00f6nnte, dass weniger Seiten von Google indexiert werden. Im Wesentlichen bedeutet dies alles, dass Sie Gesch\u00e4fte verlieren, wenn Ihre Website langsam l\u00e4dt.\n<\/p>\n<h5>\n  Page Speed \u200b\u200bInsights-Test von Google<br \/>\n<\/h5>\n<p>\n  \u00c4hnlich wie beim Mobile-Friendly-Test bietet Google ein kostenloses <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">Page Speed \u200b\u200bInsights Tool<\/a> an. Dieses Tool misst die Leistung einer Webseite f\u00fcr Desktop- und Mobilger\u00e4te.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f6fe8cd79.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f6fe8cd79.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Sobald Sie die URL kopieren und in das Tool einf\u00fcgen, wird eine Punktzahl zwischen null und hundert Punkten angezeigt. Je h\u00f6her die Punktzahl, desto besser ist Ihre Website f\u00fcr den Google-Algorithmus und eine Punktzahl von 85 oder h\u00f6her zeigt an, dass die Seite eine gute Leistung erbringt.\n<\/p>\n<p>\n  Mit Page Speed \u200b\u200bInsights erfahren Sie, wie sich Ihre Website in Bezug auf verschiedene Schl\u00fcsselaspekte verbessern kann, einschlie\u00dflich der verstrichenen Zeit von dem Moment an, in dem ein Benutzer eine neue Seite anfordert, bis zu dem Moment, in dem der Inhalt der neuen Seite &#8222;above the fold&#8220; vom Browser gerendert wird. Es misst auch die verstrichene Zeit von dem Moment an, in dem ein Benutzer eine neue Seite anfordert, bis zu dem Moment, in dem die Seite vollst\u00e4ndig vom Browser gerendert wird.\n<\/p>\n<p>\n  Da das Netzwerk des Benutzers diese Geschwindigkeit stark beeinflussen k\u00f6nnte, ber\u00fccksichtigt Page Speed \u200b\u200bInsights nur die netzwerkunabh\u00e4ngigen Aspekte der Seitenleistung. Dazu geh\u00f6ren die Serverkonfiguration, die HTML-Struktur und die Verwendung externer Ressourcen wie Bilder, CSS und JavaScript.\n<\/p>\n<p>\n  Indem Sie beispielsweise Ihren Code optimieren (einschlie\u00dflich Leerzeichen, Kommas und anderer unn\u00f6tiger Zeichen entfernen), k\u00f6nnen Sie <a href=\"https:\/\/inform.click\/de\/wie-kann-man-die-geschwindigkeit-von-wordpress-websites-verbessern-8-einfache-aber-effektive-tipps\/\" title=\"Ihre Seitengeschwindigkeit drastisch erh\u00f6hen.\">Ihre Seitengeschwindigkeit drastisch erh\u00f6hen.<\/a> Entfernen Sie auch Codekommentare, Formatierungen und nicht verwendeten Code. Google empfiehlt die Verwendung von <a href=\"https:\/\/developer.yahoo.com\/yui\/compressor\/\" target=\"_blank\" rel=\"noopener\">YUI Compressor<\/a> sowohl f\u00fcr CSS als auch f\u00fcr JavaScript.\n<\/p>\n<p>\n  Die Reduzierung von Weiterleitungen wird auch die Geschwindigkeit der Website verbessern. Das liegt daran, dass der Besucher jedes Mal, wenn eine Seite auf eine andere Seite umleitet, mit zus\u00e4tzlicher Zeit konfrontiert wird, die darauf wartet, dass der HTTP-Request-Response-Zyklus abgeschlossen ist. Wenn Ihr mobiles Weiterleitungsmuster beispielsweise so aussieht: \u201eABC.com -&gt; www.ABC.com -&gt; m.ABC.com -&gt; m.ABC.com\/home&#8220;, erstellt jede dieser beiden zus\u00e4tzlichen Weiterleitungen Ihre Seite langsamer laden.\n<\/p>\n<p>\n  Webmaster sollten immer das Browser-Caching nutzen. Dazu geh\u00f6ren Elemente wie Bilder, Stylesheets und andere. Dies geschieht, damit ein Besucher, der zu Ihrer Website zur\u00fcckkehrt, nicht die gesamte Seite neu laden muss. Mit einem Tool wie <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/YSlow\/\" target=\"_blank\" rel=\"noopener\">YSlow<\/a> k\u00f6nnen Sie sehen, ob Sie bereits ein Ablaufdatum f\u00fcr Ihren Cache festgelegt haben. Sobald dies herausgefunden ist, k\u00f6nnen Sie einen \u201eexpires&#8220;-Header festlegen, wie lange diese Informationen zwischengespeichert werden sollen. Sofern sich Ihre Website nicht h\u00e4ufig \u00e4ndert, ist ein Jahr eine angemessene Zeit, um sie festzulegen.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f7009187a.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f7009187a.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Suchen Sie immer nach M\u00f6glichkeiten, die Reaktionszeit Ihres Servers zu verbessern. Betrachten Sie dazu verschiedene Leistungsengp\u00e4sse wie langsame Datenbankabfragen, langsames Routing oder einen Mangel an ausreichendem Arbeitsspeicher. Optimale Antwortzeiten des Servers sollten unter 200 Millisekunden liegen.\n<\/p>\n<h5>\n  Bilder k\u00f6nnen auch eine gro\u00dfe Rolle bei der Geschwindigkeit Ihrer Website spielen.<br \/>\n<\/h5>\n<p>\n  PNGs sind normalerweise das beste Dateiformat f\u00fcr Grafiken mit weniger als 16 Farben. JPEGs sind im Allgemeinen das ideale Format f\u00fcr Fotos. Stellen Sie sicher, dass sie auch f\u00fcr das Web komprimiert sind und dass es absolut nicht notwendig ist, Fotos mit 200 und 300 DPI hochzuladen.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f7028727e.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f7028727e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Ein Tipp, den Sie vielleicht ausprobieren m\u00f6chten, ist die Verwendung von <a href=\"http:\/\/csssprites.com\/\" target=\"_blank\" rel=\"noopener\">CSS-Sprites<\/a>, um eine Vorlage f\u00fcr Bilder zu erstellen, die Sie h\u00e4ufig verwenden, wie z. B. Symbole, Ihr Logo und andere h\u00e4ufig verwendete Schaltfl\u00e4chen. CSS-Sprites kombinieren Ihre Bilder zu einem gr\u00f6\u00dferen Bild, das auf einmal geladen wird. Das bedeutet weniger HTTP-Anforderungen, was einer Einsparung von Ladezeit entspricht, da Benutzer nicht gezwungen werden, auf das Laden mehrerer Bilder zu warten.\n<\/p>\n<p>\n  Schlie\u00dflich ist eine weitere M\u00f6glichkeit, die Ladegeschwindigkeit Ihrer Website zu erh\u00f6hen, die Verwendung eines Content Distribution Network oder CDN. Diese Servernetzwerke werden verwendet, um die Last der Bereitstellung von Inhalten zu verteilen. Im Grunde bedeutet dies, dass Kopien Ihrer Website in mehreren, geografisch verteilten Rechenzentren gespeichert werden, damit Benutzer \u00fcberall auf der Welt schneller und zuverl\u00e4ssiger auf die Website zugreifen k\u00f6nnen.\n<\/p>\n<p>\n  W\u00e4hrend das Erstellen einer gro\u00dfartigen Website aufregend und lohnend sein kann, sollten Sie sicherstellen, dass sie richtig optimiert ist. Dazu geh\u00f6rt, dass sie f\u00fcr Mobilger\u00e4te optimiert und f\u00fcr die Website-Geschwindigkeit geeignet ist. Wenn nicht, besteht eine hohe Wahrscheinlichkeit, dass Sie m\u00f6glicherweise neue und wiederkehrende Gesch\u00e4fte verlieren.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Aufnahmequelle: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/09\/09\/mobile-friendly-site-speed\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In der heutigen Web 2.0-Welt dreht sich alles um das Internet. Wenn Sie einen Klempner suchen, gehen Sie ins Internet. Wenn Sie nach einem lokalen Restaurant suchen, gehen Sie ins Internet. Wenn Sie ein Haus kaufen m\u00f6chten, wissen Sie was? Du gehst ins Netz. Die Leute benutzen die Gelben Seiten nicht mehr, um ein Unternehmen f\u00fcr einen Bedarf oder Wunsch zu finden. Sie gehen ins Internet, da es die genauesten und schnellsten Informationen liefert. Um diese Informationen zu erhalten, ging eine Person vor f\u00fcnf bis sieben Jahren zu ihrem privaten oder gesch\u00e4ftlichen Desktop oder \u2026<\/p>\n","protected":false},"author":1,"featured_media":155657,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[55,146,120,198],"tags":[],"class_list":["post-253689","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-und-wordpress","category-web-tipps-und-tricks","category-web-tools","category-webdesign"],"_links":{"self":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts\/253689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/comments?post=253689"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts\/253689\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/media\/155657"}],"wp:attachment":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/media?parent=253689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/categories?post=253689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/tags?post=253689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}