[btng]

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

[elofsson]

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.

[Magnus500]

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.

[melin]

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

[axbom]

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

[Andreas]

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.

[kers]

Originally posted by melin@Jul 20 2007, 10:56

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

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.

[kers]

Originally posted by Andreas@Mar 5 2008, 15:09
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.

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.

[zooloo]

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