On-Page SEO optimizacija: Pravilna hierarhija naslovov (H1-H6) in ključne meta značke

On-Page SEO predstavlja vse ukrepe, ki jih izvedemo neposredno na svoji spletni strani, da bi iskalnikom (kot je Google) sporočili, o čem govori naša vsebina. Pravilno strukturirana stran ne le pomaga iskalnim pajkom pri razumevanju vaše vsebine, ampak bralcem omogoča lahkotno in pregledno branje.

V tem članku si bomo podrobno pogledali dve temeljni stebri On-Page SEO optimizacije: pravilno uporabo hierarhije naslovov ter nastavitev ključnih meta značk v glavi HTML dokumenta.

1. Pravilna hierarhija naslovov (od <h1> do <h6>)

HTML ponuja šest ravni naslovov, od <h1> do <h6>. Njihova uporaba ne služi le oblikovanju velikosti pisave (za to se uporablja CSS), temveč določa semantični pomen in strukturo dokumenta.

Pravila za pravilno uporabo:

• <h1> – Glavni naslov strani: Na posamezni podstrani mora biti stricto samo en H1 naslov. Ta naslov pove iskalniku, kaj je glavna tema celotne strani ali članka.
• <h2> – Glavna poglavja: Uporabljajo se za razdelitev članka na večja vsebinska poglavja.
• <h3> – Podpoglavja: Razdelijo posamezno poglavje (H2) na manjše, bolj podrobne teme.
• <h4> do <h6> – Dodatne pod-sekcije: Uporabljajo se redkeje, predvsem pri zelo dolgih, tehničnih ali strukturnih dokumentih.

Primer pravilne strukture:

<h1>Vodnik za spletno programiranje</h1>
  <h2>1. Osnove HTML-ja</h2>
    <h3>1.1. Kaj so HTML elementi</h3>
    <h3>1.2. Kako delujejo povezave</h3>
  <h2>2. Osnove CSS-ja</h2>
    <h3>2.1. Oblikovanje besedila</h3>

2. Ključne meta značke v <head> sekciji

Meta značke se nahajajo znotraj elementa <head> in brskalnikom ter iskalnikom zagotavljajo podatke o vaši spletni strani (metapodatke).

A) Naslovna značka (<title>)
Značka <title> je najpomembnejši posamezni SEO element na strani. Prikazuje se v zavihku brskalnika ter kot glavni modri naslov v rezultatih Googlovega iskanja.

<title>On-Page SEO Optimizacija: Naslovi in Meta Značke | Vadnica.org</title>

B) Meta opis (Meta Description)
Kratek povzetek vsebine, ki se prikaže pod naslovom v rezultatih iskanja. Dobro napisan opis poveča stopnjo klikov (CTR).

<meta name="description" content="Naučite se pravilno uporabiti H1-H6 naslove ter nastaviti ključne meta značke za boljšo uvrstitev vaše spletne strani na Googlu.">

C) Meta Viewport (Odzivnost na mobilnih napravah)
Obvezna značka za pravilno prilagajanje strani na pametnih telefonih in tablicah.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

D) Meta Robots (Navodila iskalnim pajkom)
Določa, ali naj iskalniki stran indeksirajo in sledijo povezavam na njej.

<meta name="robots" content="index, follow">

3. Open Graph meta značke (Za družbena omrežja)

Če želite, da se ob deljenju vaše povezave na Facebooku, LinkedInu ali X-u prikažejo lepa slika, naslov in opis, morate dodati t.i. Open Graph (og) značke:

<meta property="og:title" content="On-Page SEO Optimizacija: Vodnik">
<meta property="og:description" content="Naučite se pravilne strukture naslovov in meta značk.">
<meta property="og:image" content="https://vadnica.org/img/blog/seo-slika.avif">
<meta property="og:url" content="https://vadnica.org/blog/seo-vodnik">

Povzetek

S pravilno strukturo naslovov in urejenimi meta značkami ste postavili trdne temelje za visoke uvrstitve na Iskalniku Google!