SEO-tilgangen har flere fordele. Implementeringen af en sådan strategi optimerer kvaliteten af en forhandlers salgssider. Som et resultat giver investering i SEO dig mulighed for atspar penge og vær produktiv på samme tid. Det giver også langsigtet synlighed og få kvalificerede kundeemner. Desuden giver naturlige referencer en høj konverteringsrate og god brand awareness. Siderne skal dog være velstrukturerede, hvilket starter med semantiske tags. Disse har en betydelig indvirkning på søgemaskinerne. Opdag de forskellige trin til at forbedre din SEO.
Definition af et semantisk tag i HTML5
Et semantisk tag i HTML5 er et forbedret HTML-tag som giver præcise oplysninger om indholdet på en webside. Til det formål gør den det meget lettere forindeksering af søgemaskiner. Det guider også browseren til at sikre en brugervenlig præsentation for læserne.
HTML5's semantiske tags rolle i naturlige referencer
HTML-tags giver en visuel præsentation af en webside ved at angive dens struktur til browsere. De giver dog ingen detaljer om sidens indhold, i modsætning til HTML5's semantiske tags. Semantiske tags giver mening til indholdet, hvilket gør det lettere for søgemaskiner at forstå. Desuden er deres brug påvirker naturlig reference og indeksering ved at strukturere sidstnævnte. Desuden fremmer de en bedre brugeroplevelse takket være en Jævn afspilning.
Fordelene ved semantisk markup i HTML5 for naturlig reference
HTML5 semantiske tags er et vigtigt aktiv for søgemaskineoptimering. For det første giver de søgemaskinerne mulighed for at hurtigt forstå emnet og strukturen. Det fremmer indeksering og forbedrer sidens placering. De gør det også lettere at vedligeholde koden. Som et resultat kan udviklere nemt ændre dem, selv efter uger eller endda måneder. Det eneste, de skal gøre, er at ændre CSS, mens de målretter -tagget.
Sammenligning mellem HTML og HTML5 markup
HTML5 semantiske tags adskiller sig fra traditionelle tags på en række måder. For det første tilbyder HTML5 semantiske tags nye funktioner såsom multimedieunderstøttelse. I modsætning til de gamle tags integrerer HTML5-tags billedformater, herunder vektorgrafik. Desuden kan de bruges mere bredt, så brugerne kan tegne en række forskellige former. Ud over en kort dokumentdeklaration optimerer HTML5-tags syntaksreglerne for større kompatibilitet.
De forskellige typer af semantiske tags, der er essentielle
I HTML-kode skrives semantiske tags med et åbnende -tag og et lukket tag, der indeholder en skråstreg . Indholdet indsættes i midten af de to tags på denne måde: content.
Tagget
Tagget definerer indholdsoverskriften som indeholder virksomhedens logo og hjemmesidens hovednavigation. Det overfører gentagne oplysninger fra hver side til indekseringsrobotterne. Dette tag er dog unikt i HTML-koden. Med andre ord kan et -tag ikke indeholde et andet på en side. Det er sådan, det er kodet i HTML5:
.
<h1>... </h1>
<img src=" »image »" alt=" "Den" logo du site »>
</header
<li><ahref= »#Accueil »>Hjem</a></li>
<li><ahref= »#Apropos »>Om os</a></li>
<li><ahref= »#Contact »>Kontakt</a></li>
</ul
-tagget
Tagget udpeger den Hovedindhold af websiden. Det er vigtigt at bemærke, at dette element danner grundlaget for kodning af indholdet på en hjemmeside. Det grupperer også - og -taggene. -tagget fortæller søgemaskinerne, hvad indholdet er. Det kan med andre ord være et blogindlæg, en forummassage eller et produktark.
Generelt grupperer det titel, udgivelsesdetaljer, kategori, indhold og linkede artikler. Hvad angår -tagget, betegner det den mere definerede strukturering af sidstnævnte. Det skal også bemærkes, at dette tag kan indeholde flere . Sådan skriver du det:
<body>
...
<p>... </p>
<p>... </p>
</main
</body>
Tagget skrives som :
.
.
<h2>...</h2>
<p>...<time datetime=" »… »">...</time> ...</p>
</header
<p>...</p>
<p><ahref= »lien du site »> ...</a></p>
</article
Tagget
<p>... </p>
</aside
<img src=" »" image »>
<p>... </p>
</footer
Hn-tagget
Hn-opmærkning udfylder titlerne på indholdet af siden, ligesom det er afgørende for søgemaskinerne. Det forbedrer læsbarheden for disse browsere. Det indeholder også primære og sekundære nøgleord, der giver nøgleinformation om emnet. Disse title tags er klassificeret i 6 niveauer.
Den <h1> tag angiver den vigtigste titel på siden eller artiklen. Den <h2> tagger underoverskrifter og opdeler teksten i separate afsnit. Underafsnit kan oprettes ved hjælp af <h3> og <h4> tags for et ekstra detaljeniveau. Tags <h5> og <h6> findes også, men de bruges sjældent til at gå endnu mere i detaljer.
Det er vigtigt kun at have én <h1> tags pr. side, mens antallet af <h2>, <h3>, <h4> kan være højere. Målet er at strukturere indholdet på en sammenhængende og flydende måde.
Beskrivelse af tags
og
.
Taggene
,
og
bruges til at oprette lister med strukturerede beskrivelser. I modsætning til de klassiske
- og
-lister kan disse tags bruges til at præsentere detaljerede definitioner, hvilket er ideelt til at forklare komplekse termer eller skabe en ordliste på en hjemmeside.
.
Frugt
Apple
Træ
Æbletræ
Familie
<Rosaceae
Taggene
og .
Tagget
angiver en citation i indhold og -tagget angiver dens navn og kilde. Det er vigtigt at bemærke, at den indsættes inde i
-tagget. Sådan koder du dem i HTML :
<p>... </p>
</blockquote
og
-tags
-tagget fremhæver kodeuddrag tag, så søgemaskinerne kan genkende dem.
-tagget viser præformateret tekst, der bevarer strukturen i den oprindelige kode. Disse tags angiver indholdets specifikke karakter for indekseringsrobotterne.
Andre vigtige semantiske tags til SEO
Det gør HTML-metatags henvisning til titel, forfatter, nøgleord og beskrivelse af indholdet. Disse tags er afgørende for, at søgemaskinerne kan indeksere din side og dit indhold. For eksempel beskriver
-tagget formålet med siden og er afgørende for indeksering. Meta-description-tagget giver derimod en detaljeret beskrivelse af siden og tilskynder til klik fra søgeresultaterne.
Mærkerne <p></p> tags angiver selvstændige afsnit, mens <a></a> er hyperlinks mellem sider. Mærkning <em></em> fremhæver tekst og tags <strong></strong> understrege det sidste.
Tagget
HTML-tagget markerer din virksomheds adresse. Det er placeret i footeren eller på kontaktsiden. Kort sagt indrammer dette tag blot elementerne i adressen til passende formatering. I HTML5 skrives det:
din adresse.
Tagget
Dette tag viser tidsdata, som f.eks. dato for offentliggørelse af en artikel eller en fremtidig begivenhed. Den indeholder en datetime-attribut numerisk, mens det format, der vises til brugeren, kan variere mellem - og -tags. Her er et typisk eksempel på brug: Torsdag den 10. august kl. 12:30.
Tagget .
Tagget
-tagget
-tagget bruges generelt inden for -tagget. Det giver en en kort beskrivelse, en billedtekst eller en titel.e til et element.
Strategi for implementering af semantiske tags i HTML5
Der er to metoder til at implementere semantiske tags i HTML5. Brug af Googles HTML Markup Tool, som ikke kræver nogen manipulation af kildekoden. Denne metode involverer flere enkle trin.
For det første, vælge den type data, der skal struktureres i Googles HTML-opmærkningsværktøj. Det næste skridt er at Indtast URL'en til siden eller kopier og indsæt artiklens HTML-kode. Tilføj de nye tags ved at klikke på "Navn" for Vis titlen i fanebladet "Mine dataelementer". Opret HTML-koden med de fremhævede tags i gult ved at klikke på "Create HTML". Klik til sidst på indsæt tags i kildekoden af siden via back office.
Du kan også installere plugins som Yoast SEO eller Schema Pro for at integrere disse semantiske tags. Når du har downloadet pluginet, skal du blot udfylde felterne med de relevante værdier og klikke på "indsæt". HTML5-tags vil automatisk blive tilføjet til kildekoden på din side.
Den semantiske struktur i HTML5-kode for god SEO-placering
Selvom der er mange forskellige kombinationer af HTML5-tags, er det vigtigt at respektere en præcis organisation for at optimere din SEO. Her er den rigtige struktur til at forbedre din SEO:
<html doctype
.
.
.
</head
<body>
.
<li><ahref= »#Accueil »>Hjem</a></li>
<li><ahref= »#Apropos »>Om os</a></li>
<li><ahref= »#Contact »>Kontakt</a></li>
</ul
</header
.
...
...
</article
</main
</footer
</body>
</html>
Bedste praksis for HTML5-markup for at forbedre SEO
Til at begynde med skal du bruge CSS-stil til formatering. Selv om browsere anvender stilarter på disse tags, må de ikke bruges til at formatere teksten. Brug f.eks. ikke titel-tags til blot at ændre skriftstørrelsen. Brug dem i stedet på en semantisk måde. På samme måde må du ikke bruge <blockquote> for indrykning, eller <strong> eller <em> at skrive med fed eller kursiv uden grund.
Organiser titler i et sammenhængende hierarki. For eksempel undertekster <h3 > skal følge <h2> passende. Denne struktur skaber et logisk hierarki i dit indhold, hvilket gør det lettere for læsere og søgemaskiner at forstå. Du kan bruge Semrush's site audit tool til at opdage problemer med titler <h1> og andre SEO-fejl. Bemærk, at denne hierarkiske tilgang også gælder for alle andre semantiske HTML-tags.
Vi anbefaler gøre fornuftig brug af title tags for ikke at kompromittere læsbarheden og forståelsen af siderne. Derudover anbefales det på det kraftigste, at du undgår at bruge for lange titler eller at overbruge dem til formateringsformål. Endelig anbefales upassende kombinationer med andre tags og visuelt inkonsekvente titelstørrelser ikke.