Nový web sladěný s e-shopem a připravený na SEO

2. Definování řešení a navrhování

Ve druhém kroku jsme se přesunuli k hmatatelnějším výsledkům, kdy jsme klientovi mohli ukázat první zárodky naší práce.

Jednou z počátečních činností ve fázi prototypování je nastínění základní struktury webu čili navigačního schéma. Už právě zde jsme využili informace z předešlého dotazování. Navrhnuli jsme navigační menu o 7 položkách (mezi nimi např. produktová stránka, stránka s referencemi, stránka O nás, stránka Kontakty), přičemž každou z nich jsme rozpracovali tak, aby bylo jasné, co přesně na uvedené stránce bude a jakou bude mít hierarchii. Vznikl nám tak přehledný a detailní hierarchický strom.

Důležitou složkou našich webů jsou tzv. bloky či elementy, které si lze představit jako ucelené a samostatné součástky, které mohou mít právě jedno místo, ale stejně tak se mohou zobrazovat i na vícero místech webu. Proto jsme si načrtnuli veškeré tyto komponenty, které budeme posléze potřebovat. Přišli jsme třeba s:

• katalogem produktů,
• seznamem referencí,
• výpisem dokumentů ke stažení,
• seznamem novinek a blogových článku.

Spojením těchto modulů, výše zmíněného wireframu a vlastních znalostí a zkušeností jsme nakonec dospecifikovali typologii všech stránek, přiblížili jednotlivé funkce, které se na nich objeví a opatřili je nástinem budoucího obsahu. Takové zadání jsme poté předali grafikovi.

Díky předešlé přípravě se nám společně s grafikem podařilo vytvořit takový grafický návrh domovské stránky (homepage), který klient bez výhrad schválil. U jediného prvku jsme nebyli s to rozhodnout – zda sekce O nás a Naše služby poskládat vedle sebe do sloupců, nebo pod sebe s fotkou na levém okraji. A tak jsme majitelům Procházka MP dali na výběr zvolit takové řešení, které jim nejvíce sedí.

Jakmile byl jasný vítěz, vrhnuli jsme se na grafiky ostatních podstránek webu. Po stejné odpovědi jako v předešlém případě – schváleno bez výhrad – jsme se pustili do další etapy.

4. Testování a dodání řešení

V poslední fázi jsme nakódovaný web vrátili těm, kteří se o něj starali v samých počátcích a kteří navrhnuli jeho design, aby ho podrobili testování. Důležitá je kontrola funkčnosti, která odhaluje veškeré chyby a nedostatky jakéhokoliv typu, ať už technického, grafického nebo funkčního. Zde jsme narazili např.:

• na nefungující proklik na zavolání na telefon,
• na nevhodně se zobrazující texty v novinkách,
• nebo na pomatenou subnavigaci v detailech produktu.

Dále jsme se zaměřili na základní nastavení těch částí webu, které přímo pomáhají optimalizaci pro vyhledávače a které představují jeden ze zásadních požadavků klienta do budoucna. Řadí se sem:

• správné nastavení souboru robots.txt,
• vygenerování odpovídající sitemap.xml,
• nastavení přesměrování (301) a chybných kódů (404),
• kontrola on-page SEO faktorů (správné generování hierarchie nadpisů, automatická tvorba meta title a meta description, automatické doplňování titlů a altů k obrázkům nebo správně se zobrazující drobečková navigace),
• kontrola technického SEO (validace kódu a webu podle W3C standardů, minifikace obrázků, kontrola responzivity).

Po posledním testu a konečném schválení ze strany Procházka MP jsme nakonec web spustili, předali klientovi a ještě narychlo provedli několik posledních úprav, které se dají dělat až na ostrém webu (jměnovitě např. kontrola broken linků nebo aktivace analytických nástrojů Google Analytics a Google Search Console).

A nyní? Teď už nezbývá nic jiného, než se pustit do plnění dlouhodobých cílu v optimalizaci pro vyhledávače a správě PPC kampaní tak, jak bylo zamýšleno od počátku.