SEO pre weby vytvorené s AI: čo naozaj záleží

Web vytvorený s AI sa môže umiestniť rovnako dobre ako ktorýkoľvek iný: vyhľadávače hodnotia, čo stránka obsahuje a ako dobre slúži návštevníkovi, nie to, ktorý nástroj napísal kód. Háčik je technický. Mnohé nástroje na tvorbu s AI vytvárajú jednostránkové aplikácie, ktoré prehliadaču pošlú takmer prázdny HTML súbor a obsah vykreslia pomocou JavaScriptu, čo každú stránku sťažuje prehľadávačom čítanie a zdieľanie. Opravte to prerenderingom alebo renderovaním na serveri, dajte každej stránke vlastný titulok, popis a URL, pridajte mapu stránok, udržujte rýchlosť a potom urobte časť, ktorú za vás žiaden nástroj neurobí — napíšte obsah, ktorý ľudia hľadajú.

Prečo jednostránkové aplikácie môžu vo vyhľadávaní zaostávať

Tradičný web posiela celý text každej stránky vo svojom HTML. Jednostránková aplikácia (SPA) — štandardný výstup mnohých nástrojov na tvorbu s AI, zvyčajne React s nástrojom ako Vite — pošle malú HTML kostru, niečo ako prázdny <div id="root">, plus balík JavaScriptu. Prehliadač spustí JavaScript, ktorý potom stránku zostaví.

To je pre vyhľadávanie dôležité troma spôsobmi:

1. Renderovanie je ďalší krok. Google popisuje tri fázy pre stránky s JavaScriptom: prehľadať HTML, vykresliť ho v bezhlavom prehliadači Chromium a potom indexovať výsledok. Google vo vlastnom návode uvádza, že renderovanie na serveri alebo prerendering je stále dobrý nápad, pretože je rýchlejší pre používateľov aj prehľadávače a pretože nie všetky boty dokážu spúšťať JavaScript.
2. Ďalší čitatelia vašej stránky vôbec nerenderujú. Náhľady odkazov v chatoch a sociálnych sieťach a mnohé ďalšie prehľadávače zvyčajne čítajú iba úvodné HTML. Ak sa váš titulok a obrázok náhľadu nastavia JavaScriptom až po načítaní, náhľady zobrazia predvolené hodnoty prázdnej kostry — často rovnaký titulok na každej stránke.
3. Všetky stránky zdieľajú jeden HTML súbor. Pokiaľ aplikácia nezmení jeho obsah, každá adresa URL má rovnaký <title> a popis, čo vyhľadávačom o jednotlivých stránkach veľa nepovie.

Nič z toho neznamená, že SPA sa nedá indexovať. Znamená to, že sa spoliehate na to, že prehľadávač urobí viac práce, a strácate kontrolu nad tým, čo vidia čitatelia, ktorí nerenderujú.

Vyberte si prístup k renderovaniu

Sú štyri bežné spôsoby, ako prehľadávačom dodať skutočné HTML. Zoradené zhruba podľa toho, koľko zmenia vašu aplikáciu:

Praktické pravidlo: verejná, vyhľadávateľná časť vášho webu má byť statická alebo prerenderovaná; aplikácia za ňou môže zostať bežnou SPA. Vyhľadávače aj tak nemajú indexovať dashboardy.

Ak začínate od nuly a SEO je pre vás dôležité, povedzte to už v prvom zadaní, aby AI vybrala vhodné nastavenie:

Vytvor marketingový web pre fyzioterapeutickú kliniku so stránkami Domov, Služby (jedna stránka na každú službu), O nás, Cenník a Kontakt. SEO je dôležité: každá stránka musí v úvodnom HTML doručiť celý svoj obsah a vlastný titulok a meta popis — použi statické alebo prerenderované nastavenie, nie čisto klientsku jednostránkovú aplikáciu.

Ak už máte SPA vo Vite, požiadajte o prerendering verejných trás:

Ponechaj túto aplikáciu React tak, ako je, ale prerenderuj verejné trasy (/, /pricing, /about, /blog a každé /blog/:slug) do statického HTML pri zostavení, každú s vlastným titulkom, meta popisom, kanonickou URL a značkami Open Graph. Trasy /app po prihlásení môžu zostať renderované v klientovi.

