[ Príspevkov: 5 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
H1 ako obrazok a odkaz

Registrovaný: 16.01.08
Prihlásený: 27.03.13
Príspevky: 646
Témy: 144 | 144
Bydlisko: Žilina
NapísalOffline : 20.01.2010 7:31 | H1 ako obrazok a odkaz

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.


_________________
Mac Book Pro 15.4", CPU: Intel Core 2 Duo 2.8 GHz, RAM: 4GB DDR3, HDD: 500 GB, VGA: 512MB GDDR3, OS: Mac OS X Lion; Mobil: HTC ONE S
Offline

Správca fóra
Správca fóra
H1 ako obrazok a odkaz

Registrovaný: 27.07.07
Príspevky: 3971
Témy: 51 | 51
Bydlisko: Bratislava
Vek: 32
NapísalOffline : 20.01.2010 8:34 | H1 ako obrazok a odkaz

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...


_________________
Desktop: CPU: AMD Athlon64 3000+ | MB: Biostar K8T890-A9 | VGA: NVIDIA GeForce 6200 LE 256MB | RAM: 2x 1GB A-DATA DDR 400 MHz Dual Kit | HDD: WD Caviar Blue 320GB | DVD: LG GSA-H10N | Keyboard: Chicony KU-0420 Silver/Black | Mouse: Logitech RX1000 | Zdroj: Corsair CX400 400W | CASE: DELUX DLC-MD370 Black | LCD: 20" Samsung 206BW | Repro: Teac XL-20
Notebook: ACER Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB / Intel HD Graphics | RAM: 4GB DDR3 1066 MHz | HDD: 640GB
Offline

Užívateľ
Užívateľ
H1 ako obrazok a odkaz

Registrovaný: 16.01.08
Prihlásený: 27.03.13
Príspevky: 646
Témy: 144 | 144
Bydlisko: Žilina
Napísal autor témyOffline : 20.01.2010 9:13 | H1 ako obrazok a odkaz

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

momentalne stale vyuzivam toto:

Kód:
<h1><a href="http://www.dsfsdf.skk" id="main">Toto je text H1</a></h1>


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


_________________
Mac Book Pro 15.4", CPU: Intel Core 2 Duo 2.8 GHz, RAM: 4GB DDR3, HDD: 500 GB, VGA: 512MB GDDR3, OS: Mac OS X Lion; Mobil: HTC ONE S
Offline

Správca fóra
Správca fóra
H1 ako obrazok a odkaz

Registrovaný: 27.07.07
Príspevky: 3971
Témy: 51 | 51
Bydlisko: Bratislava
Vek: 32
NapísalOffline : 20.01.2010 9:53 | H1 ako obrazok a odkaz

mozes pouzit nieco taketo, treba vsak vyskusat, ci to funguje vsade korektne (predpokladam, ze pre IE to bude treba upravit):
Kód:
<h1><a href="" id="logo">Text</a></h1>

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

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


_________________
Desktop: CPU: AMD Athlon64 3000+ | MB: Biostar K8T890-A9 | VGA: NVIDIA GeForce 6200 LE 256MB | RAM: 2x 1GB A-DATA DDR 400 MHz Dual Kit | HDD: WD Caviar Blue 320GB | DVD: LG GSA-H10N | Keyboard: Chicony KU-0420 Silver/Black | Mouse: Logitech RX1000 | Zdroj: Corsair CX400 400W | CASE: DELUX DLC-MD370 Black | LCD: 20" Samsung 206BW | Repro: Teac XL-20
Notebook: ACER Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB / Intel HD Graphics | RAM: 4GB DDR3 1066 MHz | HDD: 640GB
Offline

Čestný člen
Čestný člen
H1 ako obrazok a odkaz

Registrovaný: 11.08.07
Príspevky: 4110
Témy: 30 | 30
Bydlisko: Brno
NapísalOffline : 20.01.2010 12:50 | H1 ako obrazok a odkaz

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.


 [ Príspevkov: 5 ] 


H1 ako obrazok a odkaz



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

obrazok ako odkaz

v HTML, XHTML, XML, CSS

5

628

07.03.2007 23:29

mylan

V tomto fóre nie sú ďalšie neprečítané témy.

Obrázok ako odkaz...

v HTML, XHTML, XML, CSS

2

437

19.10.2009 15:52

AReYco

V tomto fóre nie sú ďalšie neprečítané témy.

Odkaz na obrazok

v HTML, XHTML, XML, CSS

2

186

16.10.2010 20:16

Echo

V tomto fóre nie sú ďalšie neprečítané témy.

ako kopirovat text z pdf kde je ako obrazok

v Ostatné programy

1

232

19.10.2014 20:18

liqua1

V tomto fóre nie sú ďalšie neprečítané témy.

ako ulozit velky obrazok ako pdf

v Grafické programy

2

955

01.11.2009 15:57

Seth Sparrow

V tomto fóre nie sú ďalšie neprečítané témy.

button ako odkaz

v HTML, XHTML, XML, CSS

6

567

27.01.2010 9:06

davider137

V tomto fóre nie sú ďalšie neprečítané témy.

Pdf-ko ako odkaz

v HTML, XHTML, XML, CSS

2

178

23.01.2011 20:09

emer

V tomto fóre nie sú ďalšie neprečítané témy.

Pri kliknuti na odkaz sa otvori tento odkaz v novom okne

v HTML, XHTML, XML, CSS

13

1415

08.12.2007 21:08

twistik

V tomto fóre nie sú ďalšie neprečítané témy.

Tlačítko ako odkaz na súbor

v HTML, XHTML, XML, CSS

4

164

13.04.2013 15:39

weroro

V tomto fóre nie sú ďalšie neprečítané témy.

Ako komprimovať obrázok?

v PHP, ASP

2

878

14.06.2009 15:33

Flety

V tomto fóre nie sú ďalšie neprečítané témy.

ako vytlačiť obrázok

v Grafické programy

15

1211

23.08.2010 16:03

prandof

V tomto fóre nie sú ďalšie neprečítané témy.

obrazok ako pozadie

v HTML, XHTML, XML, CSS

8

337

19.11.2010 0:15

walther

V tomto fóre nie sú ďalšie neprečítané témy.

obrazok ako pozadie

v HTML, XHTML, XML, CSS

1

284

05.07.2010 21:04

camo

V tomto fóre nie sú ďalšie neprečítané témy.

<li> ako odkaz tvoreny pomocou obrazkov

v HTML, XHTML, XML, CSS

13

447

26.05.2008 20:07

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

Ako zmenit obrazok fora?

v HTML, XHTML, XML, CSS

2

341

18.08.2008 10:08

MatusH131

V tomto fóre nie sú ďalšie neprečítané témy.

Ako vytlačiť nadrozmerný obrázok?

v Grafické programy

13

3433

05.01.2011 19:24

walther



© 2005 - 2017 PCforum, edited by JanoF