White Hat SEO je opak Black Hat SEO. Jde tedy o doporučované praktiky optimalizace pro vyhledávače, které jsou užitečné pro uživatele.

Příklady White Hat SEO

Meta tagy

Správně vyplněné meta tagy Title, Description s přirozeným využitím klíčových slov. 

Struktura nadpisů

Správná struktura nadpisů dle sémantiky.

Optmalizace rychlosti načítání stránky

Rychlost načítání webu patří mezi nejdůležitější hodnotící faktory Google. Hlídá si hlavně rychlost načítání na mobilních zařízeních.

Kvalitní obsah

Tvorba takového obsahu, který pomáhá uživatelům.

Příklady

• Odborné články a návody typu Jak vybrat, jak sestavit, jak položit, kdy zazimovat apod. Ideálním doplňkem je multimediální obsah. Kvalitní obrázky, videa.
• Kvalitní popis kategorií webu. 
• Detailní popis produktů s kvalitními obrázky.

Jak výraz White Hat SEO vznikl?

White Hat výraz vznikl z klasických westernových filmů, kde white hats byli ti dobří (kladní hrdinové). Naopak Black byli ti zlí.

Další zdroje

• WordStream.com – White Hat SEO: How to Rank Without Breaking the Rules (zahraniční).

Príspevok White Hat SEO zobrazený najskôr Petr Jiránek.

Kromě WireFrame, Drátěného modelu se ještě používá výraz Skica webu. Pomocí drátěného modelu se znázorňuje základní struktura webové stránky. Předchází samotným grafickým a programátorským pracem.

Proč se WireFrame používá?

• Slouží jako podklad pro grafika a programátora.
• Podílí se na něm marketingové oddělení – např. SEO specialista, UX specialista, copywriter, případně další. Promítají své znalosti do WireFramu, aniž by museli umět kreslit. Vycházejí z podkladů jako je např. Analýza klíčových slov, analýza konkurence, použitelnosti a další.
• Ukazuje rozmístění prvků na stránce – např. CTA, filtry, boxy, formuláře a další.
• Skica se může několikrát předělat a opravit. 

Nástroje pro tvorbu WireFrame

Pro tvorbu drátěného modelu stačí tužka a papír.

Nicméně, pro snadnější sdílení s kolegy a další práci použijte např. následující software:

• Axure,
• MicroSoft Visio,
• Mockflow,
• JustinMind, …

Další zdroje

• MarketingMind.cz – Drátěný model webové stránky (wireframe).
• Aira.cz blog – Jak se dělá web? Podívejte se, jak vzniká wireframe!
   

Príspevok WireFrame – drátěný model zobrazený najskôr Petr Jiránek.