Är det dåligt ur SEO-synpunkt att ha med en bild med i sin "H1 tag" förutom text?

Dåligt ur SEO-synpunkt vet jag inte men vad är vitsen? Det bryter väl mot mot webbstandarden om inte annat skulle jag tro.

Jag har sett Google reagera argt när man krånglar för mycket med H1:an, har aldrig prova att ha bild i den men väl gjort lite andra saker och vid några tillfällen faktiskt blivit sandboxad/950:ad.

Mitt råd: Se upp.

jag har bilder i <h1> då och då men ser då till att ha texten i bilden i bildens alt tag istället

Funkar utmärkt och vad jag vet blir inte google arga för att man har en bild som rubrik

däremot om man använder <h1> och trycker ner den i format med CSS etc så den ser ut som vanlig text, så kan dom anse att du fuskar med semantiken

Det bästa är att ha vanlig text och med hjälp av CSS byta ut texten mot en bild. I nedanstående exempel så ser användaren texten om bildvisning inte fungerar / är avstängd.

<h1 id="titel">Rubriken i vanlig text<span></span></h1>

CSS:

#titel
{
margin:0; padding:0;
position:relative;
width:200px; height:80px;
overflow:hidden;
}
#titel span
{
display:block;
position:absolute; left:0; top:0; z-index:1;
width:200px; height:80px;
margin:0; padding:0;
background:url("bilden.gif") top left no-repeat;
}


Se en förklaring av tekniken här:
http://wellstyled.com/css-replace-text-by-image.html

Någon som har erfarenhet ang tekniken ovan.

Min idé är att isf placera loggan i ett sådant block. Behöver få in en <h1>:a på sidan.

Nej, så är det inte alls - helt enkelt för att h1 ska användas till att markera en specifik avdelning på sidan: huvudrubriken, inte för att formatera den. Det finns många tillfällen där det är intressant att hitta just rubriken men där man skiter i hur den ser ut.

Var sida bör ha en helt unik huvudrubrik - därför är det inte att rekommendera att du lägger in en logga där om exakt samma kodsnutt förekommer på alla sidor.

Det är inga problems att koppla en logga till H1! Jag har så på en av mina sajter: http://www.photoshop-user.com/

Koden till H1 i stylesheet är:

h1 {
margin:0px;
background: url(images/header-icon.gif) no-repeat;
padding-left: 70px;
height: 60px;
font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
color: #c9eefe;
}

Väljer jag att visa källkoden på sidan ser det ut såhär för H1:an:
<h1>Photoshop user</h1>

Perfekt! Kör så det ryker :)

mvh zooloo