Technical SEO vs on-page SEO: ključne razlike

Definicije: čime se svaka disciplina bavi

Technical SEO i on-page SEO ciljaju isti ishod — vidljivost u pretraživanju — ali djeluju u različitim fazama procesa tražilice. Upotrijebite preciznu terminologiju pri dijagnosticiranju problema: crawling se odnosi na otkrivanje i dohvat, indexing se odnosi na ono što tražilice pohranjuju, a ranking se tiče poretka rezultata u SERP-u.

Technical SEO usredotočen je na infrastrukturu web-mjesta i servera koja omogućuje tražilicama otkrivanje, renderiranje, razumijevanje i indeksiranje stranica. Primjeri: pravila za robots, canonicalization, server responses, sitemaps, structured data i faktori koji utječu na page experience i renderiranje.

On-page SEO usredotočen je na sadržaj i HTML signale koji komuniciraju temu i namjeru stranice korisnicima i tražilicama: naslovi, podnaslovi, tekst tijela, internal linking, meta descriptions, semantičko označavanje i usklađenost sadržaja s namjerom pretraživanja.

Kako ta dva djeluju kroz otkrivanje, indeksiranje i rangiranje

Problemi se često javljaju na sučelju između tehničkog i on-page rada. Dobro optimizirana stranica koja se nikad ne indeksira zbog ograničenja pri crawlaju ili pogrešnih canonical signala neće se pojavljivati u rezultatima; obrnuto, indeksabilna stranica koja ne odgovara namjeri pretraživanja može loše rangirati unatoč savršenoj tehničkoj postavci.

Crawlability

Tehničke kontrole (robots.txt, meta robots HTTP headers, server responses) određuju mogu li crawleri dohvatiti URL. Koristite server logove i zahtjeve user-agenta specificirane za crawlere da provjerite ponašanje. Zapamtite: Google koristi mobilnu verziju kao primarnu osnovu za crawling and indexing. Since July 2024, Google crawls sites for Search with Googlebot Smartphone by default.

Indexation

Odluke o indeksaciji oslanjaju se i na tehničke signale (canonical tags, noindex directives, sitemaps) i na on-page signale (jedinstvenost sadržaja, relevantnost). Stranica blokirana s noindex ili canonicalizirana na drugi URL obično će biti isključena bez obzira na kvalitetu sadržaja.

Ranking

Ranking ovisi o više signala. Tehnički faktori koji utječu na renderiranje i korisničko iskustvo (Core Web Vitals) i on-page signali relevantnosti oboje utječu na poziciju. Izbjegavajte deterministički jezik: tehnička rješenja omogućuju da se stranice uzmu u obzir; relevantnost i autoritet određuju njihovu poziciju u rezultatima.

Mehanika: konkretna područja za koja ste odgovorni i zašto su važna

Mehanika tehničkog SEO-a

Ključna tehnička područja koja biste trebali upravljati ili provjeriti:

• Robots.txt i HTTP headers: kontrolirajte crawlera pristup i razumite server responses.
• Canonical tags i redirect rules: konsolidirajte duplicirani sadržaj i spriječite zabunu u indeksu.
• Sitemaps i crawl budgets: istaknite prioritetne stranice i pomozite otkrivanju.
• Rendering i JS: osigurajte da je kritični sadržaj server-rendered ili pouzdano hydrated; provjerite što tražilice vide nakon renderiranja.
• Schema i structured data: pružite eksplicitne signale za bogatu prezentaciju i prihvatljivost za značajke.

Mehanika on-page SEO-a

Praktične on-page odgovornosti uključuju:

• Title tags i headingi koji odražavaju namjeru korisnika i prirodno uključuju ciljne termine.
• Struktura sadržaja, dubina i E-E-A-T signali: koristite provjerene izvore gdje je primjereno i jasno navedite autora/brand.
• Internal linking koji raspodjeljuje autoritet i pomaže korisnicima pronaći srodni sadržaj.
• Meta descriptions i on-page isječci koji povećavaju CTR iz SERP-ova.

Kontrolna lista za provjeru: alati i točne provjere

Razdvojite provjere koje možete pokrenuti izvana (third-party checks) i one za stranice koje posjedujete. Upotrijebite pravi alat za svaku provjeru.

