CSS i direkt i html-dokumentet

[Gustav]

Kan hända att den här frågan har varit uppe förut, men kunde inte hitta något när jag gjorde en snabb sökning.

Tolkar Google <h1 id="rubrik">Nyckelord</h1> på samma vis som <h1>Nykelord</h1>? Eller finns det någon skillnad i hur Google värderar de båda varianterna?

Det bästa vore väl att lägga det hela i ett externt css-dokument, men i det här fallet finns det två olika utseenden av h1 rubrikerna.

[Magnus]

Jag har inte märkt någon skillnad. Lite svårmätt förstås.

[Nord]

Google läser externa CSS-filer också.

Var med om en kund som fick sin sajt bannad efter att kunden satt ett overflow: hidden i kombination med width: 0px; i en extern CSS.

[Gustav]

Jo, jag vet att google även läser externa css-dokument. Frågan var mer om Google värderar <h1 id="rubrik">Nyckelord</h1> likvärdigt med <h1>Nykelord</h1>.

[Nord]

Det vet jag inte (och förmodligen inte någon annan här heller).

[Fredrik Eriksson]

Vänd på frågan istället. Finns det någon anledning för Google att värdera dem på olika sätt?

[David Nilsson]

Finns det någon anledning till att använda <h1 id="rubrik"> alls?

[Christer Erenlöf]

Kan hända att den här frågan har varit uppe förut, men kunde inte hitta något när jag gjorde en snabb sökning.

Tolkar Google <h1 id="rubrik">Nyckelord</h1> på samma vis som <h1>Nykelord</h1>? Eller finns det någon skillnad i hur Google värderar de båda varianterna?

Det bästa vore väl att lägga det hela i ett externt css-dokument, men i det här fallet finns det två olika utseenden av h1 rubrikerna.

Du kan väl använda två olika externa css-dokument om inte h1-h7 räcker till.

// chriztr

[Johan W]

Om en vanlig HTML-parser kan skilja på taggar och attribut så tror jag sannerligen att Google har programmerare som kan fixa det också.

Att det skulle skilja vore osannolikt. Det finns ingen anledning. Men ingen förutom Google vet svaret som med allt inom SEO.

Men visst. <h1>Rubrik</h1> är att föredra då det både ger snyggare kod och är lättare att redigera i efterhand.

[Gustav]

Det vore orimligt att Google skulle göra någon skillnad. Däremot så väger h1-taggen så tungt att jag inte vill chansa. Två externa css-filer är så klart lösningen på problemet.

[Björn]

Intressantare isf att veta om G gör skillnad på inline css och extern css. Speciellt om det är mkt det rör sig om. Jag betvivlar det dock. Sannolikt läser dem in hela kaskaden hos cssen, oavsett hur stor eller krystad den är, och letar efter varningssignaler. Om det inte finns sådana så antar jag att den lämnar det därhän.

[Marcin]

Två externa css-filer är så klart lösningen på problemet.

Nej, det behövs inte 2 externa.

I CSS kan man ange

H1 {...}
DIV#undersida H1 {...}

Kombinera med:


<h1>Rubrik1</h1>
....
<div id="undersida"> ... <h1>Rubrik2</h1> ... </div>

Ovanstående Rubrik1 och Rubrik2 kan vara i samma dokument och ha 2 helt olika formateringar.

"DIV#undersida H1" betyder "H1 inne i en DIV med id:et undersida"


Det verkar väldigt vanligt att folk inte vet/använder detta. Istället gör de en massa
.rubrik1 {}
.rubrik2 {}
i CSS:en. Någon som är synd och onödigt, och potentiellt arbetssamt när något ska ändras.

[baggelin]

Det finns ju ingen som helst anledning att använda css i en header... fårgan verkar ju i sig helt meningslös eftersom innehållet i titlen kanske har mer vikt än själva taggen. eller hur... länka en header ger även den kanske högre vikt etc. etc

[Marcin]

fårgan verkar ju i sig helt meningslös eftersom innehållet i titlen kanske har mer vikt än själva taggen. eller hur...

Med det resonemanget skulle det innebära att den egenskap som har störst vikt i ett HTML-dokument överskuggar allt annat och därför kan man strunta i allt annat. Det stämmer ju inte alls.

Därför är frågan inte alls meningslös. Däremot så istämmer jag att andra egenskaper i ett HTML är av större vikt.

[Björn]

Du kan lika gärna strunta i DIV i ditt sample där. alltså bara #undersida h1.
Bättre så går det att använda idt till annat med, tex en ul, på någon annan sida.

Nej, det behövs inte 2 externa.

I CSS kan man ange

H1 {...}
DIV#undersida H1 {...}

Kombinera med:


<h1>Rubrik1</h1>
....
<div id="undersida"> ... <h1>Rubrik2</h1> ... </div>

Ovanstående Rubrik1 och Rubrik2 kan vara i samma dokument och ha 2 helt olika formateringar.

"DIV#undersida H1" betyder "H1 inne i en DIV med id:et undersida"


Det verkar väldigt vanligt att folk inte vet/använder detta. Istället gör de en massa
.rubrik1 {}
.rubrik2 {}
i CSS:en. Någon som är synd och onödigt, och potentiellt arbetssamt när något ska ändras.

[Marcin]

Du kan lika gärna strunta i DIV i ditt sample där. alltså bara #undersida h1.
Bättre så går det att använda idt till annat med, tex en ul, på någon annan sida.

Ja, så är det! =)