Uskift af H1 overskrift til firma logo?

Gitte Bergmann Søgaard Olsen:

Med lidt html og css-tricks kan du faktisk få begge dele. Det fungerer ved at du "gemmer" din H1, så den kun ses af søgemaskinen, mens dit logo ses af dine besøgende :-) meeen det kræver lidt kode...

Ala:

HTML kode

<h1 title=""><a href="linket til din forside her" title="Titel på din forside her"></a></h1> 

CSS-kode

#header { width: 100%;height: 115px; float: left; border-bottom: 1px solid #e1e1e1; position: relative; }
#header h1 { float: left; margin: 25px 0; position: relative; z-index: 0; }
#header h1 a { display: block; width: 350px; height: 115px; margin: 0; background: url('images/logo.png') no-repeat; }

Jesper, jeg forstår ikke helt, hvad du mener. Trådstarter ville gerne have et logo på sin side men stadig tilgodese søgemaskinerne.

Gitte Bergmann Søgaard Olsen:

Jesper, jeg forstår ikke helt, hvad du mener. Trådstarter ville gerne have et logo på sin side men stadig tilgodese søgemaskinerne

Ja, men jeg tror at han mener tilgodese i forhold til hans ranking.
Det du linker til, er en metode til at fortælle Google hvad firmaloget er, så de kan vise det i visse sammenhænge, men det er ikke en ranking-faktor.
Det betyder ikke at linket ikke er fint, bare at det ikke skal forstås som en løsning på hans specifikke dilemma mellem et H1 tag med en tekst og et billede.

Gav det lidt mere mening?  

Tak for kode! Det er lige præcis hvad jeg har brug for. 

Nu er problemet så bare at jeg sagtens kan få mit logo frem, men den ligger under min H1. Hvordan var det lige jeg skjulte min H1 overskrift uden at skjule den for søgemaskinerne?
Så vidt jeg fik forstået var hvidskrift på hvid baggrund et no go 

mark661:

Tak for kode! Det er lige præcis hvad jeg har brug for. 

Nu er problemet så bare at jeg sagtens kan få mit logo frem, men den ligger under min H1. Hvordan var det lige jeg skjulte min H1 overskrift uden at skjule den for søgemaskinerne?
Så vidt jeg fik forstået var hvidskrift på hvid baggrund et no go 

Nu er der blevet skrevet meget frem og tilbage. Mark, alle metoder til at gemme ting (hvid tekst på hvid baggrund, display:none; positionering udenfor skærmen) indebærer en risiko for at falde i unåde hos Google. Jeg tror ikke at du kommer i problemer, fordi du har et logobillede og et gemt  logonavn mærket op som H1, MEN JEG KAN IKKE GARANTERE DET! Jeg har aldrig hørt om nogen, der er blevet bandlyst pga. dette. Nogen bruger samme teknik til at gemme søgeord, og så bliver man ikke gode venner med Google.

Hvis du insisterer på en både og løsning kan du gøre sådan:

html

<h1>

<img src="logo.png" alt="logonavn"/>

<span>Logonavn</span>

</h1>

CSS

h1 span{

position: absolute;

top: -9999px;

left: -9999px;}

Det KORREKTE ville være at IKKE at bruge h1 til dit logonavn og nøjes med at indsætte billede istedet, men sørge for at have en beskrivende alt-tekst (som også giver point hos google) f.eks

<img src="logo.png" alt="Oles auto logo"/>

Generelt er der rigtig mange parametre, der bestemmer hvordan, din side bliver indekseret på google, så jeg ville ikke hænge mig så meget i om dit logo er mærket op med h1 ej bare du husker alt-tekst til billedet.