Google bestraft Display None Visibility hidden

Wenn direkt im Quelltext display none auftaucht, dann indexiert Google den Text nicht mehr. Externe StyleSheets werden wichtiger als je zuvor.

Einige von uns verstecken Text für den Sehenden Besucher, um den Screenreader Lesern Informationen zukommen zu lassen. Andere verwenden display none, um Überschriften durch andere Schriften zu ersetzen, wiederum andere verwenden dies, um ein Menü zu gestalten.

Jedoch sehr viele verwenden display none, um damit zu spammen. Sie versteckten mit display none Text vor den Sehenden, um die Suchmaschine damit zu füttern und so besser gelistet zu werden. Dies ist nun vorbei.

Google indexiert display none nicht mehr.

Dies ist überprüfbar, weil der Text, der mit display none versteckt wurde nicht mehr im Google Cache auftaucht.
Als erster las ich diese Meldung im Abakus Forum, doch erst der Test eines users dort, überzeugte mich endgültig.

Es wird gesagt, dass das Auslagern all der display none, display visibility hidden etc. in eine externer Style CSS(Cascading Style Sheet) hilft.

Ebenso sollte man den Googlespider in per robots.txt die StyleCSS nicht mehr lesen lassen.

Edit:Wenn Google die externer StyleCSS lesen kann, dann indexiert sie den Text zwischen den display none, visibility hidden etc. nicht.

Sollte Google auch Webseiten nicht mehr indexieren, die dies in eine externe StyleCSS ausgelagert haben, dann wird Google bald, sehr bald kaum mehr Webseiten in seinem Index haben, denn wer auf Webstandards wert legt, wird auf die Technik der verschiedenen display Zustände nicht verzichten können.
Das Internet besteht nicht nur aus Spammern.

Die Quellen in English:

Hidden Divs Not Indexed by Google.

Google is no longer indexing hidden div tags. Spammers used hidden divs to hide content, but also many non-spammers and even non-SEOs have used them for design purposes. The theory is that the Jagger update now hurt any site using hidden divs. One example site thrown out in Phil’s forum was a white hat site at ducor.com that used hidden divs for its menus. If you look at the site’s CSS you will notice in the CSS code a line for #elnav {position:absolute; visibility:hidden;}. The member reports that the site “has been all but delisted from Google now.. Right now they show just 4 of our pages in the index..”

Die betroffene Seite ducor.com hat im Quelltext folgendes stehen:

<!-- style sheet here - ENTER a style consisting of the im name and the el name. im is the image, el is the element -->
<STYLE TYPE="text/css">
<!--
#elnav {position:absolute; visibility:hidden;}
#imnav {position:relative;}
#imHeader {position:relative;}
-->
</STYLE>
 
<!-- end style.m -->

Webworkshop.

Now we know that google states they went after CSS spam with Jagger, yet nobody seems to know exactly how or what happened. They especially don’t understand why a lot of perfectly good sites dropped into the crapper.

Sehr viele Menüs funktionieren nur mit dieser Technik, oftmals ist es nötig, die Angaben direkt zwischen head und /head zu machen.
Ab jetzt steht man dann vor der Tatsache, entweder eine Webseite , die den Webstandards entspricht und dafür wird man nicht bei Google gefunden oder zurück zum Alten.
Workarounds sind gefragt und zwar jede Menge. Gehen wir an die Arbeit.

mts


Basis Know-how CSS
InternetmarketingInternetmarketing Buchempfehlung

Top

44Kommentare zu : Google bestraft Display None Visibility hidden

