Chceš zkusit karieru u nás ? Hledáme nové kolegy na pozici WordPress programátorLinux administrator. Viděli jste náš nový provizní systém ?

Případová studie: Web za 2 dny rychle a levně

16.05.2024
Jakub Šarm

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í

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.


Výběr šablony na wordpressu

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

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.

 

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í:

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.