H1 ako obrazok a odkaz

max-m · Napísal **max-m**: 20.01.2010 7:31

Caute,
ohladom tejto temy sa aj na roznych inych forach viedli siahodlhe debaty a aj ked som sa zo zaciatku v tejto teme vyznal, po roznych argumentaciach som stratil nit a mam v tom uz teraz pekny chaos.

Takze moja otazka znie: Ako spravne (SEO Friendly) a hlavne bez Google penalizacie vytvorit H1 ale s tym, ze to bude obrazok a zaroven aj odkaz?

Doteraz som na to vyuzival CSS s text-indent:-2000, no vraj to Google moze penalizovat... Co keby som vyuzil IMG s atributou ALT?

Priklad:

Kód:

<h1><a href="http://www.nieco.skk"><img src="img/nieco.png" border="0" alt="Toto je nadpis" /></a></h1>

Ak to tiez nie je najspravnejsie riesenie, tak ako na to?

P.S.: moj H1 musi ostat obrazok (PNG s priehladnymi castami) - okrasny nadpis, logo a pod.

DIK.

stenley · Napísal **stenley**: 20.01.2010 8:34

na co je dobre davat img do h1?
text, co je na obrazku, daj do h1 a pomocou css prekry tento text danym obrazkom... problem vsak moze nastat s tymi priehladnymi castami, lebo potom text pod odbrazkom bude asi vycnievat... treba si to upravit podla potreby...

max-m · Napísal autor témy **max-m**: 20.01.2010 9:13

stenley... prave preto davam do H1 IMG (koli tym priehladnym castiam)

momentalne stale vyuzivam toto:

Kód:

a CSS:

Kód:

h1 {
   margin:0;
   padding:0;
}
h1 a#main {
   display:block;
   height:43px;
   width:300px;
   text-indent: -3000em;
   text-decoration: none;
   z-index:1;
   background-image:url(../img/obrazok.png);
   margin-bottom:5px;
}

no vraj to moze Google penalizovat (ak sa tak uz nestalo, koli tomu zapornemu text-indentu) a je lepsie vyuzit iny sposob (neviem vsak aky je lepsi). Vraj text v H1->A->IMG->ALT dokaze Google bez problemov identifikovat ako text v H1... nieviem vsak ci je to naozaj tak a ci je to pre SEO a Google lepsie ako moje aktualne vyuzivane riesenie...(?)

DIK

stenley · Napísal **stenley**: 20.01.2010 9:53

mozes pouzit nieco taketo, treba vsak vyskusat, ci to funguje vsade korektne (predpokladam, ze pre IE to bude treba upravit):

Kód:

Kód:

#logo:before {
   content:url(obrazok.png);
}

#logo {
   width:300px;
   height:43px;
   display:block;
   overflow:hidden;
   padding:0;
   margin:0;
}

Ďuri · Napísal **Ďuri**: 20.01.2010 12:50

Nechaj to tak, ako to je. Text-indent ti google penalizovat nebude, pokial nebudes mat na obrazku a v kode ine texty. Robit srandy s :before je nezmysel, okrem nefunkcnosti v IE≤7 to je na nic.

H1 ako obrazok a odkaz

Podobné témy