Her på WikiSEO finder du alle de områder, som der kan arbejdes med inden for søgemaskineoptimering / SEO. Alle områder har en tilhørende forklaring og eksempel på brugen af dem. Herunder i teksterne henviser vi til følgende søgemaskiner: Google, Bing, Yahoo og Duckduckgo.
Denne side om “WikiSEO” bliver løbende udbygget…
Indholdsfortegnelse
Hvad er en overskrift?
Alle sider og indlæg på din hjemmeside skal som minimum have én overskrift. Oftest er titlen på siden eller indlægget lig med en overskrift – det er i hvert fald tilfældet på langt de fleste hjemmesider. Og bestemt på de hjemmesider, som ønsker at stå stærkt i forhold til Google og de andre søgemaskiner.
■ ■ ■
Hvad er en overskrift 1?
Overskrift 1 (header 1), der er den vigtigste overskrift på alle typer af sider, skrives som forbogstavet af header, nemlig “h”. Og da det her drejer sig som overskrift nummer 1, så bliver det til “h1”. Rundt om h1 er der i begyndelsen et mindre end-tegn “<” og til slut et større end-tegn “>”. Sådan ser begyndelsen af overskrift 1 ud – kodemæssigt:
<h1>Slutningen af overskrift 1 – igen kodemæssigt – ligner begyndelsen rigtig meget, dog er der indsat en skråstreg i mellem mindre end-tegnet og h’et. Og det ser således ud:
</h1>Hele html koden for overskrift 1 ser således:
<h1>...</h1>De tre … (prik prik prik) udgør pladsen, hvor selve overskriften skrives.
Vi kunne således skrive:
<h1>WikiSEO</h1>for denne her side som du er på netop nu.
Når søgemaskinerne besøger siden
Når søgemaskinerne besøger en side, så begynder de at lede efter overskrift 1. Det vil sige, at søgemaskinerne leder i koderne efter
<h1>og læser derefter teksten lige indtil
</h1>rammes og så ved søgemaskinerne hvad overskrift 1 går ud på.
Det giver minus på SEO-kontoen hos Google og de andre søgemaskiner, såfremt at en side mangler overskrift 1.
Eksempel på overskrift 1 fra fronten
Eksempel på overskrift 1 fra koderne
Denne her overskrift 1, som vises herover, er udbygget med noget ekstra indhold i form af en “class” og en “itemprop”. Begge dele kaldes for en attribute og de bruges til – i dette tilfælde – at håndtere overskrift 1 med. Den første attribute, som er class=”entry-title”, fortæller browseren hvordan overskriften skal se ud i forhold til skrifttype, størrelse, liniehøjde o.l. Den anden attribute, som er itemprop=”headline”, informerer bl.a. søgemaskinerne om at det drejer sig om en “headline”, altså en overskrift – og at overskriften skal håndteres på en bestemt måde i forhold til forståelsen af data / indhold på siden.
■ ■ ■
Hvad er en overskrift 2?
Overskrift 2 (header 2), der er den næstvigtigste overskrift på siden, skrives som forbogstavet af header, nemlig “h”. Og da det her drejer sig som overskrift nummer 2, så bliver det til “h2”. Rundt om h2 er der i begyndelsen et mindre end-tegn “<” og til slut et større end-tegn “>”. Sådan ser begyndelsen af overskrift 2 ud – kodemæssigt:
<h2>Slutningen af overskrift 2 – igen kodemæssigt – ligner begyndelsen rigtig meget, dog er der indsat en skråstreg i mellem mindre end-tegnet og h’et. Og det ser således ud:
</h2>Hele html koden for overskrift 2 ser således:
<h2>...</h2>De tre … (prik prik prik) udgør pladsen, hvor selve overskriften skrives.
Vi kunne således skrive:
<h2>Indholdsfortegnelse</h2>for denne her side som du er på netop nu.
Når søgemaskinerne besøger siden
Når søgemaskinerne besøger en side og de har fundet eller ledt efter overskrift 1, så begynder de at lede efter overskrift 2. Det vil sige, at søgemaskinerne leder i koderne efter
<h2>og læser derefter teksten lige indtil
</h2>rammes og så ved søgemaskinerne hvad den første eller eneste overskrift 2 går ud på.
Det er nemlig muligt at have flere overskrift 2’ere på samme side.
Det giver plusser på SEO-kontoen hos Google og de andre søgemaskiner, såfremt at en side er godt struktureret med én overskrift 1 og en eller flere overskrift 2’ere. Her på siden bruger vi kun én overskrift 2 – og den har vi navngivet “Indholdsfortegnelse”.
Eksempel på overskrift 2 fra fronten
Eksempel på overskrift 2 fra koderne
■ ■ ■
Hvad er en overskrift 3?
Overskrift 2 (header 2), der er den næstvigtigste overskrift på siden, skrives som forbogstavet af header, nemlig “h”. Og da det her drejer sig som overskrift nummer 2, så bliver det til “h2”. Rundt om h2 er der i begyndelsen et mindre end-tegn “<” og til slut et større end-tegn “>”. Sådan ser begyndelsen af overskrift 2 ud – kodemæssigt:
<h2>Slutningen af overskrift 2 – igen kodemæssigt – ligner begyndelsen rigtig meget, dog er der indsat en skråstreg i mellem mindre end-tegnet og h’et. Og det ser således ud:
</h2>Hele html koden for overskrift 2 ser således:
<h2>...</h2>De tre … (prik prik prik) udgør pladsen, hvor selve overskriften skrives.
Vi kunne således skrive:
<h2>Indholdsfortegnelse</h2>for denne her side som du er på netop nu.
Når søgemaskinerne besøger siden
Når søgemaskinerne besøger en side og de har fundet eller ledt efter overskrift 1, så begynder de at lede efter overskrift 2. Det vil sige, at søgemaskinerne leder i koderne efter
<h2>og læser derefter teksten lige indtil
</h2>rammes og så ved søgemaskinerne hvad den første eller eneste overskrift 2 går ud på.
Det er nemlig muligt at have flere overskrift 2’ere på samme side.
Det giver plusser på SEO-kontoen hos Google og de andre søgemaskiner, såfremt at en side er godt struktureret med én overskrift 1 og en eller flere overskrift 2’ere. Her på siden bruger vi kun én overskrift 2 – og den har vi navngivet “Indholdsfortegnelse”.
Eksempel på overskrift 2 fra fronten
Eksempel på overskrift 2 fra koderne
■ ■ ■