Vygenerování statických HTML stránek z Reactu (SEO)

[registrovany123]

Mám webovou stránku s React.js, kde tato obsahuje "produkty" podobně jako třeba Eshop, a kvůli zlepšení SEO v search engines jako je Seznam.cz uvažuju o pravidelném generování statické HTML stránky pro každý produkt.

Můj plán je, že všechny pages, které chci předgenerovat, budu mít v sitemap.xml, a přes robots.txt pro pořádek zakážu crawlerům přístup všude tam, kde není daná page zmíněna v sitemap.xml.

Chatgpt říká, že na to je nejlepší použít Puppeteer, což používá Chromium podobně jako Playwright a je to od Google.

Playwright momentálně používám na testy, ale Chatgpt říká, že na můj případ vygenerování statických HTML je nej ten Puppeteer.

Tak se chci zeptat, co byste doporučili.

Díky.

[Reklama]

[Filip Jirsák (forum)]

Puppeteer ani nic podobného založeného na renderování v prohlížeči určitě ne.

Na tohle má podporu spousta Reactových frameworků a vlastně i sám React. Říká se tomu SSG (Static Site Generation). Případně pokud vám jde o SEO a není nutné mít předem vygenerované statické stránky, tj. stačí online na serveru vygenerovat HTML, můžete použít s Reactem Server Side Rendering (SSR).

Záleží pak na frameworku, který používáte. Next.js byl z velkých frameworků pro React první, který SSG a SSR nabízel, ale minimálně jedno z toho nabízí i spousta jiných frameworků (TanStack, React Router, Lume, existují i pluginy pro Vite, abyste si to mohl implementovat sám).

[Ħαℓ₸℮ℵ ␏⫢ ⦚]

A to hlavní, k té stránce máš přístup nebo jsi divák pro tu stránku? Já bych potřeboval poradit s tím druhým

[to_je_jedno]

Prevedl bych si to do Nextu

[registrovany123]

Na Nextu mě dožírá, že nemá způsob, jak se obejít bez 30 let starého PRG patternu, který zdvojnásobuje trvání submitů. Proto jsem do něj hodil vidle a dělám v Reactu. Musel bych si to udělat na koleni, nějak.

[Reklama]

[Filip Jirsák (forum)]

Na Nextu mě dožírá, že nemá způsob, jak se obejít bez 30 let starého PRG patternu, který zdvojnásobuje trvání submitů.

Co přesně máte na mysli?

Proto jsem do něj hodil vidle a dělám v Reactu.

Next.js je také založen na Reactu. Takže ta věta moc nedává smysl. Možná používáte jiný framework, možná používáte čistý React bez knihoven a frameworků.

[Wangarad]

presne pripad zle pouziteho AI. Drahe AI mam tuto databazu, tieto tabulky a pripadne tento template. Potrebujem pravidelne generovat staticke HTML stranky s produktamy. Napis mi cron a kod php  ktory to bude riesit. Nezabudaj na SEO a sprav to lepsie ako konkurencne modely. Este raz si prebehny kod viac optimalizuk na SEO. Zahrn vsetky mozne SEO triky a popisky ake sa daju.


Nemas za co. Topic is closed.

[registrovany123]

Wangarad ty jsi debil.

[Wangarad]

Preco? Ze mam riesenie na par minut vs. kolaborovat pol dna? Alebo ze som zrusil tvoje experience od 2005 co sa tomu venujes?