GoldenLine
Zaloguj się

konto usunięte

Temat: text-indent: -9999px; — czym to można zastąpić?

Cześć. Jak wiadomo, text-indent: -9999px; ukrywa tekst i staje
się on niewidoczny dla czytelnika strony czy bloga. Sposób prosty,
ekonomiczny, ale wyszukiwarce Google się to nie podoba.

Mam choćby taki fragment kodu:



.header-image #title a {

	display: block;

	float: left;

	height: 100px;

	overflow: hidden;

	padding: 0;

	text-indent: -9999px;

	width: 450px;

}


Czym mogę zastąpić text-indent: -9999px;?

Inne części kodu ...


/* Navigation Constants

------------------------------------------------------------ */



li:hover ul ul,

li.sfHover ul ul {

	left: -9999px;

}






li a .sf-sub-indicator {

	position: absolute;

	text-indent: -9999px;

}


Z góry dzięki za pomoc.
Link do wypowiedziLink
Mateusz Kocz

Mateusz Kocz JavaScript
Programmer &
Front-end Developer

Temat: text-indent: -9999px; — czym to można zastąpić?

Łukasz K.:
Cześć. Jak wiadomo

Nie wiadomo. Ukrywanie tekstu, który ma oszukać Google jest złe (spam) i o tym pewnie gdzieś przeczytałeś. Jeżeli jednak robisz to dobrze (np. podmieniając tekst na obrazek), to nic się stronie nie stanie.

W twoim przypadku (.header-image) pewnie chciałeś podmienić tekst na logo. W tym celu powinieneś jednak użyć obrazka z atrybutem alt.(<img src="" alt="teskt, który ukrywasz" />). Odpadnie wtedy problem text-indent.Mateusz Kocz edytował(a) ten post dnia 23.09.12 o godzinie 11:18
Link do wypowiedziLink

konto usunięte

Temat: text-indent: -9999px; — czym to można zastąpić?

Jesli ukrywasz text w taki sposob a strona fizycznie nigdy go nie pokazuje uzytkownikowi - google moze zbanowac Twoja strone z wynikow wyszukiwania na ladnych pare lat. Wiec lepiej tego nie rob :)
Link do wypowiedziLink

konto usunięte

Temat: text-indent: -9999px; — czym to można zastąpić?

Andrzej Winnicki:
Jesli ukrywasz text w taki sposob a strona fizycznie nigdy go nie pokazuje uzytkownikowi - google moze zbanowac Twoja strone z wynikow wyszukiwania na ladnych pare lat. Wiec lepiej tego nie rob :)
Większość skórek dla WordPress'a korzysta z takiego rozwiązania. Rzadko kiedy jest to wina samych założycieli strony czy blogów, raczej programistów. Właśnie wyłapałem, że wszystkie komercyjne skórki od StudioPress używają text-indent: -9999px; ...
Link do wypowiedziLink

konto usunięte

Temat: text-indent: -9999px; — czym to można zastąpić?

JEsli to jest tyylko tytul i jest adekwatny do strony, to OK, nic nie powinno sie stac... ale jesli zaczniesz wieksze ilosci tekstu (a tym bardziej nieadekwatnego) ukrywac w taki sposob - google sie odezwie ;)
Link do wypowiedziLink
Roch Szatan

Roch Szatan As

Temat: text-indent: -9999px; — czym to można zastąpić?

Ech FIR (Fahrner Image Replacement) pierwszy wzmianka o tym powstała 1999. Dlatego wszyscy to stosują to już klasyka :) Chodzi o to aby ułatwić życie czytnikom ekranu oraz przeglądarką tekstowym.

Jeżeli chodzi o używanie -9999px hack to nie ma problemu z google. Z takiej metody korzysta np.: http://katalog.onet.pl/ w swoim logo. Ja osobiście też stosuje FIR dla logotypu jedyne co to zmieniłem sposób na metodę opisaną przez Zeldman nowe czasy nowe problemy.

A jeszcze jest taki ekstremalny przykład FIR i jak widać google nie zablokowało tej strony
http://www.isclinical.com/Michał Szaniewski edytował(a) ten post dnia 23.09.12 o godzinie 18:44
Link do wypowiedziLink

konto usunięte

Temat: text-indent: -9999px; — czym to można zastąpić?

Michał Szaniewski:

Ciekawe :) Czlowiek uczy sie cale zycie, ehh ;)
Link do wypowiedziLink
Mateusz Jazowy

Mateusz Jazowy Mateusz

Temat: text-indent: -9999px; — czym to można zastąpić?

