h1 obrazkowy

[Grzegorz Getka]

Witam

Pod kątem SEO text w h1 lepiej ukrywać przez <span> i display none czy może przez text-indent z dużą wartością px ?

Pozdrawiam

[jsmp]

popatrz w kod: https://www.kurshtml.boo.pl/

To jest przykład gdzie się stosuje display none i zastępuje obrazkiem. Moim zdaniem dobry i sprawdzony sposób

[Grzegorz Getka]

No tak, czyli tu mamy wersję z display none

[DUDE]

Ja preferują text-indent z dużym (px) + overflow:hidden

display:none w mojej subiektywnej opinii nie specjalnie dobrze może być widziane przez roboty czytające CSS. Aczkolwiek nie robiłem specjalnych testów w tym zakresie.

[AdamAGP#]

Roboty robotami, a nie zapominajcie o uprzejmych konkurentach. Chociaż jak tekst pokrywa się z obrazkiem to nie powinno być to niezgodne z wytycznymi. Ostatnio na grupie google jakiś jeden wyskoczył - "że jakim prawem taka strona nie ma bana..." a było to nic innego jak wpisanie w ukryty pod obrazkiem h1 tekstu z banera. Mimo, że w sumie tak ma chyba 80% blogów na ogólnodostępnych themesach i wiele innych stron. Ludzie popadają w paranoję googlonoidalnom

[DUDE]

Kwestia, aby faktycznie tekst z grafiki pokrywał się z treścią h1.

Co są pewnego rodzaju (niepisane) standardy. Nie każdy chce i może iżywać sIFR w celu podmiany czcionek, są też bardziej złożone grafiki itp.

Google nie ukaże Cię tylko za to, że chcesz mieć najważniejszy nagłówek zrobiony bardziej atrakcyjnie niż zwykły napis.

Zresztą, jeżeli z ukłądu strony wynika, że to faktycznie jest pierwszy nagłówek to takie używanie H1 jest nawet wskazane, chociażby dla userów, którzy mają wyłączoną obługe CSS - np używają przeglądarek tekstowych.

[MadeIn3W]

Witam

Pod kątem SEO text w h1 lepiej ukrywać przez <span> i display none czy może przez text-indent z dużą wartością px ?

Pozdrawiam

Lepiej text-intend, bo prędzej Google zrozumie display:none niż wyliczy położenie text-intend:-9999px