Potom výsledok skontrolujte sami: otvorte stránku, zvoľte Zobraziť zdrojový kód stránky (nie panel Elements v nástrojoch pre vývojárov, ktorý zobrazuje už vykreslenú stránku) a overte, že text a titulok sú v surovom HTML.

Správne nastavte základy na stránke

Tieto pravidlá platia bez ohľadu na prístup k renderovaniu.

Tituly a meta popisy

• Jeden jedinečný <title> na stránku, s hlavnou témou stránky na začiatku. Okolo 50–60 znakov je bežné odporúčanie, pretože dlhšie tituly sa vo výsledkoch zvyknú orezať.
• Jeden jedinečný meta popis na stránku — veta, na ktorú by človek chcel kliknúť, nie zoznam kľúčových slov. Google ho môže prepísať, ale dobrý popis sa často použije.
• Vynechajte meta kľúčové slová. Google uvádza, že značka nemá vplyv na indexovanie ani hodnotenie.

URL, nadpisy a odkazy

• Skutočné adresy URL pre skutočné stránky. Každý kus obsahu potrebuje vlastnú cestu (/services/sports-massage), nie záložku alebo modálne okno, ktoré existuje až po kliknutí. Vyhnite sa smerovaniu cez fragment # pri obsahu, ktorý chcete indexovať.
• Jeden h1 na stránku, potom rozumná osnova h2/h3. Dizajny generované AI niekedy používajú nadpisy na štýlovanie; požiadajte o sémantické nadpisy.
• Prehľadávateľné odkazy. Na navigáciu používajte skutočné odkazy <a href>. Tlačidlá, ktoré menia stránku pomocou JavaScriptu, sú pre prehľadávače, ktoré sledujú odkazy, neviditeľné.
• Kanonické značky, ktoré smerujú každú stránku na jej preferovanú URL, aby sa varianty ?utm= a duplicity s koncovou lomkou nekonkurovali.
• Popisný alternatívny text pri významných obrázkoch.

Náhľady na sociálnych sieťach

Pridajte značky Open Graph (og:title, og:description, og:image, og:url) na každú verejnú stránku, v úvodnom HTML. Toto SPA najčastejšie robia zle, pretože boty pre náhľady odkazov nespúšťajú JavaScript.

Mapy stránok a robots.txt

Mapa stránok je XML súbor so zoznamom adries URL, ktoré chcete indexovať. Pomáha vyhľadávačom nájsť stránky, najmä na nových weboch s málo prichádzajúcimi odkazmi. Podľa dokumentácie Google k septembru 2026:

• Jedna mapa stránok môže obsahovať až 50 000 adries URL alebo 50 MB nekomprimovane; väčšie weby rozdeľte pomocou indexu máp stránok.
• Google ignoruje <priority> a <changefreq>.
• Google používa <lastmod> iba vtedy, ak je konzistentne presný, preto ho aktualizujte pri skutočných zmenách obsahu, nie pri každom zostavení.

Súbor robots.txt hovorí prehľadávačom, ktoré cesty nemajú prehľadávať. Použite ho na to, aby prehľadávače neprišli na /app, /admin a trasy API, a odkážte z neho na mapu stránok. Pamätajte, že robots.txt zastavuje prehľadávanie, nie indexovanie: ak chcete stránku vyradiť z výsledkov, použite meta značku robots noindex a nechajte ju prehľadať.

Keď je web na konečnej doméne, odošlite mapu stránok v Google Search Console. Search Console tiež ukazuje, ktoré stránky sú indexované a prečo niektoré nie — je to najužitočnejší bezplatný nástroj SEO, aký existuje.

Štruktúrované dáta

Štruktúrované dáta sú značkovanie čitateľné strojom, ktoré opisuje, čím stránka je: organizácia, miestny podnik, produkt, článok, udalosť. Google odporúča formát JSON-LD a jasne uvádza dve veci:

• Môžu stránky pripraviť na bohaté výsledky, ale nezaručujú ich.
• Musia opisovať informácie viditeľné na stránke. Neoznačujte recenzie, ceny ani FAQ, ktoré návštevníci nevidia.

Rozumné začiatky: Organization alebo LocalBusiness na domovskej stránke, Product na stránkach produktov, Article na blogových príspevkoch, BreadcrumbList na hlbších stránkach. Testujte pomocou Google Rich Results Test.

