Prerendering pro React weby: aby vás Google viděl

Moderní weby postavené na Reactu jsou rychlé a interaktivní. Mají ale jednu záludnost: obsah se skládá až v prohlížeči (říká se tomu client-side rendering, CSR). Vyhledávač nebo sociální síť si přitom může stáhnout jen prázdnou kostru stránky – a web, který lidem funguje krásně, je pak ve výsledcích hledání skoro neviditelný. Proto jsme si postavili vlastní prerendering systém.

TL;DR: Provozujeme vlastní prerendering pro React a jiné CSR weby: robotům servírujeme hotové HTML se vším obsahem, návštěvníkům dál běží plná aplikace. Google vidí celý web, náhledy na sítích fungují a vy nemusíte web přepisovat.

Jak prerendering funguje

1. Náš systém si stránky vašeho webu předem vykreslí ve skutečném prohlížeči – přesně tak, jak je vidí návštěvník.
2. Když přijde robot (Google, Seznam, Facebook, LinkedIn…), dostane toto hotové HTML s kompletním obsahem.
3. Běžný návštěvník dostane normální React aplikaci. Na webu se nemění nic.

Co tím získáte

• Viditelnost ve vyhledávačích. Roboti vidí texty, nadpisy i meta údaje, takže se web může umisťovat na to, co na něm opravdu je.
• Funkční náhledy při sdílení. Odkaz na sítích ukáže správný titulek i obrázek, žádné prázdné okno.
• Žádné přepisování webu. Alternativou by byl přechod na server-side rendering, tedy zásah do celé aplikace. Prerendering nasadíme bez změny kódu webu.
• Provoz u nás ve správě. Systém běží na naší infrastruktuře, hlídáme ho a průběžně obnovujeme vykreslené stránky, aby roboti viděli aktuální obsah.

Máte React web, který není vidět?

Pošlete nám adresu webu, prověříme, co z něj vyhledávače reálně vidí, a navrhneme řešení.

Chci prověřit svůj web