Bilder för h1

Jag undrar hur det ligger till egentligen vid användning av bilder istället för rubrikstaggar. Alltså:

<h1><img src="#" alt="Min" /> <img src="#" alt="rubrik" /></h1>

istället för

<h1>Min rubrik</h1>

Blir det för mycket code bloat tillslut?

Du måste skriva en riktig text i en H1, annars kastar du bort en perfekt chans att berätta för sökmotorerna vad sidan handlar om. Däremot så kan du både ha kakan och äta den.

Det funkar så att man visar bilden, men texten ligger gömd så att säga. Här har du lite olika tekniker. Jag använder själv en variant av nr 3. Men gör det på riktigt. Visa inte en bild på en kyckling och sen skriv Volvo som text. Bild och text ska ha samma innebörd.

<h1 class="technique-three">
CSS-Tricks
</h1>


CSSen:

h1.technique-three {
width: 350px; height: 75px;
background: url("images/header-image.jpg");
text-indent: -9999px;
}

Här kan du läsa fler sätt att göra detta på:
http://css-tricks.com/css-image-replacement/

Skulle nog rekommendera att du använder text men som SEOgeek säger kan du gömma den.

Fast strunta i det och lägg in en bild ovanför istället ;)

Jag är en av dem som håller mig borta från sånt.
Kika istället på: http://www.mikeindustries.com/blog/sifr/

Tack för alla svar!

Kort sagt så är bilder i stället för text ganska så dåligt ur ett SEO-perspektiv? Även om man anger alt och title taggar för dem och har <h1> runt?

Finns det någon legitim undersökning för det här? Vore underbart om Google själva hade gått ut med det.

Google själva kommer aldrig att kommentera något sådant på denna nivå. SEOgeek har ett bra förslag. Man kan vidareutveckla det på detta sätt:

<h1 class="technique-three"><span>
CSS-Tricks</span>
</h1>


CSSen:

h1.technique-three {
width: 350px; height: 75px;
background: url("images/header-image.jpg");
}

h1.technique-three span{
display:none;
}

Men förslaget från SEOgeek är ju faktiskt enklare :)

Det verkar lovande... men det finns ingen risk för att man blir straffad?

Jag menar om man då har en gömd <h1>min rubrik</h1> och även:
<img src="#" alt="min" /> <img src="#" alt="rubrik" />

Jag har mycket svårt att tro att du skulle bli straffad för det, eftersom detta bara är ett annat sätt att skapa en rubrik. Men personligen har jag aldrig lagt upp en bild istället för en H1:a.