Pridaj štruktúrované dáta JSON-LD: LocalBusiness na domovskej stránke s adresou, telefónom a otváracími hodinami, ktoré už sú zobrazené na stránke, a Article na každom blogovom príspevku. Nepridávaj hodnotenia ani recenzie.

Rýchlosť a mobil

Google používa signály skúsenosti so stránkou vrátane Core Web Vitals a rýchlosť je dôležitá pre návštevníkov tak či tak. Google-ovské hranice „dobré“, merané na 75. percentile načítaní stránky, sú:

Bežné opravy pre weby vytvorené s AI:

• Obrázky — zmenšite, komprimujte, používajte moderné formáty, nastavte šírku a výšku (čo zabraňuje posunom rozloženia) a lenivo načítavajte pod záhybom.
• JavaScript — veľký balík spomaľuje všetko v SPA. Prerendering pomáha; pomáha aj rozdelenie kódu podľa trás.
• Písma — obmedzte rodiny a hrúbky a predbežne načítajte to, ktoré sa používa nad záhybom.
• Skripty tretích strán — každý chatovací widget a sledovací pixel stojí rýchlosť. Ponechajte len tie, ktoré používate.

Živú URL otestujte pomocou PageSpeed Insights alebo Lighthouse v mobilnom režime.

Väčšinu tvorí obsah

Technické SEO odstraňuje prekážky; dopyt nevytvára. Stránky sa umiestňujú, pretože odpovedajú na hľadanie lepšie než alternatívy. Pre väčšinu malých webov to znamená:

• Jedna stránka na tému, ktorú ľudia hľadajú. Inštalatér potrebuje stránku na každú službu a na každú obsluhovanú oblasť, nie jednu stránku „Služby“, ktorá všetko vypíše.
• Konkrétne, originálne detaily — ceny, postup, fotky reálnej práce, odpovede na otázky, ktoré zákazníci kladú telefonicky.
• Aktualizované pri zmenách. Zastaralé hodiny a staré ceny rýchlo stratia dôveru.

AI dokáže rýchlo naplniť stránky, čo láka na publikovanie veľa tenkých, podobných stránok. Pokyny Google cielia na obsah vytvorený hlavne na umiestnenie vo výsledkoch a nie na pomoc ľuďom, bez ohľadu na to, ako bol vytvorený. Použite AI na návrh a potom pridajte to, čo viete len vy. Najviac to postihuje weby typu adresára; pozrite si ako postaviť webový adresár, ako urobiť stránky so zoznamami hodnotné na indexovanie.

Kontrolný zoznam pre spustenie

• Verejné stránky dodávajú celý obsah v úvodnom HTML (skontrolujte Zobraziť zdrojový kód stránky)
• Jedinečný titulok, meta popis a kanonická URL na každej stránke
• Značky Open Graph a obrázok na zdieľanie na každej verejnej stránke
• Jeden h1 na stránku, skutočné odkazy <a href>, alternatívny text pri obrázkoch
• sitemap.xml so skutočnými URL; robots.txt blokujúci cesty aplikácie a API
• Štruktúrované dáta iba pre viditeľný obsah, otestované
• LCP, INP a CLS v pásme „dobré“ na mobile
• Web na konečnej doméne s HTTPS a odoslaný do Search Console

Presun na vlastnú doménu predtým, než začnete budovať návštevnosť z vyhľadávania, predíde neskorším presmerovaniam — pozrite si ako pripojiť vlastnú doménu. Pre širší proces tvorby čítajte ako postaviť web s AI a pre stránky, ktoré majú premieňať návštevníkov, ako postaviť vstupnú stránku, ktorá konvertuje.

SEO na Mythex

Mythex nemá samostatný panel SEO; SEO zlepšujete tak, že aplikáciu menite cez chat alebo kód. Nové webové aplikácie štandardne používajú jednostránkovú aplikáciu Vite a React, takže ak na vyhľadávaní záleží, od začiatku požiadajte o statický alebo prerenderovaný web, prípadne o Next.js. V dokumentácii je štartovacie zadanie pre tituly, značky Open Graph, mapu stránok a robots.txt v časti SEO pre vašu aplikáciu a statické weby pokrývajú weby zamerané na obsah. Po zmenách publikujte znova, aby ich živý web prevzal. Vlastné domény sú dostupné v Pro.

Otázky