// Vodič

SEO za 3D sajtove — kako se rangirati sa Three.js

3D sajt ne kvari SEO ako je tekst u HTML-u, ne u WebGL canvasu — Google indeksira sadržaj normalno.

Najveći mit oko 3D sajtova je da kvare SEO. Stvarnost: 3D sloj ne utiče na indeksiranje ako tekstualni sadržaj ostaje u HTML-u (paragraphs, headings, links), a 3D scena renderuje samo vizuelni sloj iznad. Google bot ne renderuje WebGL, ali to mu ne treba — čita HTML-tekst. Lighthouse SEO score na klijentskim 3D projektima ostaje 90-100; mobile performance 85+. Ono što treba paziti: structured data (schema.org) za sve relevantne entitete, meta tagovi za svaki page, sitemap.xml, brz first contentful paint (3D scena se učitava lazy posle prvog texta). Loš 3D sajt sa SEO problemima nije problem 3D-a — to je problem implementacije.

Konkretan odgovor

Najkraći mogući odgovor na SEO za 3D sajtove — kako se rangirati sa Three.js: za većinu projekata u 2026, ide se sa proverenim alatima i izbegava se eksperimentalan stack. Detalji zavise od opsega projekta, vremenskog horizonta i veličine tima. U narednim sekcijama ulazim u svaki od ovih faktora.

Šta utiče na izbor

Tri stvari koje određuju pravac: (1) lifespan projekta — sajt za 6-mesečnu kampanju ide drugačije od sajta koji treba da traje 5 godina, (2) tim koji održava — solo developer bira drugo nego agencija sa 10 ljudi, (3) device profil publike — premium publika ima moderne uređaje, mass market ima starije telefone.

Praktične preporuke

U produkcijskom radu sa seo, evo šta najčešće radim: stable Three.js (ne najnoviji rilis), glTF 2.0 + Draco za asete, KTX2 za teksture, IntersectionObserver da pauzira render kada scena nije vidljiva, prefers-reduced-motion respektovan svuda. To je 80% best-practice setup-a.

Najčešće greške

Tri greške koje viđam najviše: (1) test samo na flagship telefonu — uvek probati na 3-godina-starom Androidu sa 4GB RAM, (2) puni-rezolucija teksture na mobilnom — uvek imati KTX2 fallback, (3) scena renderuje i kad nije na ekranu — IntersectionObserver pauzira render loop. Svaki problem ima jasno rešenje, samo je važno prepoznati simptom.

Često postavljana pitanja

Mogu li sam da naučim ovo?

Možete, ali to je 6-12 meseci posvećenog rada do produkcijskog kvaliteta. Za projekat sa rokom i budžetom, brže je angažovati nekoga ko već zna. Vodič je orientacioni — pomaže vam da razumete šta je važno, a šta da preskočite.

Šta posle ovog vodiča?

Tri preporučena resursa: zvaničan Three.js fundamentals (besplatno), Bruno Simon Three.js Journey (plaćen, kompletan), React Three Fiber dokumentacija ako idete na React. Plus čitanje izvornog koda na GitHub-u — search "three-js portfolio" trending.

Koliko traje izrada?

Standardni rok: 4-6 nedelja od potpisa ugovora do live sajta. Veći opseg (konfigurator, multi-scene scrollytelling) ide na 8-12 nedelja. Hitne projekte (2-3 nedelje) primam uz povećanje cene od 30-40%.

Koliko košta?

Hero 3D nadogradnja: 800-1.200 EUR. Kompletan multi-scene 3D sajt: 2.500-4.000 EUR. Konfigurator sa custom shaderima: 4.000-10.000 EUR. Sve fiksne cene, izvorni kod uključen. Plaćanje preko firme sa PDV-om.

Šta sa korisnicima na slabim telefonima?

Sajt detektuje device tier pre prve scene i servira lakšu verziju na slabom hardveru (manje čestica, jednostavniji shaderi). Uređaji bez WebGL-a dobiju statičan fallback koji čuva vizuelni jezik i konverzioni put.

Spremni za 3D iskustvo na vašem sajtu?

Recite mi šta vam treba — fiksna cena, fiksan rok, bez iznenađenja.

Pošalji upit +381 61 224 8989