Når du ser på din hjemmeside, ser du overskrifter, tekst, billeder og knapper. Google ser noget andet: koden bag. Semantisk HTML betyder, at koden fortæller, hvad hver del af siden er. Det lyder som en detalje, men det har betydning for, om du bliver fundet, og om alle kan bruge din side.

Hvad betyder semantisk?

HTML er det sprog, hjemmesider er skrevet i. Det har bestemte elementer til bestemte formål: et element til den vigtigste overskrift, et til navigation, et til en artikel, et til en knap og så videre.

Semantisk HTML betyder, at hvert element bruges til det, det er beregnet til. En overskrift er en rigtig overskrift og ikke bare tekst med stor skrift. En knap er en rigtig knap og ikke bare en kasse, man kan klikke på.

Hvorfor det betyder noget for Google

Google bruger koden til at forstå, hvad din side handler om, og hvad der er vigtigst. Når strukturen er tydelig, er det lettere for Google at forstå, at din side handler om fx elektrikerarbejde i Kolding, og at vise den til dem, der søger efter det.

Hvorfor det betyder noget for dine besøgende

Mange mennesker bruger skærmlæsere eller navigerer med tastaturet. En skærmlæser bruger koden til at læse siden op og til at hoppe mellem overskrifter og menupunkter. Er koden forkert, er siden svær eller umulig at bruge.

Det gælder ikke kun mennesker med handicap. Ældre kunder, folk der bruger telefonen med én hånd, og folk med en dårlig internetforbindelse har også gavn af en side, der er bygget rigtigt.

Hvad går typisk galt?

  • Overskrifter, der kun er stor tekst, så Google ikke ser dem som overskrifter.
  • Knapper og links, der ikke kan bruges med tastaturet.
  • Billeder uden beskrivende tekst.
  • Pagebuildere, der pakker alt ind i lag på lag af kode uden betydning.

Sådan gør jeg

Jeg skriver koden, så hvert element bruges til det, det er beregnet til. Overskrifter står i rigtig rækkefølge, menuer er rigtige menuer, og knapper kan bruges med tastaturet. Det koster ikke ekstra. Det er bare den rigtige måde at gøre det på.

Vil du vide, hvordan din egen side ser ud bag facaden? Mit gratis tjek inkluderer en test af tilgængelighed med Google Lighthouse.