Logotype i sidhuvud

12 svar · 625 visningar · startad av ejick 1 juni 2007

ejickMedlem sedan mars 2001895 inlägg

Frågan1 juni 2007 17:06#1

Hej,

jag håller på att designa en webbplats som kommer bli ganska så stor och ska helst ha ganska begränsat antal bilder för att inte kräva så mycket trafik.

Hur som helst, hur ska jag lägga till logotypen på webbsidan (logotypen kommer vara en bild)?

De alternativ jag har kollat på:

h1 a {
    display:block;
    width: 200px;
    height: 50px;
    background: url(logotyp.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}
...
<div id="header"><h1><a href="#" title="logotyp">Logotyp</a></h1>

Detta alternativ är, så som jag förstår det, bra för sökmotorer eftersom namnet blir som H1, men css-koden blir ju inte så snygg.

Alternativ två är

<div id="header"><a href="#" title="logotyp"><img src="logotyp.png" width="200" height="50" alt="Logotyp" /></a></div>

Vilket är bäst i SEO-synpunkt och vet någon om det finns andra alternativ?

Tack på förhand :)

colioneMedlem sedan juni 20014 421 inlägg

1 juni 2007 23:07#2

Jag hade kört på alternativ 1.

zcorpanMedlem sedan dec. 20042 245 inlägg

1 juni 2007 23:35#3

Jag hade kört på alternativ 2.

zcorpanMedlem sedan dec. 20042 245 inlägg

1 juni 2007 23:38#4

Du kommer förmodligen komma #1 i sökresultat om man söker på företagsnamnet/sajtnamnet i fråga. Om du inte gör det har du förmodligen större problem.

Du behöver också fråga dig vad som är bättre för användaren. Om man skriver ut sidan, ska logotypen komma med eller inte?

IR-tekniken i alternativ 1 är dessutom inte den bästa -- om man inaktiverar bilder får man varken bilden eller texten.

TroxyMedlem sedan mars 20041 505 inlägg

1 juni 2007 23:52#5

/r Tänkte helt fel.
Ska nog inte ge mig på CSS-kodande såhär sent på natten. :bla

ejickMedlem sedan mars 2001895 inlägg

2 juni 2007 15:51#6

Ah okej, ja set är ju rätt det där med bilder om man nu inte väljer att visa dem, men å andra sidan visas ju ingen bild i andra alternativet heller, titel i ex 1 och alt i ex 2 är det som syns.

Dock är tanken att bilden ska synas när man skriver ut en god anledning i mitt fall eftersom det kan komma att bli aktuellt med utskrifter.

Men å andra sidan är sidnamnet ett väl förekommande ord som ger ett ganska stort antal träffar redan som det är, och på något sätt känns det som om man borde använda h1 för att markera just ordet. Jag vet som sagt inte, men alternativ två är väl det som jag funderat på mest.

zcorpanMedlem sedan dec. 20042 245 inlägg

2 juni 2007 17:39#7

Du kan mycket väl använda H1 för alt 2 också.

colioneMedlem sedan juni 20014 421 inlägg

2 juni 2007 23:43#8

Nu var mitt svar på frågan vilket som var bäst i SEO-synpunkt då det var vad som efterfrågades. :) Hade frågan varit användarvänlighet hade mitt svar sett annorlunda ut.

dAEkMedlem sedan feb. 20041 816 inlägg

4 juni 2007 07:57#9

Alternativ #2 brukar jag köra på. Att ha samma huvudrubrik (h1) på alla sidor känns inte rätt någonstans. h1 tycker jag borde representera vad den aktuella sidan innehåller, så ja.. alternativ 2 röstar jag på.

Sen tycker inte jag att det är rätt att koda SEO > semantik...

icaaqMedlem sedan okt. 20005 273 inlägg

4 juni 2007 08:06#10

colione skrev:

Nu var mitt svar på frågan vilket som var bäst i SEO-synpunkt då det var vad som efterfrågades. :) Hade frågan varit användarvänlighet hade mitt svar sett annorlunda ut.

Har du någon källa som styrker detta?

xox-seMedlem sedan maj 200732 inlägg

4 juni 2007 08:25#11

h1 taggen ska ju vara runt sidans rubrik, inte runt en bild.

icaaqMedlem sedan okt. 20005 273 inlägg

4 juni 2007 08:46#12

Det är inget fel att sätta en bild i ett h1-element. Man kanske vill använda ett företags logotyp med ett speciellt typsnitt.

mv icaaq

ejickMedlem sedan mars 2001895 inlägg

4 juni 2007 13:56#13

Så, alternativ två, på detta sätt:

<div id="header"><h1><a href="#" title="logotyp"><img src="logotyp.png" width="200" height="50" alt="Logotyp" /></a></h1></div>

Borde vara det som anses bäst?