Dneska si ukážeme, jak jsme během dvou dní udělali web rychle a levně.
Dostal se nám pod ruku ukázkový web, který měl problémy s rychlostí načítání jak na PC, tak i na mobilu a zároveň měl velké mezery v nastavení SEO a bez rozumné indexace ve vyhledávačích.
Instalace WordPressu
Nejdřív jsme začali s instalací WordPressu, přes naší aplikaci WPCloud.cz kde jsme přes 1 kliknutí nainstalovali WordPress na doménu. 👆
![Instalace wordpressu na jedno klikutí](https://www.wp-hosting.cz/wp-content/uploads/2024/05/wphosting-blog-js1.png)
Aplikace za nás nainstalovala a připravila wordpress, kde jsme jen zvolili název webu a přihlašovací údaje.
Základní nastavení šablony a pluginů
Poté jsme již přešli k výběru šablony přímo přes wordpress, zde se nám zalíbila šablona Kadence.
Po vybrání šablony a její instalace, jsme doinstalovali potřebné doplňky (Kadence Blocks a Kadence AI Starter).
Jeden z hlavní pluginů, které jsme instalovali hned ze začátku byl plugin „Complianz“ pro souhlas a řešení na sušenky 🍪.
Dále jsme již od začátku řešili optimalizaci obrázků 🖼️ přes pluginy Imagify, Images to WebP, SVG Podpora, aby jsme to nemuseli dělat zpětně, což je poté zdlouhavé a špatně se to udržuje.
Na rychlost webu jako takovou, jsme zvolili pluginy WP Rocket, Redis Object Cache, zde jsme dokázali při nastavení udělat rychlé načítání webu.
Jako poslední plugin jsme řešili SEO a zde bylo navýběr z pluginů Rank Math SEO with AI Best SEO Tools a Yoast.
Nakonec to právě vyhrál Rank Math SEO, se kterým jsme zkušenost úplně neměli, ale postupovali jsme podle doumentace a přímo integrovaného SEO Testeru a dosáhli jsme velice příjemných výsledků.
![SEO analýza webu Parime.cz](https://www.wp-hosting.cz/wp-content/uploads/2024/05/wphosting-blog-js3.png)
Obsahová část webu
Další na řadě bylo již psaní stánek na webu, jako takových.
Zde jsme postupovali od Hlavní stránky, na produktovou stránku a nakonec na kontakt.
Editace byla velice jednoduchá, jelikož jsme využívali přímo wordpress editoru 🖋️ a dobře zvolená šablona nám nabízela správné využití component.
![](https://www.wp-hosting.cz/wp-content/uploads/2024/05/wphosting-blog-js4.png)
Jak můžete vidět na obrázku je to jednoduché. Stačí psát text rovnou do předem zvolených lokací.
A rovnou vidíte, jak to bude vypadat.
Nemusíte tudíž umět žádné programovací jazyky. Zvládne to opravdu každý.
Optimalizace zaměřená na rychlost
Jako poslední věc pro nás byla právě optimalizace, kde jsme se zaměřili na rychlost načítání a přístupnost.
Zde jsme využili nástrojů od společnosti GOOGLE a to přesněji PageSpeed Insights, kde jsme se řídili podle rad, které nám nástroj vrátil.
Jako byla optimalizace obrázků, zlepšení textů a zmenšení souborů a hlavně prvotní načítání.
Zde podobně jako u předchozí seo kontroly jsme dostali celkem zajímavé výsledky jak sami můžete vidět.
Použité pluginy
Rozšíření do WordPressu – pluginy, které jsme použili při stavbě webu, jsem rozdělili podle kategorií. Podle preference a osobní zkušenosti lze použít svůj oblíbený plugin. My jsme zvolili následující:
- Cookie lišta a souhlas
- Complianz Privacy Suite pro GDPR (https://cs.wordpress.org/plugins/complianz-gdpr/)
- Podpora šablony
- Kadence AI Starter
- Kadence Blocks
- SEO
- Rank Math SEO with AI Best SEO Tools (https://cs.wordpress.org/plugins/seo-by-rank-math/)
- Analytika
- Referrer Analytics
- Obrázky
- SVG Podpora (https://cs.wordpress.org/plugins/svg-support/)
- Images to WebP (https://cs.wordpress.org/plugins/images-to-webp/)
- Imagify (https://cs.wordpress.org/plugins/imagify/)
- Rychlost
- Redis Object Cache (https://cs.wordpress.org/plugins/redis-cache/)
- WP Rocket (https://wp-rocket.me/)
- Bezpečnost
- zde jsme nepoužili žádný plugin a nechali jsme zabezpečení na straně hostingu (WP Cloud) + jsme nasadili Cloudflare.
Hrátky s Cloudflare
Web jsme schovali i za Cloudflare (https://www.cloudflare.com/), který nabízí mnoho benefitů, jako Brotli kompresi, http/3 a CDN pro obrázky. Pro web tohoto rozsahu to nebylo třeba, ale proč to nezkusit 😊. Na této službě lze nastavit hodně věcí, o kterých si řekneme někdy jindy.
Hosting a doména
Když si pro porovnání spočítáme, za kolik by tento web vyšel v případě, že by jsme ho stavěli zde na hostingu.
Tento web by mohl mít tarif WordPress Lite za 700,- Kč / rok bez DPH (847 Kč s DPH).
Doména .cz vyjde zhruba na 164 Kč / rok bez DPH (199 Kč s DPH).
Časová náročnost prácí na webových stránkách se vešle do 12ti hodin a myslím, že to stálo za to.
Když si to shrneme tak celý web nás vyšel na 1046,- Kč s DPH.
Což si myslím, že cena za webovou vizitku je velice příjemná, ne-li malá. 🤔
Jak jsem, ale psal na začátku, tak přímo tento web, byl stavěn na VMS přes aplikací WPCloud.cz.
Zde se pak cena rozchází, jelikož cena sdíleného hostingu a vlastního VMS se nedá srovnávat.
Shrnutí
Za nás se jedná celkem o zajímavou ukázku toho, jak lze, udělat „rychlej a levnej“ web za 2 dny. 😊
Někdy je totiž levnější a rychlejší udělat web úplně znovu, než se snažit vylepšovat a opravovat web, který je navržen a vytvořen špatně.
Celý web byl tvořený pro minecraft server hosting Paříme.cz.