O projektu
Objev Svět je projekt, který tvoříme společně s partnerkou. Jedná se o blog o cestování, tipech, zkušenostech a místech, která stojí za to navštívit. Chtěli jsme ho ale pojmout jinak: nejen jako osobní zápisník, ale i jako otevřenou platformu, kde může přispívat komunita a která zvládne vydělávat díky reklamám.
Od začátku bylo jasné, že blog musí být rychlý, škálovatelný a připravený růst. Zároveň ale musí fungovat dobře i tam, kde není perfektní Wi-Fi.
Zadání
Postavit web od úplného začátku, který bude:
- přehledný a dobře organizovaný i při stovkách článků,
- rychlý na načítání i při slabším připojení,
- připravený na monetizaci pomocí AdSense,
- snadno spravovatelný i bez znalosti kódu,
- otevřený i pro příspěvky od čtenářů.
Moje řešení
Web jsem postavil na WordPressu s vlastním šablonou přes Timber. Frontend je řešený pomocí Tailwind CSS a Alpine.js, díky čemuž je plně optimalizovaný a dobře se s ním pracuje.
Pro správu obsahu jsem nasadil ACF Pro a vytvořil vlastní Gutenberg bloky, které zjednodušují editaci i rozšiřování stránek bez zásahu do šablony.
Výkon jsem ladil do detailu: lazy loading, minifikace, WebP obrázky, CDN přes Cloudflare a WP Rocket pro kešování. Cílem bylo, aby se web načetl rychle i na mobilních datech třeba někde v horách.
Mapy řeším přes OpenStreetMap API a reklamní jednotky AdSense jsou nastavené tak, aby neovlivnily rychlost webu a zároveň umožňovaly A/B testování pro optimalizaci výnosů.
Výzvy a jak jsem je řešil
Nešlo jen o pěkný blog. Chtěli jsme web, který bude:
- dostatečně flexibilní pro budoucí růst (komunita, vlastní mapy, interaktivní prvky),
- rychlý při každé návštěvě, ať už z Chorvatska nebo Egypta,
- přehledný, i když počet článků přesáhne několik stovek.
Optimalizace probíhala na všech úrovních, tj. od struktury databáze přes ladění načítání až po SEO a reklamní pozice. Hodně jsem ladil i UX navigaci, fulltext a rozcestníky, aby se návštěvník neztratil.
Výsledek
Web běží spolehlivě, je rychlý i na pomalejším připojení a přivádí tisíce lidí měsíčně. Monetizace přes AdSense funguje bez negativního dopadu na uživatelský zážitek a platforma má prostor dál růst o komunitní funkce, newsletter nebo interaktivní obsah.
Z hlediska správy je web maximálně pohodlný. Články lze psát, upravovat i plánovat bez potřeby vývojáře. A díky promyšlené architektuře a výběru technologií máme do budoucna otevřené dveře.
Technologie a detaily řešení
Základem webu je WordPress upravený pro vysoký výkon a jednoduchou správu obsahu. Šablona je postavená bez builderů a přebytečných pluginů, díky čemuž se stránky načítají rychle a systém zůstává stabilní i při vyšší návštěvnosti.
Pro strukturu a čistý kód byla zvolena kombinace Timberu a Twigu. Díky oddělení logiky od šablon má web přehlednou architekturu, snadno se rozšiřuje a jeho správa je dlouhodobě udržitelná.
Frontend běží na Tailwindu, který umožňuje přesné ladění designu a maximální optimalizaci stylů. Každá část webu využívá jen nutné styly, což výrazně zlepšuje rychlost načítání a celkový výkon.
Interaktivní prvky webu jsou postavené na Alpine.js – lehkém JavaScriptovém frameworku bez zbytečné zátěže. Díky němu fungují animace i dynamické chování okamžitě, bez vlivu na rychlost načítání.
Administrace webu je postavená na ACF, které umožňuje přehlednou správu článků, destinací a galerií. Redakce může upravovat obsah samostatně, zatímco struktura webu zůstává pevná a konzistentní.
Pro práci s obsahem byly vytvořeny vlastní Gutenberg bloky podle potřeb projektu. Díky nim lze skládat články a cestovatelské průvodce flexibilně, s přesnou kontrolou nad vzhledem i strukturou.
Součástí webu je interaktivní mapa článků postavená na OpenStreetMap API. Umožňuje zobrazovat destinace a trasy s plnou kontrolou nad daty a bez závislosti na komerčních mapových službách.
Web běží za CDN Cloudflare, která zrychluje načítání po celém světě, filtruje útoky a zajišťuje vysokou dostupnost. Kombinace cache, CDN a WAF poskytuje stabilní výkon i při špičkové návštěvnosti.
Na web byla nasazena vlastní cookie lišta v souladu s legislativou. Respektuje úroveň souhlasu uživatele a zajišťuje korektní měření návštěvnosti a konverzí.
Web je optimalizovaný pro monetizaci prostřednictvím Google AdSense. Reklamní skripty se načítají asynchronně a s ohledem na výkon, takže nebrzdí uživatelský zážitek ani měření návštěvnosti.