{"id":23831,"date":"2015-02-23T16:43:45","date_gmt":"2015-02-23T16:43:45","guid":{"rendered":"http:\/\/www.digife.it\/?p=23831"},"modified":"2015-02-23T16:43:45","modified_gmt":"2015-02-23T16:43:45","slug":"google-oder-sind-responsive-oder-sind-out","status":"publish","type":"post","link":"https:\/\/www.digife.it\/de\/google-oder-sind-responsive-oder-sind-out\/","title":{"rendered":"Google: \u201eEntweder du bist responsiv oder du bist raus\u201c"},"content":{"rendered":"<h3>Google hat Hummingbird eingef\u00fchrt, den neuen Code, der reaktionsschnelle Websites zum Nachteil von Websites belohnt, die noch nicht mit diesen Eigenschaften gestaltet wurden.<\/h3>\n<p><a href=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/cyber-monday-mobile-monday-4-620x248.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-23832\" src=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/cyber-monday-mobile-monday-4-620x248.png\" alt=\"google-hummingbird-responsive\" width=\"620\" height=\"248\" srcset=\"https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/cyber-monday-mobile-monday-4-620x248.png 620w, https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/cyber-monday-mobile-monday-4-620x248-300x120.png 300w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/a><\/p>\n<h3>Wer ist Kolibri? (Kolibri)<\/h3>\n<p>Das Surfen im Internet wendet sich radikal in Richtung mobiler Ger\u00e4te und Google hat das sofort verstanden, deshalb hat es den neuen Hummingbird-Code eingef\u00fchrt, der <strong>wird zur Belohnung gehen<\/strong> in puncto Sichtbarkeit all jene Seiten, die responsive gestaltet sind. Umgekehrt werden Websites, die noch nicht f\u00fcr Mobilger\u00e4te optimiert sind, bestraft, indem sie am Ende der Suchergebnisse landen.<\/p>\n<p>Immer mehr Menschen suchen \u00fcber mobile Ger\u00e4te wie Smartphones und Tablets, weshalb sich Google dazu entschlossen hat <strong>Belohnungsseiten<\/strong> die sich entschieden haben, die Grafiken responsive zu gestalten.<\/p>\n<p>Um die Benutzernavigation zu erleichtern, ist das Label &quot;<strong>Mobilfreundlich<\/strong>\u201c werden mit Suchergebnissen kombiniert, die zu Seiten f\u00fchren, die f\u00fcr das Surfen auf Smartphones und Tablets optimiert sind.<\/p>\n<p><strong>Die wichtigsten Daten<\/strong> Es betrifft das \u00dcberholen des mobilen Datenverkehrs gegen\u00fcber dem Computerdatenverkehr: Smartphones und Tablets zeichneten den 52% des Online-Datenverkehrs auf.<\/p>\n<h3>Wie gestaltet man eine responsive Website?<\/h3>\n<p><a href=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/BRO_ResponsiveDesign_BostonGlobe.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-23834\" src=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/BRO_ResponsiveDesign_BostonGlobe.png\" alt=\"google-hummingbird-responsive\" width=\"972\" height=\"621\" srcset=\"https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/BRO_ResponsiveDesign_BostonGlobe.png 972w, https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/BRO_ResponsiveDesign_BostonGlobe-300x192.png 300w\" sizes=\"auto, (max-width: 972px) 100vw, 972px\" \/><\/a>Responsive Webdesign ist seit drei Jahren die beste Technik zur Gestaltung einer Website, gerade weil es sich an jedes Endger\u00e4t (unabh\u00e4ngig von der Bildschirmaufl\u00f6sung) anpasst und jeden Nutzertyp ber\u00fccksichtigt.<\/p>\n<p>Erstens muss es sowohl horizontal als auch vertikal auf die meisten oder alle mobilen Ger\u00e4te, Smartphones, Tablets und Desktops passen; es bleibt dem Webdesigner \u00fcberlassen, ob er irgendeine L\u00f6sung oder nur einige in Betracht zieht, abh\u00e4ngig von der Aktivit\u00e4t, dem Ziel und den Bed\u00fcrfnissen des Kunden.<\/p>\n<p><strong>Designen<\/strong> Eine responsive Website bedeutet nicht nur, die Gr\u00f6\u00dfe der Bilder zu \u00e4ndern, sondern die gesamte Website so zu gestalten, dass Benutzer alle notwendigen Informationen finden.<\/p>\n<p>Andere unten <strong>grundlegende Elemente<\/strong>:<\/p>\n<ol>\n<li>Navigation einfach, benutzerfreundlich und ideal f\u00fcr den von Ihnen verwendeten Ger\u00e4tetyp;<\/li>\n<li>einfaches Design;<\/li>\n<li>Ladegeschwindigkeit der Website.<\/li>\n<\/ol>\n<p>Eine responsive Website, die begeistert, ist auch eine Website, die aus technischer Sicht eine hervorragende Kombination aus <strong>diese drei Elemente<\/strong>:<\/p>\n<ol>\n<li>fl\u00fcssiges Gitter;<\/li>\n<li>glatte Bilder;<\/li>\n<li>fl\u00fcssige Texte<\/li>\n<\/ol>\n<p>Werden diese Elemente optimal entwickelt und gestaltet und die Inhalte (Bild und Text) ausgewogen verteilt, ist die responsive Website ein hervorragendes Beispiel, um sich inspirieren zu lassen.<\/p>\n<h3>Die nicht zu vergessenden Elemente<\/h3>\n<p><a href=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/Website-design.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-23836\" src=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/Website-design-1024x385.jpg\" alt=\"google-hummingbird-responsive\" width=\"1024\" height=\"385\" srcset=\"https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/Website-design-1024x385.jpg 1024w, https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/Website-design-300x113.jpg 300w, https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/Website-design.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>Was muss sich unter diesen Pr\u00e4missen in naher Zukunft an der Gestaltung einer erfolgreichen Website \u00e4ndern? Es wird sicherlich wichtig sein, sie mit einer responsiven Struktur auszustatten, die sich an die Anzeige von mobilen Ger\u00e4ten anpasst, und Seiten voller Text (mindestens 200 W\u00f6rter), um das Lesen der Inhalte auf Ihrer Website zu erleichtern.<\/p>\n<p><strong>Sie werden nicht gehen<\/strong> vernachl\u00e4ssigt jedoch die Aspekte, die seit jeher gelten:<\/p>\n<ol>\n<li>ansprechendes Design;<\/li>\n<li>schnelles Laden;<\/li>\n<li>intuitive Navigation;<\/li>\n<li>originelle und qualitativ hochwertige Inhalte, die mit nicht mehr als 3 Klicks von der Startseite aus erreichbar sind;<\/li>\n<li>h\u00e4ufige Aktualisierungen;<\/li>\n<li>eine gute Balance zwischen Grafiken, Bildern und Texten;<\/li>\n<li>f\u00fcr die wichtigsten Keywords optimierte Tags;<\/li>\n<li>zahlreiche relevante Links sowohl eingehend als auch ausgehend.<\/li>\n<\/ol>\n<h3>\u00a0\u00dcberpr\u00fcfen Sie, ob Ihre Website responsive ist<\/h3>\n<div id=\"attachment_23839\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/picjumbo.com_HNCK3988.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-23839\" class=\"size-large wp-image-23839\" src=\"http:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/picjumbo.com_HNCK3988-1024x683.jpg\" alt=\"google-hummingbird-responsive\" width=\"1024\" height=\"683\" srcset=\"https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/picjumbo.com_HNCK3988.jpg 1024w, https:\/\/www.digife.it\/wp-content\/uploads\/2015\/02\/picjumbo.com_HNCK3988-300x200.jpg 300w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-23839\" class=\"wp-caption-text\">Foto von VIKTOR HANACEK<\/p><\/div>\n<p><strong>Anfangen<\/strong> Um zu verstehen, ob Ihre Website responsive ist, muss sie mindestens diese Dimensionen erf\u00fcllen, um angezeigt zu werden:<\/p>\n<ol>\n<li>Smartphone 320px;<\/li>\n<li>Tablet 768px;<\/li>\n<li>Netbooks 1024px;<\/li>\n<li>Desktop 1600px.<\/li>\n<\/ol>\n<p><strong>\u00dcberpr\u00fcfen Sie, ob Ihre Website responsive ist<\/strong>\u00a0mit diesem einfachen kostenlosen Tool, <a href=\"http:\/\/responsivepx.com\/\" target=\"_blank\" rel=\"noopener\">responsivepx.com<\/a>, durch Eingabe der Abmessungen oben erfahren Sie, ob Ihre Website auf allen Mobilger\u00e4ten sichtbar ist.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Google hat Hummingbird eingef\u00fchrt, den neuen Code, der reaktionsschnelle Websites zum Nachteil von Websites belohnt, die noch nicht mit diesen Eigenschaften gestaltet wurden. Wer ist Kolibri? (Kolibri)\u2026<\/p>","protected":false},"author":4,"featured_media":23755,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,59],"tags":[],"class_list":{"0":"post-23831","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-curiosita-web","8":"category-notizie"},"_links":{"self":[{"href":"https:\/\/www.digife.it\/de\/wp-json\/wp\/v2\/posts\/23831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.digife.it\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digife.it\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digife.it\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digife.it\/de\/wp-json\/wp\/v2\/comments?post=23831"}],"version-history":[{"count":0,"href":"https:\/\/www.digife.it\/de\/wp-json\/wp\/v2\/posts\/23831\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.digife.it\/de\/wp-json\/wp\/v2\/media\/23755"}],"wp:attachment":[{"href":"https:\/\/www.digife.it\/de\/wp-json\/wp\/v2\/media?parent=23831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digife.it\/de\/wp-json\/wp\/v2\/categories?post=23831"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digife.it\/de\/wp-json\/wp\/v2\/tags?post=23831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}