Weby a SEO

Proč jsme přešli z React SPA na Astro SSG

Firemní web nemusí být aplikace. U vlastního webu Jirků Solutions jsme proto přešli z React SPA na Astro SSG, aby byl obsah rychlejší, čitelnější a lépe dostupný pro lidi, vyhledávače i AI nástroje.

Firemní web nestačí jen „mít“

Firemní web může na první pohled vypadat hotově. Má úvodní stránku, služby, kontakt, logo, barvy a nějakou animaci. Jenže z pohledu vyhledávačů, AI nástrojů a dlouhodobé udržitelnosti může být takový web pořád slabý.

Přesně proto jsme u vlastního webu Jirků Solutions udělali zásadní změnu: původní React SPA jsme nahradili statickým webem v Astro.

Ne proto, že by React byl špatný. React je skvělý nástroj pro aplikace. Ale firemní prezentační web není nutně aplikace.

A když web potřebuje hlavně rychlost, čitelnost, dohledatelnost a jednoduchou údržbu, dává statický výstup často větší smysl.

Problém React SPA u běžného firemního webu

SPA znamená Single Page Application. Zjednodušeně: prohlížeč načte jednu základní HTML stránku a zbytek obsahu se doplní pomocí JavaScriptu.

U webové aplikace to může být správně. U firemního webu, který má prodávat služby, vysvětlovat nabídku a být dobře dohledatelný, to ale může být zbytečná komplikace.

Typický problém je jednoduchý: když se podíváte do zdrojového kódu stránky, často v něm není skutečný obsah stránky. Je tam hlavně root element, skripty a metadata. Viditelný obsah se vytvoří až později v prohlížeči.

Pro člověka na běžném počítači to může vypadat v pořádku. Ale pro vyhledávače, náhledové nástroje, roboty, validátory a některé AI systémy je mnohem lepší, když je důležitý obsah přímo ve výsledném HTML.

Co jsme chtěli změnit

U webu Jirků Solutions jsme chtěli, aby hlavní obsah nebyl schovaný za JavaScriptem.

Cíl byl jasný:

  • každá stránka má mít vlastní skutečné HTML
  • každá služba má mít vlastní URL
  • každá stránka má mít správný title, description a canonical
  • důležité informace mají být čitelné i ve view-source
  • web má být rychlý, jednoduchý a bezpečný
  • obsah má dávat smysl lidem, vyhledávačům i AI nástrojům

Tohle není kosmetická úprava. Je to rozdíl mezi webem, který jen nějak vypadá, a webem, který je technicky připravený na dlouhodobé fungování.

Proč Astro

Astro je pro podobný typ webu velmi dobrá volba. Umožňuje stavět moderní komponentový web, ale výsledkem může být čistý statický HTML výstup.

To znamená, že návštěvník, vyhledávač i nástroj pro sdílení odkazu dostanou hotový obsah hned.

Pro firemní web je to silná kombinace:

  • rychlé načítání
  • méně JavaScriptu
  • dobrá struktura stránek
  • jednodušší SEO
  • nižší bezpečnostní riziko než u běžného CMS
  • snadné nasazení přes Cloudflare Pages
  • verzování celého webu přes Git

Astro zároveň neznamená návrat do minulosti. Pořád můžeme používat komponenty, data, šablony, TypeScript i moderní CSS. Jen zbytečně neposíláme uživateli aplikaci tam, kde stačí rychlá a přesná stránka.

Co jsme na webu změnili

Přechod nebyl jen technologická výměna frameworku.

Přestavěli jsme web tak, aby lépe odpovídal tomu, co má firemní web dělat:

  • domovská stránka jasně vysvětluje, komu pomáháme
  • služby mají vlastní přehled
  • hlavní služby mají samostatné landing pages
  • kontakt je jednoduchý a srozumitelný
  • právní stránky jsou dostupné v patičce
  • realizace ukazují konkrétní práci bez vymyšlených čísel
  • strukturovaná data pomáhají vyhledávačům pochopit firmu a služby

Důležité bylo také držet web věcný a ověřitelný. Nechtěli jsme ho stavět na prázdných frázích, umělých číslech ani garancích, které u poctivé práce nejdou slíbit předem.

Raději ukazujeme konkrétní služby, realizace a způsob uvažování.

Proč statické HTML pomáhá SEO i AI

SEO už dávno není jen o tom, kolikrát je na stránce zopakované klíčové slovo.

Dobrý web musí mít jasnou strukturu, srozumitelné nadpisy, dobré interní odkazy, rychlé načítání, přehledné služby a obsah, který odpovídá na reálné otázky zákazníků.

Statické HTML tomu pomáhá, protože obsah je dostupný okamžitě.

To je důležité nejen pro Google. V českém prostředí má smysl myslet i na Seznam, Bing, DuckDuckGo s důrazem na soukromí, náhledové roboty sociálních sítí a také na AI nástroje, které pracují s obsahem webu.

Když je obsah schovaný, nepřehledný nebo závislý na pozdějším vykreslení, zbytečně zhoršujeme šanci, že mu stroje správně porozumí.

Kdy React pořád dává smysl

Tím nechceme říct, že React je špatně.

React dává smysl u aplikací, administračních rozhraní, dashboardů, interaktivních nástrojů, klientských portálů nebo složitějších systémů.

Ale pro běžný firemní web, který má hlavně vysvětlovat služby, budovat důvěru a přivádět poptávky, může být plná SPA zbytečně těžké řešení.

Správná otázka nezní: „Jaký framework je modernější?“

Správná otázka zní: „Co má web dělat a jaká technologie tomu nejlépe pomůže?“

Co z toho plyne pro malé firmy

Malá firma nepotřebuje web, který jen dobře vypadá na prezentaci. Potřebuje web, který jde najít, pochopit, sdílet a udržovat.

U firemního webu se vyplatí hlídat hlavně:

  • jestli má každá důležitá služba vlastní stránku
  • jestli je obsah čitelný ve zdrojovém HTML
  • jestli má web správné titulky a popisy
  • jestli jsou kontaktní údaje jasné
  • jestli web neobsahuje prázdné sliby
  • jestli jde snadno rozšiřovat o články, služby a realizace

Technologie má sloužit byznysu, ne naopak.

Jak k tomu přistupujeme v Jirků Solutions

U webů se nedíváme jen na vzhled. Řešíme strukturu, rychlost, obsah, SEO, právní minimum, technické nasazení a dlouhodobou údržbu.

Někdy dává smysl Astro. Jindy WordPress. Jindy vlastní aplikace. A někdy stačí opravit několik základních věcí na existujícím webu.

Důležité je nezačínat módním nástrojem, ale účelem.

Web má být pro firmu aktivum. Ne dekorace.

Chcete zjistit, jestli váš web stojí na dobrém základu?

Podíváme se na strukturu, technický stav, obsah, rychlost, metadata a to, jestli web dává smysl lidem i vyhledávačům.

Stačí popsat, co web má dělat a kde dnes nejvíc narážíte.

Související odkazy

Další krok

Chcete zkontrolovat technický základ webu?

Pošlete nám adresu webu a stručně popište, co má web dělat. Navrhneme první praktický krok.

Poptat konzultaci