Čo je dynamické načítanie obsahu?

← Slovník SEO pojmov

Dynamické načítanie obsahu je dotiahnutie časti stránky z servera po jej zobrazení, bez obnovenia celej stránky. Používa sa pri filtrovaní produktov, nekonečnom rolovaní, vyhľadávaní alebo načítaní komentárov a robí sa pomocou JavaScriptu.

Ako dynamické načítanie funguje?

Skript v prehliadači pošle požiadavku na server, napríklad cez rozhranie Fetch API, dostane dáta a vloží ich do stránky. Technika je známa ako AJAX. Stránka sa nemusí celá načítať znova, takže zmena pôsobí rýchlejšie. Súvisí s ňou aj lazy loading, ktorý načíta obrázky až vtedy, keď sa priblížia k zobrazenej časti.

Aké sú riziká pre SEO?

Google síce vie spúšťať JavaScript, no robí to ako druhý krok a obsah musí byť po vykreslení v kóde stránky (JavaScript rendering). Obsah, ktorý sa načíta až po kliknutí alebo po rolovaní, môže zostať skrytý, pretože vyhľadávací robot nekliká na tlačidlá ani neroluje ako človek. Odkazy musia byť klasické odkazy s adresou, nie len tlačidlá, a obsah z nekonečného rolovania má mať aj stránkované adresy (stránkovanie).

Ako to urobiť správne?

  1. Dôležitý obsah dať do HTML. Text, nadpisy a odkazy dôležité pre vyhľadávanie majú byť dostupné bez akcie návštevníka, prípadne pripravené na serveri (server-side rendering).
  2. Doplnkový obsah načítať dynamicky. Dynamicky sa dopĺňa to, čo nie je nevyhnutné pre pochopenie stránky.
  3. Zachovať adresy. Pri filtroch alebo stránkovaní používať reálne adresy, ktoré sa dajú otvoriť samostatne.
  4. Otestovať. Overiť v Google Search Console, či Google vidí rovnaký obsah ako návštevník.

Čo si zapamätať o pojme dynamické načítanie obsahu?

Dynamické načítanie obsahu dopĺňa stránku bez jej obnovenia a zrýchľuje ovládanie. Pre SEO platí, že dôležitý obsah a odkazy nesmú závisieť od akcie návštevníka a stránky majú mať reálne adresy. Kontrolu vášho webu vieme pripraviť, kontaktujte nás.

Ako to rieši webstrankanamieru.sk: Pojem dynamické načítanie obsahu patrí do technickej časti optimalizácie. Postup nájdete v sekcii SEO na mieru, zistenia z praxe v novinkách a ceny v cenníku. Ak chcete skontrolovať svoj web, napíšte nám.

Súvisiace pojmy: JavaScript, JavaScript rendering, Lazy loading, Server-side rendering, Paginácia, Indexovateľnosť, Googlebot

Často kladené otázky o pojme dynamické načítanie obsahu

Čo je dynamické načítanie obsahu?

Je to dotiahnutie časti stránky z servera po jej zobrazení, bez obnovenia celej stránky.

Čo je AJAX?

Je to technika, pri ktorej JavaScript v prehliadači komunikuje so serverom na pozadí a mení časť stránky.

Vidí Google obsah načítaný pomocou JavaScriptu?

Často áno, ak je dostupný po vykreslení stránky. Obsah dostupný len po kliknutí alebo rolovaní môže zostať skrytý.

Je nekonečné rolovanie problém pre SEO?

Môže byť, ak obsah nemá samostatné stránkované adresy s odkazmi. Vyhľadávač potom neprejde na všetky položky.

Čo je lepšie, dynamické načítanie alebo klasická stránka?

Dôležitý obsah má byť v HTML, dynamicky sa hodí na doplnky, ako filtre alebo komentáre.

Zdroje

  1. Google Search Central: JavaScript SEO basicsZáklady JavaScript SEO podľa Google.
  2. MDN Web Docs: Fetch APIRozhranie Fetch API na dopytovanie servera.
  3. Google Search Central: Pagination, incremental page loading, and their impact on Google SearchStránkovanie a postupné načítanie obsahu v Google Search.

Všetky pojmy v slovníku