37 Kommentare
  1. 1

    Hallo mts,
    Du schreibst:
    Einige von uns verstecken Text (mit display:none oder visibility:hidden) für den Sehenden Besucher, um den Screenreader Lesern Informationen zukommen zu lassen.

    Wer immer das macht, weiß nicht was er tut. Die meisten Screenreader sehen dann nämlich auch nichts! Also bitte solche Desinformationen nicht verbreiten.

    Gruß Fritz

  2. 2

    Hallo mts,
    Du schreibst:
    Andere verwenden display none, um Überschriften durch andere Schriften zu ersetzen,

    Auch hierfür gibt es elegantere Methoden.
    Schau mal hier: http://webdesign.weisshart.de/dynatext.php

    Gruß Fritz

  3. Autor mts von WebDesign-in.de mts
    3

    Fritz,
    ich habe hier mehr als einen Artikel, wo drin steht, dass display:none von Screenreader Besucher NICHT gelesen werden kann. Wo schrieb ich im obigen Artikel, dass dies funktioniert? Ich wandte mich an Menschen, die dies tun, ob richtig oder nicht, steht und stand hier absolut nicht zur Debatte.
    Bevor Du derart kritisiert, wäre ich Dir sehr verbunden, wenn Du ein wenig genauer lesen tätst.

    Ich bin Pragmatikerin, wenn manche schon nicht glauben, dass es Screenreader nicht lesen können, dann ändern sie es wegen Google.

    Schön jedoch, dass es Dich offenbar nicht stört, dass eine Wirtschaftsmacht wie Google uns dazu zwingt so manches Design, dass mit visibility hidden gemacht wurde, zu ändern.

    Webstandards werden der Suchmaschine geopfert und sage mir keiner, dass ihm Webstandards wichtiger ist als im Index einer Suchmaschine zu sein.

    Ich gebe zu, ich könnte es mir nicht leisten -und deswegen ärgert mich das Vorgehen von Google mehr als massiv.

    Unabhängig davon:

    Schaffst Du es in einer Newsmeldung immer alle wenn-aber usw. unterzubringen?

    lg

  4. 4

    Darauf hatte ich schon lange gewartet. Denn in meinen Augen macht es keinen Unterschied ob Textfarbe gleich Hintergrund oder text-indent: -10000px oder eben visibility:hidden/ disply:none.
    Wenngleich dies Effekte fürs Webdesign einschränkt, fairerweise sollte dies gleich behandelt werden.
    Ob ein Ausschluss des Googlebots via robots.txt eine sichere Lösung ist, bleibt aber abzuwarten. Denn damit würde man die Hintertür gleich wieder ganz weit öffnen.

  5. Autor mts von WebDesign-in.de mts
    5

    Robert
    sicher gibt es viele Spammer,
    doch es gibt eben auch Designs, die mit spammen schlicht Null am Hut haben.

    Diese Regelung geht in Uranfänge des Internets zurück, weil sie Webstandards gefährdet.

    Freuen dürfen sich dann gleich alle Menschen mit Sehbehinderungen, weil jetzt noch weniger WebDesigner auf deren Bedürfnisse eingehen können, weil sonst die Seiten nicht in Google auftauchen.

    Das schreckt mich, genausowenig wie nofollow das Spammen verhindert, wird es diese Regelung machen,
    aber sie wird sehr viel zerstören.

    lg

  6. 6

    mts
    Jeder kann nach wie vor die betroffenen CSS-Anweisungen verwenden. Genauso wie vorher. Wenn es dem Webdesigner jedoch so sehr auf den Inhalt ankommt, ist es in meinen Augen gerechtfertigt, dies (auch) anders zu lösen.

    Das Problem sehe ich bei den Umgehunsgversuchen und deren Bewertung.
    Beste Grüße

  7. Autor mts von WebDesign-in.de mts
    7

    Robert,
    es gibt Designs, da ist eine andere Lösung als visibility hidden kaum möglich,
    und zwar für ganze Abschnitte,
    weil CSS mit Layern arbeitet.
    Wie Klarsichtfolien, die übereinander gelegt werden. Klar kann man alles anders lösen keine Frage, aber genau darum geht es mir ja.

    Gute, anspruchsvolle, moderne Lösungen stehen hinten an, wegen der Machtgeilheit einer Suchmaschine.

    Schade, unendlich schade.

    lg
    [irgendwie muss ich für den oberen Kommentar auch eine andere Lösung finden ;) ]

  8. 8

    Suchmaschinen kanalisieren unsere Aufmerksamkeit und haben entscheidend darauf Einfluss, welche Inhalte zugänglich sind.
    [Machill, Marcel/ Welp, Carsten]
    Das war 2003 und wohl anders gemeint (Wegweiser über Suchmaschinen), trifft es aber ganz gut.
    Ich verstehe Deine Ansicht. In gewisser Weise teile ich sie, wenngleich Du sicher weit mehr Wissen und Erfahrung bei Barrierefreiheit hast. Aus Suchmaschinensicht lädt das Unsichtbarmachen aber geradezu zur unsachgemäßen Manipulation ein.
    (K)eine Lösung ist es, dem Googlebot eine sichtbare Lösung anzubieten, da sich dieser angeblich öfters als Browser “verkleidet” und Unterschiede spidert.

  9. Autor mts von WebDesign-in.de mts
    9

    Robert
    es gibt die Möglichkeit ein mehrspaltiges fluides Layout zu machen, indem alle Spalten gleich lang sind,
    ohne java script,

    aber dazu braucht man visibility:hidden
    für das allererste div
    sprich der gesamte Inhalt ist dann für Google nicht da.

    ganze Layouts werden unmöglich,
    das ist das Problem,
    und dies ist nun Mal Webstandard,
    jeder halbwegs professionelle Webdesigner weiß das,
    und da diese Layouts mit kompletter Anweisung seit Jahren frei im Netz “herumliegen” kann sogar jeder Hobbybastler dies einbauen,
    freut sich riesig, dass er ein wunderbares layout hat,
    dass vom Handy bis zu einer Auflösung von 2500×1500 irgendwas funktioniert.

    und dafür werden die Webdesigner jetzt de facto bestraft.

    für mich ist dies schlicht untragbar.

    lg

  10. 10

    Mich hat es schon lange gewundert, warum Google & Co. mit “hidden” verzierte Texte immer noch berücksichtigt hat.

    Als Black Hat SEO würde ich ein externes CSS nehmen und den Text um -5000px nach oben verschieben. Würde ich PERSÖNLICH bei Kunden natürlich NIEEEE machen ;-)

  11. 11

    Michael Sattler hat mich darauf aufmerksam gemacht, dass nun google offenbar doch wieder derart unsichtbaren Text berücksichtigt:
    Google und unsichtbare Elemente.

  12. Autor mts von WebDesign-in.de mts
    12

    Hi Robert
    dies liest sich aus Designer Sicht gut:-)

    Spam ist ja so nicht wirklich verhinderbar,
    vor kurzem sah ich in einer 1px hohen und 1px breiten Tabelle an die 700 Keywords,

    Danke für die Info

    lg

  13. 13

    Hallo weiß jemand ob google DIV layer die über Javascript und DOM auf HIDDEN gesetzt werden in seinen Index aufnimmt oder nicht ?

    Gruß

    pe

  14. Autor mts von WebDesign-in.de mts
    14

    Hi
    pelim2k2

    ausgetestet nicht,
    aber die Wahrscheinlichkeit ist groß

    lg

  15. 15

    weiß jemand wie google sich gegenüber sowas verhält?

    .skip {
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute; /* for the benefit of IE5 Mac */
    }

  16. Autor mts von WebDesign-in.de mts
    16

    Hi Chulio

    bis dato ist noch nicht bekannt, dass Google Angaben in einer externen CSS Datei beanstandet hätte.

    Bei obigem Beispiel ging es um Beispiele, die direkt im Quelltext standen.

    lg

  17. 17

    ich glaube nicht was sie schreiben. Diese site setzt die von Ihnen geschilderte art von cloaking ein und ist top indiziert:

    edit von mts
    ich verstehe was Sie mir mitteilen wollen,
    doch es ist mir unmöglich sowohl die genannte Domain wie deren Quelltext stehen zu lassen.
    1. wegen Abmahnungsgefahr
    2.wegen Abmahnungssgefahr und 3. aus demselben Grund

    Google bietet für sowas einen Spamreport, bitte einfach danach suchen und wenn für nötig erachtet nutzen.

    Und sonst gilt:gäbe es keine Ausnahme….

    ich finde so etwas auch sehr be*scheiden, aber was solls..

    lg

  18. 18

    interessante theorie die ich zwar vermute auf teilweise stimmt :(

    auf einigen meiner webseiten wird display none verwendet, aber auch die nicht auf den ersten blick sichtbaren inhalte werden trotzdem gelistet und teilweise auch auf top positionen gerankt

  19. Autor mts von WebDesign-in.de mts
    19

    Hi Dietmar

    es ist erwiesen, dass Google css ausliest,
    dass es oftmals Menschen sind , die sich den Sourcecode ansehen

    und daher nehme ich an, kommt es drauf an,
    außerdem :was gestern stimmte muss heute nicht mehr sein, Suchmaschinen ändern schneller ihre Strategie oftmals, als man nachkommt,;)

    kann gut sein, dass Google jetzt genug *getestet* hat und ein wenig besser maschinell herausfindet wer was mit display none wie versteckt,

    aber:

    mein Schalk kann nicht Ruhe geben

     
    charset=windows-1252"

    ist garantiert schlimmer als was mit display none zu verstecken, auf der Domain , die Du hier angbist fand ich kein display none in all den Tabellen drin,
    kann das Frontpage überhaupt schon ?

    lg

  20. 20

    Oh, das glaube ich doch nicht dass Google so klüg ist :) Ich sehe jeden Tag Seiten mit verstecktem Text, ok, nicht so grob wie in diesen Beispielen. Nie vergessen – Google ist kein Mensch.

  21. 21

    Finde ich unglaublich, dass wir die Gestaltung unserer Webseiten mehr und mehr nach Google richten müssen. Das sollte einem zu denken geben!

    pix-planet.de

    edit von mts:
    ja und nein und doch manches hat sich überholt,
    bitte keine Kommentare mit Firmennamen, das wirkt mehr als komisch ;)

  22. 22

    Ganz klar ist mir die Aufregung nicht. Sicher, es kann Sinn machen Sprungmarken wie “Zur Navigation” oder “Zum Inhalt” zu verstecken. Nur solange Google Seiten mit display: none oder der gleichen nicht komplett schmeisst, sondern nur die versteckten Teile ignoriert, ist nichts verloren. Im Gegenteil: Normal sind solche versteckten Teile für Zusatznavigation für Screenreader ja nicht wirklich suchrelevant. Der echte Content bekommt dann mehr Gewicht. Solang Google nicht die ganze Seite durch Rauswurf bestraft sehe ich es eher als positiv wenn versteckte Teile ignoriert werden.

  23. 23

    hi mts, …

    hab nach langer zeit mal wieder auf diese seiten geschaut ;)

    richtig : display none wird auf der url nicht verwendet (und derzeit auch auf keiner anderen mehr – sicher ist sicher ;)

    was meinst du mit “charset=windows-1252 ist schlimmer als display none”???

  24. Autor mts von WebDesign-in.de mts
    24
    charset=windows-1252

    zu 99.9% wurde diese seite mit frontpage gemacht, was

    so frag ich unschuldichst vom Lande–kann schlimmer sein, als frontpage

    :zwinker:
    lg

  25. 25

    was war nochmal frontpage??? :)
    benutz ich schon ewig nicht mehr da 99,9999% meiner seiten dynaisch generiert werden
    und da hilft mir weder FP noch dremweaver
    weiter … ;)
    is also nur ein überbleibsel aus längst vergangenen jahren ;)

  26. 26

    ich kann das alles nicht bestätigen. ich habe eine seite mit einem betexteten hintergrund bild gebaut und alternativ einen struktureriten text eingebaut und anschließend mit

    p{display:none;}
    h1{display:none;}
    address(display:none;)

    ausgezeichnet. abgesehen davon das die seite weit oben steht bei google, sind die inhalte dieser tags bei google in dem kurztext zu lesen

  27. 27

    Interessanter Artickel
    aber mit dispay:none; versteckt man Text vor Sehenden wie Nichtsehenden Benutzern.
    Darum finde ich es in Ordnung wenn auch Google sich blind stellt. Sprungmenüs und ähnliches für Screenreader kann mann mit position: absolut; aus dem Anzeigebereich schieben.

  28. 28

    Kennt jemand iGoogle?

    Finde ich auch, sehr interessant mit Gadgets. Leider habe ich zu viele, da hilft nur zuklappen. Also auch Inhalt verstecken, bedeutet es, dass Google selbst spamt? Nein, die Informationen sind für Menschen ob die versteckt sind oder nicht, ich kann immer kurz nachsehen, genau dass was mich Interessiert. So auch mit Display None. Ich mach es über Javascript und schätze solches Vorgehen, wird nicht bestraft. Man kann nichts bestraffen, was man selbst macht, zumindest nicht offiziell.

  29. 29

    diplay none hin oder her – auch hier stellt sich die frage wozu ;)
    für sinnvolle anwendungen (bitte warten etc.) kann ich keine neg. folgen festellen und für sinnlose/volle keywortsammlungen sollte man sowas betsimmt nicht hernehmen da diese so oder so von den bots erkannt werden und entspr. abgewertet

  30. 30

    Grundsätzlich finde ich versteckten inhalt so ziemlich schlecht, bin mir aber nicht ganz im Klaren, was z.B. mit Navigationselementen passiert, die versteckt sind und zum Beispiel mit JavaScript sichbar werden…

  31. 31

    to Honighut. Sehr schlecht, die Navigation muss auf jeden fall mit ausgeschaltetem JavaScript vollständig sichtbar sein, da ansonsten die Suchmaschinen den Links nicht folgen können. Lieber erst durch JavaScript die Navigation unsichtbar machen. Übrigens das gilt auch für Barrierenfreiheit.

  32. 32

    das sollte, meiner erfahrung, überhaupt kein problem darstellen da google sehr wohl zwischen (nicht sichtbaren) navigationslinks und verstecktem content unterscheiden kann

    gruß

  33. 33

    panthera: er meinte ja das die naviagtion über styles mit js eingeblendet wird also die links nicht mit js generiert werden (denke ich mal)

  34. 34

    Ja, jetzt sehe ich dass ich es falsch verstanden habe. Dennoch in diesem fall, vielleicht versuchen einfach mit CSS das zu Lösen. Das geht ja auch.
    panthera-it.eu/

    edit von mts
    ;) ich sehe mit und ohne JS, dass Keywordnamen ganzz ganz schnell einen ziemlich gut versteckten Link von mir erhalten, (hidden in jedem Fall )

  35. DC
    35

    Ich denke, es kommt immer drauf an, für welche zwecke man das hidden benutzt. Ich selbst verzichte drauf, aber es kann auch mal recht sinnvoll sein.

  36. 36

    Klingt ganz gut, nur – meine Seite wurde von Google 30 Tage gesperrt – wegen “hidden” – in der Navigation. Man schrieb mir, dass ich gegen die Richtlinien verstoßen hätte usw…
    Naja nach einem Monat war`s wieder schön.
    Habe natürlich alles umgebaut.

    Grüße

  37. 37

    auch bei google gibt es noch menschen und wie die manchmal entscheiden ist ungewiss

    ich hab auf mehreren domains “hidden”links als spambotfalle eingebaut, die google auch kennt und diese seiten sogar mit einem PR würdigt, und die laufen schon seit jahren ohne probleme – wenn natürlich “hidden text” eingebaut wird kanns schon nachteilig sein, was auch verständlich ist …

7 Trackbacks
  1. display:none usw. @ PHP - Quick & dirty …, [ 10.12.08 um 11:57 ] [...] lese ich durch einen Zufall Google bestraft Display None Visibility hidden, schaue dann noch mal auf den Quellcode des ...
  2. YAWASP 3.0 | svenkubiak.de, [ 12.12.08 um 08:31 ] [...] der CSS-Datei Aufgrund der aktuellen Diskussion um das Bestrafen durch Google bei der Verwendung von display:none als Stylesheet ...
  3. Anonymous, [ 10.03.09 um 23:19 ] [...] Dann merke aber, dass mittels visibility oder display versteckte Inhalte von Google nicht gefunden werden. Bei zu exzessiver Verwendung ...
  4. display:none usw. | Plötner Software, [ 16.11.09 um 18:44 ] [...] lese ich durch einen Zufall Google bestraft Display None Visibility hidden, schaue dann noch mal auf den Quellcode des ...
  5. Google ignoriert unsichtbare Elemente, [ 27.01.10 um 20:03 ] [...] per Browser unsichtbar sind! Dies erfolgt meist durch display:none; oder visibility:hidden; . webdesign-in.de hatte mich auf den Post im ...
  6. Beeinflussen visibility:hidden und display:none das Google-Ranking? | kim live, [ 15.02.10 um 13:28 ] [...] nicht dafür interessiert ob ein Text mit CSS versteckt ist oder eben nicht. Ein Blogbeitrag auf webdesign-in.de scheint hier ...
  7. Dropdown-Men, [ 16.06.10 um 11:34 ] [...] [...]
  8. Tweets
WebDesign Angebot

mein Angebot

Ich biete benutzerfreundliches, barrierefreies WebDesign und InternetMarketing, denn was nützt die schönste Homepage, wenn sie keiner findet. Schalk und Support ist inclusive.
Kontakten Sie mich einfach » E-Mail

InternetMarketing Angebot

Mieten Sie meine Kreativität

Ich habe jede Menge Idee und Können, wie man auch ihren Shop, ihre Homepage und ihr Business im Internet bekannt macht.
Kontakten Sie mich einfach » E-Mail

WebDesign Preise

Preise by mts

Professionelles WebDesign ist eine Investition. Billig und günstig sind andere ..ich bin gut und bezahlbar.
Kontakten Sie mich einfach » E-Mail


Achtung: Sie haben JavaScripts und/oder CSS deaktiviert. Sie können diese Inhalte nutzen, einiges an Funktionen steht jedoch nicht zur Verfügung.

Zu den Inhalten springen

« zurück

vor »

  • WebDesign Icon

    WebDesign

    WebDesign ist mehr als Grafik- und Printdesign. WebDesign und Website Marketing sind Geschwister. Rund um WebDesign.
  • WebDesign Tutorials Icon

    WebDesign Tutorial

    Kein WebDesigner fällt vom Himmel. Mal ein Online Shop, mal Community, mal Web 2.0 social Media oder Wiki. Erfahrungen uvm.
  • CSS Icon

    CSS

    Ich habe zig CSS Beispiele, Erkenntnisse irgendwo auf der Festplatte meines PCs und Gehirns. Ich gebe diese gern weiter :-).
  • InternetMarkering Icon

    InternetMarketing

    Wie verkauft man im WWW unter Ausnutzung der SUMAs, der Social Media Dienste. Internet Marketing Praxis uvm..
    und Website Promotion
  • SEO Icon

    SEO

    SEO ist weder Geheimwissen noch 0815 Tätigkeit, - schlicht notwendig für den Erfolg im WWW. Meine Erfahrung mit SEO.
  • Internet Recht Icon

    Internet Recht

    Was tun bei Abmahnungen. Rechtsfallen sind u.a. free Download, Fotos, Marken, Forum, Kommentare. Wo gibt es Hilfe.
  • Schokolade Icon

    ..und außerdem ...

    mein Blog | mein Netzwerk | barrierefreies WebDesign | Usability im WebDesign | Net-Lexikon | WordPress Themes

©  2004 - 2012Professional Webdesign barrierefrei auf WebDesign-in.de, ImpressumImpressum Lizenz||Top