Provjere za stranice koje posjedujete

1. Koristite Google Search Console URL Inspection za provjeru crawl, index i statusa posljednjeg fetch-a. Ovo je autoritativno za Vašu imovinu.
2. Pokrenite Rich Results Test i Schema Markup Validator za validaciju structured data.
3. Mjerite Core Web Vitals u field data (Page Experience) i u labu pomoću Chrome DevTools Performance panela.

Provjere koje možete pokrenuti izvana na bilo kojem sajtu (korisno za third-party publishers ili audite)

1. Preuzmite i pregledajte HTML pomoću curl-a. Primjer za dohvat samo zaglavlja dok se predstavljate kao Googlebot: curl -I -A "Googlebot/2.1 (+http://www.google.com/bot.html)" https://example.com/page
2. Za dohvat renderiranog HTML-a (ne samo zaglavlja), izostavite -I i pregledajte body: curl -A "Googlebot/2.1 (+http://www.google.com/bot.html)" https://example.com/page
3. Otvorite stranicu u Chromeu, koristite DevTools → Elements za pregled renderiranog DOM-a i DevTools → Network za provjeru odgovora resursa i redoslijeda učitavanja.
4. Koristite analizu server-logova da potvrdite koji su user-agent-i posjetili i koje HTTP odgovore su primili.
5. Koristite operator site: štedljivo kao javni signal da Google možda zna za stranicu; nije konačan dokaz za indeksaciju.

Uobičajene pogreške i kako ih dijagnosticirati

Pogrešno konfigurirani canonical tagovi

Simptom: stranica se ne pojavljuje u rezultatima iako je crawlable. Dijagnosticirajte usporedbom canonical tagova, HTTP headers i unosa u sitemap. Koristite izravan curl fetch stranice i pregledajte vrijednost <link rel="canonical"> u HTML-u.

Sadržaj nije vidljiv crawlerima zbog client-side renderiranja

Simptom: crawleri dohvaćaju HTML, ali sadržaj se pojavi tek nakon JavaScript se izvrši u pregledniku. Dijagnosticirajte s curl-om (server HTML) i Chrome DevTools (renderirani DOM). Ako kritični sadržaj zahtijeva JS, razmislite o server-side renderiranju ili hibridnom renderiranju.

Prevelika optimizacija ili neusklađena namjera

Simptom: stranica se rangira, ali ima nisku angažiranost ili loše konverzije. Pregledajte on-page signale: odgovara li title i H1 zadatku korisnika? Je li dubina sadržaja usklađena s vrstom upita? Koristite mapiranje query intent-a prije opsežnih prepravki.

Praktično preklapanje: predaje zadataka, prioriteti i workflow

Timovi često dijele odgovornosti: developeri i platform inženjeri rješavaju Technical SEO; content i SEO strategisti rješavaju on-page. Za učinkovit rad definirajte jasne acceptance criteria koje uključuju tehničke i sadržajne checkpoint-e.

Pragmatičan red prioriteta za lansiranje stranice ili audit:

• Osigurajte da je stranica dostupna i vraća odgovor u 200-rasponu za namjeravani canonical URL.
• Potvrdite canonicalizaciju i uključivanje u sitemap kako bi indeksacija bila moguća.
• Potvrdite on-page relevantnost: usklađenost title/H1, strukturu sadržaja i internal links.
• Mjerite Page Experience i riješite performanse s velikim utjecajem prije masovnog objavljivanja.

Ako želite detaljniji vodič kroz gore navedene tehničke provjere, pročitajte Technical SEO Guide

Atributi linkova i urednički kontekst (ukratko)

Linkovi na stranici su i on-page signali i tehnički elementi kada utječu na crawling. Koristite ispravne rel atribute ovisno o kontekstu. Primjer sintakse:

Standardni link bez posebne rel vrijednosti: primjer

Za plaćene ili sponzorirane pozicije koristite primjer; za sadržaj koji generiraju korisnici koristite primjer. Ne postoji rel="dofollow" atribut — normalan link je jednostavno link bez rel="nofollow", rel="sponsored" ili rel="ugc".

FAQ