Checklist před spuštěním webu: 12 věcí, které zkontrolovat

Před spuštěním webu nestačí projít jen design. Zkontrolujte texty, odkazy, formuláře, mobil, rychlost, HTTPS, analytiku i zapomenutý Lorem Ipsum.

Spuštění webu často vypadá jednoduše až do posledního dne. Design je hotový, obsah je údajně doplněný, vývojář řeší poslední úpravy a všichni čekají, kdy se stránka konečně zveřejní.

Právě tehdy se nejsnáze přehlédnou věci, které návštěvník uvidí okamžitě: nefunkční formulář, staré telefonní číslo, odkaz na testovací stránku, několikamegabajtový obrázek nebo zapomenutý Lorem Ipsum.

Toto je praktický checklist před spuštěním webu. Není to audit pro velký e-shop ani technická specifikace pro vývojáře. Je to seznam kontrol, který by měl projít každý menší firemní web, projektová stránka, blog nebo prodejní stránka předtím, než ji ukážete lidem.

1. Zkontrolujte klíčové stránky

Nejdřív projděte stránky, které budou návštěvníci otevírat nejčastěji:

• úvodní stránka,
• služby nebo produkty,
• ceník,
• kontakt,
• blog nebo články,
• stránka o vás,
• obchodní podmínky,
• ochrana osobních údajů,
• chybová stránka 404.

Na každé stránce si položte jednoduchou otázku: pochopí návštěvník během pár sekund, kde je, co nabízíte a co má udělat dál?

Pokud ne, stránka může být technicky v pořádku, ale pořád nebude fungovat dobře. Lidé nemají čas hádat, co jste chtěli říct.

2. Odstraňte Lorem Ipsum a pracovní obsah

Zástupný text patří do návrhu, ne na veřejný web.

Před spuštěním vyhledejte hlavně tyto výrazy:

lorem
ipsum
dolor
sit amet
placeholder
dummy
sample
test
TODO
coming soon

Nekontrolujte jen odstavce. Pracovní text často zůstane i na místech, která člověk při rychlé kontrole přeskočí:

• nadpisy,
• tlačítka,
• popisy karet,
• patička,
• vyskakovací okna,
• chybové hlášky,
• e-mailové šablony,
• prázdné stavy,
• titulky a meta popisy.

Pokud některá stránka ještě nemá hotový text, raději ji zatím nezařazujte do menu ani do sitemap. Dočasně zveřejněná stránka s pracovním obsahem působí hůř než stránka, která ještě není dostupná.

Lorem Ipsum generátor je užitečný při návrhu a testování rozložení. Na hotovém webu ale Lorem Ipsum nemá co dělat.

3. Doplňte titulky a meta popisy

Každá důležitá stránka by měla mít vlastní titulek a krátký popis. Ne kvůli formálnímu SEO checklistu, ale proto, že titulek se zobrazuje v prohlížeči, ve výsledcích vyhledávání i při sdílení.

Projděte si:

• jedinečný <title> na každé důležité stránce,
• titulek není jen název firmy,
• meta popis není prázdný,
• popis odpovídá obsahu stránky,
• v titulku ani popisu nezůstal pracovní text,
• název značky je použitý konzistentně.

Slabý titulek:

Home

Lepší titulek:

Účetnictví pro živnostníky a malé firmy | Název firmy

Vyhledávač nemusí meta popis vždy zobrazit přesně tak, jak ho napíšete. I tak se vyplatí ho vyplnit. Nutí vás stručně pojmenovat, co na stránce je a komu to pomůže.

4. Otestujte formuláře od začátku do konce

Nestačí, že formulář na stránce vidíte. Je potřeba ho reálně vyplnit a odeslat.

Otestujte:

• odeslání kontaktního formuláře,
• povinná pole,
• nesprávný e-mail,
• krátkou zprávu,
• dlouhou zprávu,
• hlášku po úspěšném odeslání,
• hlášku při chybě,
• doručení e-mailu správci webu,
• automatickou odpověď návštěvníkovi, pokud ji posíláte.

Zkontrolujte také jazyk. Hláška The field is required může být technicky správná, ale na českém webu působí jako nedokončená část systému.