Jest taka metoda gilder/levin
http://taat.pl/typografia/ir.html
Link do wypowiedziLink
Olga Grabek

Olga Grabek Senior Software
Engineer

Temat: text-indent: -9999px; — czym to można zastąpić?

text-indent: -9999px


może też powodować problemy z wydajnością. Przeglądarka musi wyrenderować box o szerokości 9999px, by ukryć tekst. Dlatego ja stosuję taką deklaracje:



.hide-text {

  text-indent:100%;

  white-space:nowrap;

  overflow:hidden;

}
Olga Grabek edytował(a) ten post dnia 24.09.12 o godzinie 10:48
Link do wypowiedziLink

konto usunięte

Temat: text-indent: -9999px; — czym to można zastąpić?

Łukasz K.:
Cześć. Jak wiadomo, text-indent: -9999px; ukrywa tekst i staje się on niewidoczny dla czytelnika strony czy bloga. Sposób prosty, ekonomiczny, ale wyszukiwarce Google się to nie podoba.
Łukaszu wszystko zależy od tekstu jaki tak przesuwasz i w jakim celu.
Jeśli jest to tekst zastępczy (np. obrazek logo z tekstem zastępczym opisującym logo) to nikt się nie powinien doczepić. W innych przypadkach umieszczanie tekstów ukrytych może spowodować zablokowanie strony w wynikach wyszukiwania.
Czym mogę zastąpić text-indent: -9999px;?
wszystko zależy od tego co chcesz uzyskać? i po co chcesz ukryć ten tekst?

a tymczasem...
http://www.zeldman.com/2012/03/01/replacing-the-9999px...
http://nicolasgallagher.com/another-css-image-replacem...Krzysztof Tomasz Jasiak edytował(a) ten post dnia 24.09.12 o godzinie 11:22
Link do wypowiedziLink
Olga Grabek

Olga Grabek Senior Software
Engineer

Temat: text-indent: -9999px; — czym to można zastąpić?

Tekst można ukryć jeszcze tak:



.hidden {

  position: absolute;

  clip: rect(1px 1px 1px 1px); /* IE6 & 7 */

  clip: rect(1px, 1px, 1px, 1px);

}
Link do wypowiedziLink
Rafał Książek

Rafał Książek Some random guy ...

Temat: text-indent: -9999px; — czym to można zastąpić?

Ja stosuję taką oto konwencję:


{html}

<h1 id="logo"><a href="/" title="Przykładowa strona"><span></span>Przykładowa strona</a></h1>





{css}

h1#logo {width: 100px; height: 30px;}

h1#logo a {position: relative; width: 100px; height30px; font-size: 5px;}

h1#logo a span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff url('../img/logo.jpg');}

h1#logo a:hover span {background: #ffffff url('../img/logo-up.jpg');}

Prosto, czytelnie, zgodnie z SEO, Google i kilkoma innymi standardami.Rafał Książek edytował(a) ten post dnia 28.09.12 o godzinie 13:14
Link do wypowiedziLink

konto usunięte

Temat: text-indent: -9999px; — czym to można zastąpić?

Rafał Książek:
...
Prosto, czytelnie, zgodnie z SEO, Google i kilkoma innymi standardami.

Czy aby na pewno ?
Olga Grabek:
Tekst można ukryć jeszcze tak:

Za ukrywanie tekstów grozi ban gdyż jest to niezgodne z wytycznymi Google -> http://support.google.com/webmasters/bin/answer.py?hl=...
... Twórz strony z myślą o użytkownikach, a nie wyszukiwarkach....
... Unikaj sztuczek mających na celu poprawienie rankingu w wyszukiwarkach.

.. a przede wszystkim:
... Unikaj ukrytego tekstu i ukrytych linków.

Tyle w kwestii ukrywania tekstu. Nieco więcej na ten temat napisałem tutaj -> http://www.goldenline.pl/forum/3045330/text-indent-999...
Link do wypowiedziLink
Olga Grabek

Olga Grabek Senior Software
Engineer

Temat: text-indent: -9999px; — czym to można zastąpić?

Robert B.:
Za ukrywanie tekstów grozi ban gdyż jest to niezgodne z wytycznymi Google -> http://support.google.com/webmasters/bin/answer.py?hl=...

Zgoda, ale algorytm Google nie działa na zasadzie czarne/białe -> znaleźliśmy jakikolwiek ukryty tekst na Twojej stronie -> ban.

