{"id":62286,"date":"2020-08-15T17:53:52","date_gmt":"2020-08-15T17:53:52","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/mobile-compatible-website-bedeutet-jetzt-google-compatible-website\/"},"modified":"2020-08-15T17:53:52","modified_gmt":"2020-08-15T17:53:52","slug":"mobile-compatible-website-bedeutet-jetzt-google-compatible-website","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/mobile-compatible-website-bedeutet-jetzt-google-compatible-website\/","title":{"rendered":"Mobile Compatible Website bedeutet jetzt Google Compatible Website"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/Ahora-Sitio-web-compatible-con-dispositivos-moviles-significa-sitio-web.png\"><\/p>\n<p>Haben Sie eine f\u00fcr mobile Ger\u00e4te optimierte Website?<br \/>Hat Ihre Website ein ansprechendes Design?<br \/>Betrachten Sie Benutzer, die das Web auf Mobilger\u00e4ten nutzen?<\/p>\n<p>Wenn ja, hier sind einige gute Nachrichten von Google.  Google wird nun offiziell das &#8220;Mobile Friendly&#8221; -Tag zu diesen Websites in Suchergebnissen hinzuf\u00fcgen, die f\u00fcr Handys geeignet sind.<\/p>\n<p>Heutzutage nutzen immer mehr Benutzer das Web auf Mobilger\u00e4ten. Daher ist es unerl\u00e4sslich, Ihre Website f\u00fcr diese Ger\u00e4te zu optimieren.  Aber woher wissen Sie, ob Ihre Website f\u00fcr Handys geeignet ist oder nicht?  Sie k\u00f6nnen es hier \u00fcberpr\u00fcfen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/Ahora-Sitio-web-compatible-con-dispositivos-moviles-significa-sitio-web.jpg\" alt=\"mobiles freundliches Werkzeug\" width=\"620\" height=\"220\"><\/p>\n<p>Sie k\u00f6nnen den Mobile Usability Test auch \u00fcber die Webmaster-Tools von Google durchf\u00fchren.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/1583940007_180_Ahora-Sitio-web-compatible-con-dispositivos-moviles-significa-sitio-web.jpg\" alt=\"mobile Benutzerfreundlichkeit\" width=\"620\" height=\"220\"><\/p>\n<h2>Beachten Sie beim Erstellen einer mobilfreundlichen Website folgende Punkte:<\/h2>\n<p><strong>Sei empf\u00e4nglich<\/strong><\/p>\n<ul>\n<li>Responsive Design erm\u00f6glicht es Ihnen, Ihren Besuchern eine \u00e4hnliche Erfahrung auf einem Desktop, Tablet oder Smartphone zu bieten.  Es bietet nicht nur eine bessere Benutzererfahrung, sondern ist auch einfach zu verwalten.<\/li>\n<\/ul>\n<p><strong>Inhaltsgr\u00f6\u00dfe<\/strong><\/p>\n<ul>\n<li>Der Text sollte gro\u00df genug sein, damit er auf mobilen Bildschirmen leicht gelesen werden kann.  Es sollte weder zu klein noch zu gro\u00df sein.  Die Idee dahinter, h\u00e4ufig hinein- oder herauszuzoomen, ist keine gute Benutzererfahrung.<\/li>\n<li>Ebenso sollten die Schaltfl\u00e4che und die Gr\u00f6\u00dfe des Inhalts angemessen sein, damit der Benutzer nicht st\u00e4ndig scrollen muss.  Obwohl die meisten modernen Browser intelligente Browser sind und die Schriftgr\u00f6\u00dfe und die Gesamtbildschirmgr\u00f6\u00dfe anpassen, ist es ratsam, vorher Vorsichtsma\u00dfnahmen zu treffen.<\/li>\n<li>Halten Sie die Links getrennt, damit der Benutzer nicht versehentlich auf falsche Links klickt.<\/li>\n<\/ul>\n<p><strong>Halte es kurz und einfach<\/strong><\/p>\n<ul>\n<li>Vermitteln Sie Ihre Botschaft so klar und pr\u00e4zise wie m\u00f6glich.  Niemand m\u00f6chte lange Abs\u00e4tze auf dem Handy lesen, es sei denn, jemand liest ein Buch!<\/li>\n<li>Von der Verwendung von Blitzlicht, schweren Bildern, Grafiken usw. wird abgeraten.  Verwenden Sie sie nur, wenn dies unvermeidlich ist oder Ihr Website-Thema sie ben\u00f6tigt.<\/li>\n<li>Wenn Sie Video verwenden m\u00fcssen, verwenden Sie den HTML5-Videoplayer, damit es auf den meisten Ger\u00e4ten ausgef\u00fchrt wird.<\/li>\n<li>Die Ladezeit der Seite sollte auf ein Minimum beschr\u00e4nkt werden, damit niemand warten muss und die Speichernutzung optimiert wird.<\/li>\n<li>Verwenden Sie zur Navigation gegebenenfalls Symbole anstelle von Textlinks.<\/li>\n<\/ul>\n<p><strong>Vermeiden Sie \u00fcberm\u00e4\u00dfige Verwendung von Javascript<\/strong><\/p>\n<ul>\n<li>Verschiedene Browser und Telefone behandeln Javascript unterschiedlich.  Au\u00dferdem k\u00f6nnen Benutzer Javascript in ihren Browsern deaktiviert haben.  Daher sollte es mit der gebotenen Vorsicht verwendet werden.<\/li>\n<\/ul>\n<p><strong>Mobiles Design<\/strong><\/p>\n<ul>\n<li>Durchsuchen Sie Ihre Website auf dem Desktop und \u00e4ndern Sie die Gr\u00f6\u00dfe des Browsers, um die Breite zu verringern und die Website weiterhin lesbar zu halten.  Stellen Sie nun diese Breite wie unten gezeigt ein.<\/li>\n<\/ul>\n<ul>\n<li>Wenn das vom Benutzer skalierbare Attribut auf &#8220;Ja&#8221; gesetzt ist, kann der Benutzer das Bild vergr\u00f6\u00dfern und verkleinern.<\/li>\n<li>Stellen Sie die maximale Breite auf 100% ein, um die Gr\u00f6\u00dfe von Bildern und Eingabefeldern auf Mobilger\u00e4ten zu \u00e4ndern.<\/li>\n<li>Stellen Sie f\u00fcr Hintergrundbilder die Gr\u00f6\u00dfe des Hintergrunds so ein, dass die Gr\u00f6\u00dfe automatisch ge\u00e4ndert wird.<\/li>\n<li>Verwenden Sie die neuesten technologischen Standards f\u00fcr das Design.  Sie k\u00f6nnen beispielsweise das Platzhalterattribut des Eingabe-Tags verwenden, sodass Sie keine Tags verwenden m\u00fcssen.<\/li>\n<\/ul>\n<ul>\n<li>Verwenden Sie Medienabfragen, um unterschiedliche CSS f\u00fcr unterschiedliche Ger\u00e4te anzuwenden.<\/li>\n<\/ul>\n<ul>\n<li>Anstatt die Position von Objekten auf fest zu setzen, setzen Sie sie f\u00fcr mobile Ger\u00e4te auf statisch.  Die feste Position verzerrt die Ansicht beim Scrollen.<\/li>\n<\/ul>\n<p><strong>Verwenden Sie SEO-Tools<\/strong><\/p>\n<ul>\n<li>Wenn Ihre Website auf CMS gehostet wird, nutzen Sie die Vielzahl der verf\u00fcgbaren SEO-Plugins.<\/li>\n<li>Verwenden Sie Tools wie Site-Ninja, die unabh\u00e4ngig vom Ger\u00e4t eine Vorschau darauf bieten, wie Ihre Inhalte f\u00fcr Ihre Benutzer aussehen.<\/li>\n<\/ul>\n<p><strong>Verwenden Sie die GPS-Informationen<\/strong><\/p>\n<ul>\n<li>Pr\u00e4sentieren Sie Benutzern standortspezifische Informationen, z. B. lokale Rabatte und Angebote.<\/li>\n<li>Legt die Sprache des Inhalts basierend auf dem geografischen Standort fest.<\/li>\n<\/ul>\n<p><strong>  Link zur vollst\u00e4ndigen Site- \/ Desktop-Version<\/strong><\/p>\n<ul>\n<li>Die mobile freundliche Version ist eine Miniaturversion.  F\u00fcr Benutzer, die die vollst\u00e4ndige Desktop-Version der Website anzeigen m\u00f6chten, geben Sie bitte einen Link in der Fu\u00dfzeile an, damit sie die URL in der Adressleiste nicht erneut eingeben m\u00fcssen.<\/li>\n<\/ul>\n<p>Und schlussendlich,<\/p>\n<p><strong>Testen Sie gut auf allen Plattformen, Ger\u00e4ten und Browsern<\/strong><\/p>\n<ul>\n<li>Stellen Sie sicher, dass Ihr Benutzer eine angenehme Erfahrung mit Ihrer Website hat und wieder mehr m\u00f6chte.<\/li>\n<\/ul>\n<p>Das Obige ist nur eine kurze Zusammenstellung.  Es gibt verschiedene M\u00f6glichkeiten, Ihren Besuchern mobile Inhalte zu pr\u00e4sentieren.  Sie k\u00f6nnten ein bedeutendes Gesch\u00e4ft verlieren, wenn Sie die mobilfreundliche Website vernachl\u00e4ssigen, da Google jetzt das Tag &#8220;Mobilfreundlich&#8221; f\u00fcr alle reaktionsf\u00e4higen Websites auf ihrer eigenen Ergebnisseite anzeigt (z. B. a Fortsetzung).<\/p>\n<h2>Fazit<\/h2>\n<p>Denken Sie daran, dass die Website &#8220;Mobile Friendly&#8221; &#8220;User Friendly&#8221; und daher &#8220;Google Friendly&#8221; ist.  Mit dem neuesten Google-Beitrag spekuliere ich, dass Google in K\u00fcrze auch &#8220;mobilfreundlich&#8221; als Ranking-Parameter betrachten wird.<\/p>\n   ","protected":false},"excerpt":{"rendered":"<p>Haben Sie eine f\u00fcr mobile Ger\u00e4te optimierte Website?Hat Ihre Website ein ansprechendes Design?Betrachten Sie Benutzer, die das Web auf Mobilger\u00e4ten nutzen? Wenn ja, hier sind einige gute Nachrichten von Google. Google wird nun offiziell das &#8220;Mobile Friendly&#8221; -Tag zu diesen Websites in Suchergebnissen hinzuf\u00fcgen, die f\u00fcr Handys geeignet sind. Heutzutage nutzen immer mehr Benutzer das [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":62287,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/Ahora-Sitio-web-compatible-con-dispositivos-moviles-significa-sitio-web.png","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/62286"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=62286"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/62286\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/62287"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=62286"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=62286"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=62286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}