Pokud formulář posílá důležité obchodní poptávky, otestujte ho z jiné než firemní e-mailové adresy. Snáz tak odhalíte problémy se spamem nebo doručováním.

5. Klikněte na důležité odkazy

Projděte navigaci, patičku, tlačítka, odkazy v článcích a odkazy v kontaktech.

Hledejte hlavně:

• odkazy na testovací doménu,
• odkazy na localhost,
• neexistující stránky,
• tlačítka bez akce,
• staré PDF soubory,
• neaktuální odkazy na sociální sítě,
• telefonní čísla, na která nejde zavolat z mobilu,
• e-mailové odkazy se špatnou adresou.

Při předělávce starého webu zkontrolujte i přesměrování. Pokud měla původní stránka návštěvnost nebo na ni vedly odkazy, neměla by po zveřejnění nového webu skončit na chybové stránce.

6. Podívejte se na web na mobilu

Mobil není jen zmenšený desktop. Hodně problémů uvidíte až při kontrole na skutečném telefonu.

Zkontrolujte:

• hlavní menu,
• úvodní sekci,
• tlačítka,
• formuláře,
• tabulky,
• obrázky,
• patičku,
• cookie lištu nebo souhlas s analytikou.

Sledujte hlavně překrývání textů, velikost tlačítek a dlouhé nadpisy. Tlačítka se mají dát pohodlně stisknout a nadpis má zůstat čitelný i ve chvíli, kdy se rozdělí na více řádků. Pokud je první obrazovka na mobilu plná prázdného prostoru nebo obrovského nadpisu, návštěvník se nemusí dostat k tomu podstatnému.

Vyplatí se projít aspoň jeden menší telefon a jeden větší displej. Nestačí jen zmenšit okno prohlížeče na počítači.

7. Zkontrolujte rychlost a obrázky

Pomalý web lidé zavírají. Nemusíte před spuštěním vyřešit každý technický detail, ale základní problémy se dají odhalit rychle.

Podívejte se hlavně na:

• zbytečně velké obrázky,
• pomalé načítání hlavního obrázku,
• velké skripty, které stránka nepotřebuje,
• posouvání obsahu během načítání,
• příliš mnoho fontů,
• pomalé načítání na mobilu.

Pokud má jeden obrázek 5 MB, je to problém. Pokud se stránka při načítání viditelně posouvá, je to problém. Pokud uživatel na mobilu čeká několik sekund, než se objeví hlavní obsah, je to také problém.

U menšího webu často stačí jednoduchá disciplína: používat rozumné rozměry obrázků, nezahltit stránku zbytečnými skripty a nechat nejdůležitější obsah načíst co nejdřív.

8. Projděte základní přístupnost

Nemusíte dělat velký audit. Základní kontrola ale patří ke každému webu, který má používat veřejnost.

Projděte:

• stránka má jeden jasný hlavní nadpis,
• nadpisy následují v logickém pořadí,
• text má dobrý kontrast oproti pozadí,
• tlačítka mají konkrétní text, například Odeslat zprávu místo nejasného Odeslat,
• formulářová pole mají srozumitelný název nebo popis,
• stránka se dá projít klávesnicí, bez použití myši,
• obrázky mají vhodný alternativní text.

U obrázků platí jednoduché pravidlo: pokud obrázek nese informaci, alternativní text ji má stručně popsat. Pokud je obrázek pouze dekorativní, alternativní text může zůstat prázdný.

9. Zkontrolujte indexování a sitemap

Před zveřejněním si ujasněte, které stránky mají být ve vyhledávačích a které ne.

Veřejné stránky by měly být dostupné pro vyhledávače. Pracovní, testovací a duplicitní stránky by se tam dostat neměly.

Zkontrolujte:

• robots.txt neblokuje důležité veřejné části webu,
• sitemap.xml obsahuje jen stránky, které chcete mít ve vyhledávání,
• canonical URL ukazuje na správnou finální adresu,
• interní odkazy vedou na finální URL, ne na testovací doménu,
• jazykové verze odkazují na správné lokalizované stránky,
• staré důležité URL mají připravené přesměrování.

