Autor Zpráva
Ajka.ja
Profil *
Ahoj,

mám web zde http://utancovatse.cz/
Místo nadpisů mám obrázky, chtěla bych, aby je našel i google a byly tedy i jako text. Tak mi kamarád poradil toto:

<h1 style="position:absolute;width:0px;overflow:hidden;">Nadpis</h1>

Je to fungující a bezpečné? Slyšela jsem, že když se člověk snaží nadpis skrýt a google na to přijde a nedá do výsledků hledání jeho stránky vůbec....:-(

Díky předem za odpověď
Chamurappi
Profil
Reaguji na Ajka.ju:
Je to fungující
Ano.

a bezpečné?
Ne.

Místo nadpisů mám obrázky
Měj obrázky přes nadpisy.
Ajka.ja
Profil *
Chamurappi:
aha, ale když já mám průhledné nadpisy, to by asi vykukovalo, ne?

O tom už jsem taky četla...
habendorf
Profil
Ajka.ja:

V tom případě je pomocí abs. pozicování můžeš vystřelit někam do Tramtárie. Třeba.
Ajka.ja
Profil *
habendorf:
aha, tak tomu ještě tolik nerozumim, jdu to studovat...
Ajka.ja
Profil *
díky každopádně...!!!
rudla
Profil
habendorf:
do Tramtárie
Tím habendorf myslel absolutně napozicovat nadpis někam do mínusu, kam prohlížeč nevidí, ale Google ano.
rudla
Profil
Ajka.ja:
<span style="position: absolute; top: -500px; left: -700px;"><h1>Skrytý nadpis</h1></span>
NejakyTom
Profil
width:0px; display: none; visiblity: hidden; a pod u nadpisu bych urcite nepouzil..
Google to hodnoti opravdu jako cerny kod a za to vam strahne pozici nekam hodne dolu.

text-indent: -2000px? mozna uz fungovat bude.. width: 2px by uz taky mohlo projit

Nejake info primo na strankach google http://www.google.com/support/webmasters/bin/answer.py?answer=66353
Chamurappi
Profil
Reaguji na Ajka.ju:
ale když já mám průhledné nadpisy, to by asi vykukovalo
Tak bych použil <img> a textovou alternativu napsal do altu.


Reaguji na rudlu a NejakyToma:
To je v podstatě totéž, jako už jí poradil kamarád.
habendorf
Profil
Chamurappi:
To je v podstatě totéž, jako už jí poradil kamarád.

Až na ten totálně nesmyslnej span ;o)
rudla
Profil
Chamurappi:
To je v podstatě totéž, jako už jí poradil kamarád.
Až tak moc ne, ale všechny možnosti jsou dobré.
NejakyTom
Profil
V podstate totez ale vlastne uplne neco jineho.
S text-indent problemy nemam - respektive stranky na kterych sem to pouzil maji horni pozice.

Jinak H1 by na webu logicky mel byt a nejlepe prave obsahovat nazev webu / stranky.
Ajka.ja
Profil *
Tak teď v tom mám dobrý guláš:-D

asi na dvou stránkách, kde mám nadpis jako obrázek, chci H1 nadpis stejnej jako je v obrázku

ale fakt nechci aby mě za to google dával někam dolu, to se na to raději vykašlu a nechám to jen v altu...
Plaváček
Profil
Ajka.ja:

Jak to vidím já, máš dvě možnosti.

Za prvé použít řešení, které ti ostatní braši v dobré víře (ale ne moc šikovně) navrhovali - použít náhradu textu obrázkem (viz pěkný popis od Pixyho http://wellstyled.com/css-replace-text-by-image.html.)

Nebo to vyřeš, jak zmínil Chamurappi - prostě vlož nadpis jako obrázek a použij odpovídající ALT. Obě metody jsou z pohledu vyhledávače rovnocenné, ale ta druhá zmíněná (použít obrázek) je méně riskantní především z pohledu Seznamu, který vyžaduje, aby se text na obrázku přesně shodoval s textem pod ním.

Google s tím velké cavyky nedělá a nepamatuji, že by za skrytý nadpis (pokud se nejedná o něco extrémně "ošklivého") web nějak penalizoval.

Prosímmm moderátora, aby s ohledem na lepší vyhledavatelnost tématu opravil překlep v nadpisu vlákna, děkuji zdvořile.
Plaváček
Profil
Ajka.ja:

habendorf mě upozornil, že jsem blbě četl. Náhradu textu obrázkem nelze použít, pokud máš ho máš průhledný. Omlouvám se za svou nepozornost a doporučuji prostě vložit nadpis jako obrázek s patřičným alternativním popisem.
joe
Profil
Co takové řešení? (mimochodem jsem ho právě vymyslel a neviděl jsem, že by to někdo někde psal :-))

HTML:
<h1>Nadpis</h1>


CSS:
h1 { color: rgba(0,0,0,0); background: url('nadpis.png') left top no-repeat; width: ...px; height: ...px; _text-indent: 999px; _overflow: hidden; }


Ještě by to chtělo posunout uvnitř text v těch prohlížečích (tzn. i jiné, než IE6), které nezvládají rgba.

(Co na něj říkají ostatní?)
Venca V
Profil
joe:

(mimochodem jsem ho právě vymyslel a neviděl jsem, že by to někdo někde psal :-))

(Co na něj říkají ostatní?)



Gratuluji, jsi první člověk na světě co objevil text-indent:-)

Mimochodem, toto řešení naráží když se text nevejde na jeden řádek...
joe
Profil
Venca V:
To není o text-indentu...

Mimochodem, toto řešení naráží když se text nevejde na jeden řádek...
Myslím, že ne. Je definována i výška, jak je u obrázku zvykem.

---

Ale stejně je to na nic :-)
Venca V
Profil
Ok, tak jsi objevil color: transparent:-)

joe:
Myslím, že ne. Je definována i výška, jak je u obrázku zvykem.

I když je definovaná výška, neznamená to, že se nemůže zalomit text... Jedině nastavit větší line-height než je height a dát overflow: hidden...
joe
Profil
Venca V:
No neobjevil, ale nikde jsem takové řešení ještě neviděl. Výhodu to má, že pokud vyberu text i s nadpisem, tak je vidět jeho označení přes obrázek, což u indentu není (ten je tam jen pro prohlížeče nepodporující alfa kanál). Overflow tam je, měl by být bez podtržítka.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0