Ključni HTML Tagovi za SEO (primjeri)

Tabla sadržaja

53 / 100

U kontekstu SEO optimizacije za 2024. godinu, ispravno korištenje HTML tagova ključno je za poboljšanje vidljivosti i rangiranja vaše web stranice. Evo proširenog i detaljnijeg pregleda ključnih HTML tagova koji su potvrđeni kao efektivni za SEO, uz konkretne primjere kako ih primijeniti:

1. Title Tag (`<title>`)

Title tag je jedan od najvažnijih elemenata za SEO. Preporučuje se da tag počinje ključnom riječju za bolje performanse u pretraživačima. Primjer:

html


            <title>Ključna riječ, Opis stranice</title>

2. Meta Description (`<meta name="description" content="...">`)

Iako ne utječe direktno na rangiranje, meta opis može značajno povećati broj klikova iz rezultata pretraživanja zahvaljujući privlačnom opisu sadržaja.

html

        <meta name="description" content="Detaljan opis web stranice koji privlači klikove.">
    

3. Heading Tagovi (H1, H2, H3…)

Heading tagovi strukturiraju sadržaj i pomažu u boljem razumijevanju sadržaja od strane pretraživača. Važno je koristiti ključne riječi unutar ovih tagova.

html

        
        <h1>Naslov Stranice sa Ključnom Riječju</h1> 

        <h2>Podnaslov važne teme</h2>

4. Alt Tagovi za Slike (`<img src="url" alt="opis">`)

Alt tagovi su važni za SEO slike jer omogućavaju pretraživačima da “čitaju” i “razumiju” slike.

html

<img src="image.jpg" alt="Detaljan opis slike">

5. Canonical Tagovi (`<link rel="canonical" href="url">`)

Canonical tagovi pomažu u izbjegavanju problema s dupliciranim sadržajem, usmjeravajući pretraživače na preferiranu verziju URL-a.

html

<link rel="canonical" href="https://www.vasasajt.com/preferirani-url">

6. Schema Markup

Schema markup pomaže pretraživačima da bolje razumiju i prikažu vaš sadržaj u rezultatima pretraživanja , često kroz bogate isječke (rich snippet-e ), a nalazi se između <head> tagova.

json

        
 <head>   

<script type="application/ld+json"> 

 {
  "@context": "https://schema.org", 

  "@type": "Article", 

  "name": "Naslov Članka", 

  "author": { 

      "@type": "Person", 

      "name": "Ime Autora" 

  }, 

  "datePublished": "datum objave" 

}</script> 

</head>