Po spuštění web přidejte nebo zkontrolujte v Google Search Console. Pokud cílíte i na Bing, nastavte také Bing Webmaster Tools. Obě služby ukážou, jak vyhledávače vidí vaše stránky, sitemap a případné problémy s indexováním.

10. Ověřte HTTPS a technické základy

HTTPS dnes patří k základům. Návštěvník nemá vidět varování, že stránka není bezpečná.

Zkontrolujte:

• web se načítá přes https://,
• adresa bez www a s www se chová podle plánu,
• stará http:// verze přesměruje na HTTPS,
• certifikát je platný,
• stránka nenačítá obrázky nebo skripty přes nezabezpečené HTTP,
• formuláře se odesílají přes bezpečné spojení.

U většího webu si nechte prověřit také přesměrování, cache a technické nastavení serveru.

11. Nastavte analytiku a měření

Před zveřejněním si ověřte, že měření opravdu funguje. Nestačí vložit analytický skript a doufat, že je všechno v pořádku.

Zkontrolujte:

• analytický nástroj se načítá,
• cookie souhlas se chová podle nastavení webu,
• odeslání formuláře se dá změřit,
• kliknutí na telefon nebo e-mail se dá změřit, pokud je to pro vás důležité,
• základní konverze jsou nastavené,
• Google Search Console je připravená,
• Bing Webmaster Tools je připravený, pokud chcete sledovat i Bing.

První dny po spuštění jsou důležité. Pokud měření nefunguje, přijdete o data právě z období, kdy nový web kontroluje nejvíc lidí.

12. Zkontrolujte právní a kontaktní údaje

Kontaktní a právní údaje si lidé všímají hlavně ve chvíli, kdy jsou špatně.

Projděte:

• název firmy,
• IČO, DIČ a případně IČ DPH,
• fakturační adresu,
• e-mail,
• telefon,
• odkazy na sociální sítě,
• obchodní podmínky,
• ochranu osobních údajů,
• cookie informace.

Telefon zkuste otevřít z mobilu. E-mail zkuste rozkliknout. Pokud máte kontaktní formulář i e-mail v patičce, pošlete test oběma způsoby.

Finální kontrola očima návštěvníka

Na konci se na web nedívejte jako autor. Otevřete ho jako člověk, který o projektu nic neví.

Zkuste:

1. Najít hlavní službu nebo produkt.
2. Zjistit cenu nebo způsob objednávky.
3. Kontaktovat firmu.
4. Přečíst jeden článek nebo podstránku.
5. Otevřít web na mobilu.
6. Dostat se zpět z chybové stránky 404.
7. Odeslat testovací formulář.

Pokud se u některého kroku zastavíte a musíte přemýšlet, kam kliknout, je to signál k úpravě. Další krok má být na webu jasný bez vysvětlování.

Krátký checklist před spuštěním webu

Pokud nemáte čas na detailní kontrolu, projděte aspoň tento seznam:

• Klíčové stránky mají reálný obsah.
• Na webu není Lorem Ipsum ani TODO.
• Titulky a meta popisy jsou vyplněné.
• Formuláře se dají odeslat.
• Důležité odkazy fungují.
• Mobilní zobrazení je použitelné.
• Obrázky nejsou zbytečně velké.
• Obrázky mají správný alternativní text.
• HTTPS funguje bez varování.
• Sitemap obsahuje správné stránky.
• Google Search Console je připravená.
• Bing Webmaster Tools je připravený, pokud ho chcete používat.
• Analytika a konverze fungují.
• Kontaktní a právní údaje jsou správné.

Shrnutí

Spuštění webu není jen poslední kliknutí v administraci. Je to chvíle, kdy se z pracovní verze stane veřejná stránka, kterou budou hodnotit skuteční lidé.

Nejčastější chyby nebývají složité. Jsou to zapomenuté pracovní texty, nefunkční odkazy, neotestované formuláře, pomalé obrázky nebo drobné údaje, kterých si tým po týdnech práce přestal všímat.

Proto se vyplatí projít web ještě jednou, pomalu a bez předpokladu, že všechno už někdo zkontroloval.