{"id":1006,"date":"2010-11-18T15:58:43","date_gmt":"2010-11-18T14:58:43","guid":{"rendered":"http:\/\/hjacob.com\/blog\/?p=1006"},"modified":"2010-11-18T16:07:30","modified_gmt":"2010-11-18T15:07:30","slug":"was-webmaster-bei-google-instant-previews-beachten-sollten","status":"publish","type":"post","link":"https:\/\/hjacob.com\/blog\/was-webmaster-bei-google-instant-previews-beachten-sollten\/","title":{"rendered":"Was Webmaster bei Google Instant Previews beachten sollten"},"content":{"rendered":"<p>Heute morgen gab es an dieser Stelle eine Vorstellung des neuen Google Features &#8222;<a href=\"\/blog\/2010\/11\/google-instant-previews\/\">Instant Previews<\/a>&#8222;. Heute m\u00f6chte ich nun auf die Konsequenzen dieses Features f\u00fcr Webmaster eingehen. <\/p>\n<h2>Snippets: Ja oder nein?!<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/instant-preview.jpg\" alt=\"instant-preview\" title=\"instant-preview\" width=\"354\" height=\"342\" class=\"floatright size-full wp-image-994\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/instant-preview.jpg 354w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/instant-preview-150x144.jpg 150w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/instant-preview-275x265.jpg 275w\" sizes=\"(max-width: 354px) 100vw, 354px\" \/>F\u00fcr Webseitenbetreiber \u00e4ndert sich durch Google Instant Previews mehr als zuletzt bei Google Instant Search (Suchergebnisse werden direkt beim Tippen angezeigt). So kann der Webmaster entscheiden, ob er in seinem Google Screenshot sogenannte Snippets haben m\u00f6chte oder nicht. Die Snippets sind orange umrandete Texteinsch\u00fcbe in den Screenshots, die hervorheben, wie die gesuchten Keywords auf der Seite vorkommen. Dies erm\u00f6glicht den Suchenden noch besser zu validieren, ob die Website die gew\u00fcnschten Infos beinhaltet. Gleichzeitig sehen die Snippets aber nicht besonders sch\u00f6n aus und zerhacken den optischen Gesamteindruck der Websiten-Vorschau. Daher gibt Google den Webmastern die Wahl, ob sie Snippets f\u00fcr ihre Seite aktivieren oder deaktivieren m\u00f6chten.<br \/>\n<!--more weiterlesen --><br \/>\nM\u00f6chte man dieses Snippets f\u00fcr seine Website deaktivieren, muss man das META Tag &#8222;googlebot&#8220; mit dem Wert <i>nosnippet<\/i> seinen Seiten hinzuf\u00fcgen &#8211; also in etwa so:<br \/>\n[sourcecode lang=&#8220;html&#8220;]<meta name=\"googlebot\" content=\"nosnippet\"\/>[\/sourcecode]<br \/>\nMETA Tags geh\u00f6ren wie immer in den HEAD Bereich der Webseite. Dabei ist zu beachten, dass der Code in alle Unterseiten eingebaut werden muss, denn Google bezieht den Wert aus dem jeweiligen Seitenkopf und nicht schaut nicht extra bei der Startseite nach.<\/p>\n<p>Nach meinen ersten Eindr\u00fccken w\u00fcrde ich die Snippets aber aktiviert lassen, da Sie dem Suchenden durchaus dabei helfen eine Entscheidung zu treffen, ob die Seite besuchenswert ist oder nicht, gerade wenn das Design selbst nicht das Beste ist. Und damit komme ich auch schon zum zweiten Thema&#8230;  <\/p>\n<h2>Website Design f\u00fcr Instant Previews optimieren<\/h2>\n<p>Da die Screenshots eine Breite von 300 Pixeln haben, kann man zwar einen groben Eindruck \u00fcber den Content gewinnen, aber lesen kann man meistens nur den Brand-Namen sowie die Headlines. Aber darum geht es ja auch: Der Besucher will schon in der Suchergebnisseite gewonnen werden. Was bisher f\u00fcr den META-Description Tag gegolten hat, gilt fortan umso mehr f\u00fcr das Webdesign: Design for Conversion! Also: M\u00f6glichst gro\u00dfer visueller thematischer Eyecatcher, der auch auf dem Google Screenshot gut erkennbar ist (also ruhig in Dimensionen von 500*250 Pixel) und dazu ordentliche H1-H3 Tags (also \u00dcberschriften). Nach einem kleinen Test w\u00fcrde ich sagen, dass ab 32px der Font akzeptabel lesbar ist. Hier ein Vergleich von zwei Google Previews (klicken um zu vergr\u00f6\u00dfern):<\/p>\n<p><a href=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/faz-smash-vergleich.gif\" rel=\"lightbox[webmasterpreview]\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/faz-smash-vergleich-560x369.gif\" alt=\"faz-smash-vergleich\" title=\"faz-smash-vergleich\" width=\"560\" height=\"369\" class=\"aligncenter size-large wp-image-1010\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/faz-smash-vergleich-560x369.gif 560w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/faz-smash-vergleich-150x98.gif 150w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/faz-smash-vergleich-275x181.gif 275w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2010\/11\/faz-smash-vergleich.gif 629w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><\/a><\/p>\n<p>Die \u00dcberschriften der FAZ kann man nicht mehr erkennen, beim Smashing Magazine hingegen f\u00e4llt das schon leichter. Dagegen ist die Corporate Identity bei der FAZ etwas besser zu erkennen &#8211; das Logo sticht besser ins Auge. Das liegt zum einem an dem vielleicht zu dezenten Logo des SmashingMag, aber auch an der sehr grafiklastigen massiven Werbung auf der rechten Spalte.  <\/p>\n<p>Neben der guten Inszenierung des eigenen Firmen\/Website Logos bzw. Namens und der wichtigsten \u00dcberschriften, sowie einer gute Bildauswahl, sollte nat\u00fcrlich auch darauf geachtet werden, dass die Seite an sich seri\u00f6s aussieht und die Farbwahl stimmig und angenehm ist. <\/p>\n<p><a href=\"http:\/\/creativebits.org\/webdev\/how_design_google_instant_preview\" rel=\"external\">Mehr zum &#8222;Instant Preview&#8220;-orientierten Design<\/a> hat der Ivan von creativebits.org geschrieben (englisch).<\/p>\n<h2>User-Focused Design als SEO Instrument<\/h2>\n<p>Unterm Strich muss man hier festhalten, dass durch die Instant Previews der Benutzer wieder mehr in den Vordergrund ger\u00fcckt wird (wie es Matt Cutts immer wieder gefordert hat). Wenn die Benutzer Instant Previews adaptieren und h\u00e4ufig nutzen, werden am Ende nicht mehr die Keyword Stuffer und Content Diebe angeklickt, sondern die seri\u00f6sen Seiten die sich sowohl um Optik als auch gehaltvollen und gut aufgearbeiteten Content k\u00fcmmern. Dazu kommt, dass das Klickverhalten der Previews-Benutzer sich ja auch auf die Ergebnisse selbst auswirken &#8211; hei\u00dft, wer mit seiner Website zwar nur auf Platz 4 ist und auf Platz 1-3 ranken prim\u00e4r h\u00e4ssliche Spam-Seiten, k\u00f6nnte vielleicht schon bald Verbesserung in seinem Ranking sp\u00fcren. Denn wenn die Previews-Benutzer jetzt von vornherein sehen, dass Platz 1-3 unseri\u00f6s und wenig erfolgversprechend sind, werden sie auch nicht mehr auf diese Seiten klicken &#8211; stattdessen auf die erste gute Seite &#8211; also Platz 4. Google merkt sich dieses Klickverhalten und wird die Rankings daran anpassen, schlie\u00dflich sollen k\u00fcnftige Suchenden ja m\u00f6glichst schnell das finden, was sie wollen.<\/p>\n<h2>Rechtliches<\/h2>\n<p>Bei jeder Neuerung von Google darf man ja gespannt sein, wie die Print-Verlage reagieren. Nachdem es bei Instant Search ruhig blieb, gibt es bereits jetzt die ersten Stimmen, die bei der Erstellung der Google Previews Screenshots Urheberrechte verletzt sehen. Oder wie die TAZ so sch\u00f6n schreibt: <a rel=\"external\" href=\"http:\/\/www.taz.de\/1\/netz\/netzkultur\/artikel\/1\/gut-fuer-user-doof-fuer-verleger\/\">GOOGLE INSTANT PREVIEW: Gut f\u00fcr User, doof f\u00fcr Verleger<\/a>. Na dann mal zu, hoffentlich kriegen die Verlage es durchgesetzt, dass keine Screenshots ihrer Seiten ver\u00f6ffentlicht werden d\u00fcrfen &#8211; das w\u00fcrde bei der gleichzeitigen Adaption der Benutzer von den Instant Previews dazu f\u00fchren, dass die Klickraten auf die Verlagsseiten runtergehen &#8211; es w\u00e4re ja schlie\u00dflich durchaus denkbar, dass man in Zukunft weniger auf den Text der Rankings schaut, sondern nur noch auf die Screenshots &#8211; ich erwische mich dabei jedenfalls bereits jetzt, dass ich die erste Vorauswahl \u00fcber die Screenshots machen und dann noch vor dem Klick schnell checke, ob der Title und Description meine Entscheidung best\u00e4tigen.<\/p>\n<h2>Ausblick<\/h2>\n<p>Wie Philip Hoevels <a href=\"http:\/\/blog.wildner.de\/2010\/11\/ueber-google-vorschau-preview-webdesign-und-seo\/\" rel=\"external\">erw\u00e4hnt<\/a>, ist Google Previews die perfekte Erg\u00e4nzung f\u00fcr &#8222;endlos&#8220; Suchergebnisse, wie sie bei so manch einer Seite bereits benutzt werden (z.B. Twitter). Wenn man bis ans Ende der Seite gescrollt hat, werden automatisch per AJAX weitere Treffer nachgeladen &#8211; somit kann man quasi endlos scrollen und muss nicht mehr Seite f\u00fcr Seite durchklicken. In Kombination mit Google Instant Previews k\u00f6nnte das Durchscrollen regelrecht Spa\u00df machen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die Instant Previews von Google k\u00f6nnten dem Internet eine neue Richtung geben und den Spam endlich eind\u00e4mmen. Der Artikel geht auf die \u00c4nderungen f\u00fcr die Webseiten-Betreiber ein. <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[236,35,215,3],"tags":[231,100,311,10,232],"_links":{"self":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/1006"}],"collection":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/comments?post=1006"}],"version-history":[{"count":11,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/1006\/revisions"}],"predecessor-version":[{"id":1027,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/1006\/revisions\/1027"}],"wp:attachment":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/media?parent=1006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/categories?post=1006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/tags?post=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}