Profistav v Astru

Shrnutí pro zájemce o web

Stavební firma z Příbrami potřebovala nový web. Rychlá cesta byla koupit hotovou šablonu a dosadit logo. Jenže šablona není web. Hotové šablony mají chyby, cizí obsah a skryté nedodělky, které by si zákazníci firmy všimli dřív než majitel.

Vzal jsem proto obecnou šablonu a prošel ji stránku po stránce. Opravil jsem, co nefungovalo, přepsal texty do češtiny podle skutečné nabídky firmy a doplnil chybějící právní stránku s reálnými údaji. Výsledek je web, který vypadá jako firma, kterou skutečně je, ne jako anglická ukázka s přeloženými nadpisy.

Šablona není hotový web

Výchozím bodem byla obecná Astro šablona pro malé firmy, částečně počeštěná. Na první pohled fungovala, ale při pročítání se ukázalo, že není hotová.

Co jsem v ní našel

Prohozené soubory služeb. Dva soubory měly prohozená jména, takže adresa neodpovídala obsahu. Návštěvník, který klikl na jednu službu, dostal text o jiné.
Neexistující stránka. Patička odkazovala na /privacy, která neexistovala. Dopsal jsem ji se skutečnými údaji firmy.
Zbytky zahraničního obsahu. Instalatéři, elektrikáři, reference z Denveru a tým s anglickými jmény. Nic z toho s příbramskou stavební firmou nemá společného.

Texty jsem přepsal na české a odpovídající firmě, která staví domy a dělá zemní práce.

Identita na jednom místě

Barvy a písma jsou v brand.ts, kontaktní údaje firmy v client.ts. Změna firmy nebo telefonu se tak dělá na jediném místě. Paletu tvoří výrazná stavební červená a teplé zlato, nadpisy mají Manrope a text Inter.

Technický rozbor

Stack: Astro, Tailwind CSS ve verzi 4 a content collections pro obsah služeb.

Proč dva konfigurační soubory. Oddělení značky (brand.ts) od údajů klienta (client.ts) je malé rozhodnutí s velkým dopadem. Šablonu pak lze znovu použít pro dalšího klienta, aniž by se do komponent sahalo ručně, a omylem zapomenutý starý telefon nebo barva se v kódu prakticky nemůže schovat.

Content collections. Služby jsou strukturovaný obsah, ne ručně psané stránky. Prohozené názvy souborů ukazují, proč je dobré obsah procházet jako data: chyba se projeví, jakmile se porovná adresa s obsahem.

SEO základy. Správné adresy, reálné údaje a čeština jsou základ, na kterém teprve smysl dávají další optimalizace.

Čísla

2 chyby šablony nalezené a opravené
1 soubor (brand.ts) pro barvy a písma
1 soubor (client.ts) pro kontaktní údaje firmy