Są sytuacje, że potrzebujesz ukryć teksty. Przykład: po to by prawidłowo zbudować outline dokumentu (dla screen readerów). Do tego potrzebujesz odpowiedniej struktury nagłówków. Osobom korzystającym ze screen reader'a przyda się informacja, że np. na stronie jest sidebar, ale pozostałe osoby nie muszą już tego widzieć. Wtedy przydaje się ukrycie takiego nagłówka.
Link do wypowiedziLink
Michał Filip Sobański

Michał Filip Sobański boer en sy roer

Temat: text-indent: -9999px; — czym to można zastąpić?

Olga Grabek:
Zgoda, ale algorytm Google nie działa na zasadzie czarne/białe -> znaleźliśmy jakikolwiek ukryty tekst na Twojej stronie -> ban.
Właśnie to Robert B. próbuje Tobie i innym wyjaśnić. Ban/filtr zależy od interpretacji zaistniałej sytuacji przez pracownika Googl'a, który nie jest nieomylny. I możesz sobie polemizować/snuc dywagacje, czy wolno, czy nie wolno, a to nie bylo złe, że to dla dobra odbiorcy i poprawy funkcjonalności... ukrywanie zawsze wiąże się z ryzykiem, że pracownik G. na stronke naloży filtr...

pozdr. mfs
Link do wypowiedziLink

konto usunięte

Temat: text-indent: -9999px; — czym to można zastąpić?

Olga Grabek:
Robert B.:
Za ukrywanie tekstów grozi ban gdyż jest to niezgodne z wytycznymi Google -> http://support.google.com/webmasters/bin/answer.py?hl=...

Zgoda, ale ...

Nie czytałaś mojej wypowiedzi, którą wskazałem linkiem - a powtarzać się nie lubię. Generalnie napisałem to samo co Ty.

Poza tym tymi sprawami nie zajmuje się algorytm tylko SQT czyli zespół ludzi dlatego czasem mimo stosowania zabronionych technik strony trzymają się w SERP a czasami jak to wyżej zauważył Michał bywa inaczej gdyż decyzję podejmuje człowiek wg własnego "widzimisię".Robert B. edytował(a) ten post dnia 30.09.12 o godzinie 11:18
Link do wypowiedziLink
Olga Grabek

Olga Grabek Senior Software
Engineer

Temat: text-indent: -9999px; — czym to można zastąpić?

Robert B.:

Nie czytałaś mojej wypowiedzi, którą wskazałem linkiem - a powtarzać się nie lubię. Generalnie napisałem to samo co Ty.

Racja, pominęłam Twoje wywody na innym forum :)
Link do wypowiedziLink

konto usunięte

Temat: text-indent: -9999px; — czym to można zastąpić?

A ma ktoś pomysł jak poradzić sobie z tym problemem - w sensie obrazki jako elementy menu, ale na ipadzie? Rozwala mi w ten sposób, że bierze 2 razy szerokość obrazka (i rozwala nawigację), mimo, iż na chama wpisuję width: 0px... nie zależy mi na pełnej wersji mobilnej strony, ale żeby chociaż w miarę to wyglądało, że zoomowanie itd...

Ani oryginalny sposób, ani ze 100% i hidden nie daje dobrych efektów : /
Link do wypowiedziLink
Roch Szatan

Roch Szatan As

Temat: text-indent: -9999px; — czym to można zastąpić?

Miłosz Wojaczek:
A ma ktoś pomysł jak poradzić sobie z tym problemem - w sensie obrazki jako elementy menu, ale na ipadzie? Rozwala mi w ten sposób, że bierze 2 razy szerokość obrazka (i rozwala nawigację), mimo, iż na chama wpisuję width: 0px... nie zależy mi na pełnej wersji mobilnej strony, ale żeby chociaż w miarę to wyglądało, że zoomowanie itd...

Ani oryginalny sposób, ani ze 100% i hidden nie daje dobrych efektów : /

możesz pokazać jak to ma wyglądać ?
Link do wypowiedziLink

konto usunięte

Temat: text-indent: -9999px; — czym to można zastąpić?

Miłosz Wojaczek:
A ma ktoś pomysł jak poradzić sobie z tym problemem - w sensie obrazki jako elementy menu, ale na ipadzie? Rozwala mi w ten sposób, że bierze 2 razy szerokość obrazka (i rozwala nawigację), mimo, iż na chama wpisuję width: 0px... nie zależy mi na pełnej wersji mobilnej strony, ale żeby chociaż w miarę to wyglądało, że zoomowanie itd...

Ani oryginalny sposób, ani ze 100% i hidden nie daje dobrych efektów : /

a nie jest to kwestia skalowania ?
sprawdź meta viewport

<meta name="viewport" content="width=1024" />
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

co zamiast text-shadow w cs...




Wyślij zaproszenie do
Anuluj