Homepage, nebo-li domovská stránka webu. Někdy také nazývaná jako hlavní stránka. Jedná se o úvodní stránku webové prezentace. Zobrazí se po zadání domény webu. Např. www.petrjiranek.cz.

Obsah úvodní stránky

• Z úvodní stránky by mělo být na první pohled patrné téma, kterým se web zabývá. 
• Konkurenční výhody a USP. V čem je firma lepší než mraky dalších na trhu.
• Certifikáty a ocenění.
• Homepage by měla sloužit také jako rozcestník. Ukázat cestu uživatelům dále do struktury webu.
• Aktuality. Smysl mají pouze pravidelné aktuality s častou frekvencí. V opačném případě je lepší je vynechat. 
• Výzva k akci. Již na úvodní stránce může být např. výrazné „Zavolejte nám na číslo…“.

Proč je důležité se homepage věnovat?

Zdá se, že s masivním používáním vyhledávačů není třeba se úvodní stránce příliš věnovat.

Domovská stránka je ale stránka je srdcem celého webu. Vede na ni často nejvíce zpětných odkazů z celého webu. Ze všech ostatních stránek se na ni obvykle odkazuje viditelným logem firmy. Proto si na ni dejte opravdu záležet.

Další zdroje

• Mioweb.cz – Jak vypadá perfektní homepage? Odpovědi na 5 důležitých otázek.
• 365tipu.cz – TIP#821: Hlavní stránka (homepage) vs vstupní stránka (landing page). Co je co?
• Vceliste.cz – Co by měly obsahovat stránky: Úvod, Kontakt a O nás.

Príspevok Homepage zobrazený najskôr Petr Jiránek.

CAPTCHA je softwarový test, který slouží pro odlišení člověka od robota. Jedná se o zkratku Completely Automated Public Turing test to tell Computers and Humans Apart. Česky „plně automatický veřejný Turingův test k odlišení počítačů a lidí“.

Jak CAPTCHA vypadá?

Příklady CAPTCHA v obrázcích.

Využití CAPTCHA

CAPTCHA se používá tam, kde je třeba zamezit spamu. Např. diskuzní fóra, poptávkové formuláře na webech, stahování souborů apod.

Pozor na to, že klasická CAPTCHA již častokrát nestačí. Technologie pro rozpoznávání obrázků jsou čím dál pokročilejší. Stejně jako spammeři, kteří ji obcházejí.

Další zdroje

• 365tipu.cz – TIP#1037: Co je to CAPTCHA (reCAPTCHA).
• Wikipedia.org – CAPTCHA.

Príspevok CAPTCHA zobrazený najskôr Petr Jiránek.

FAQ = anglicky Frequently Asked Questions. Česky Často kladené otázky. Jedná se o seznam dotazů a detailních odpovědí, na které se uživatele často ptají.

Původ FAQ

Často kladené dotazy původně vznikly potřebou mít předem připravené otázky, na které se nováčci v diskuzních fórech často ptají. Odpovídat na každou otázku individuálně bylo zdlouhavé a unavující.

Následně se tak stalo neslušné, když se účastník předem na FAQ nepodíval a ptal se na něco, co je v otázkách obsaženo.

Současnost FAQ

V současnosti jsou Často kladené otázky standardní součástí nejen diskuzních fór, ale i webů. Ať už e-shopů, či služeb.

Rozšířujte si seznam otázek, na co se vás zákazníci často ptají. Ať už na prodejně, přes Smartsupp či jiné aplikace, nebo z e-mailů. Budujte si databázi otázek a odpovědí na webu. Kromě toho, že budete mít příště ulehčenou práci (pouze pošlete odkaz dotazujícímu) a budujete důvěryhodnost odborníka ve svém oboru, zlepšujete i své SEO.

Další zdroje

• Wikipedia.org – FAQ.

Príspevok FAQ – často kladené otázky zobrazený najskôr Petr Jiránek.

BFU, anglicky Bloody Fucking User. Volný překlad je např. „Totálně debilní užvatel“. V češtině často „Běžný Franta uživatel“, „Blbý Franta uživatel“. Uživatel je někdy také označovaný jako „lama“.

Charakteristika BFU

Kliká myší kam jen to jde. Nepřemýšlí, nebo nemá žádné znalosti IT. Nicméně si obvykle myslí, že všemu rozumí. Následně je pak často nucený vyhledat pomoc odborníka.

Jak se před BFU bránit?

• Vytvořejte aplikace a weby co nejvíce „blbuvzdorné.
• Testujte. Nasaďte několik lidí a dejte jim různé úkoly, které mají na webu splnit.
• Nenuťte uživatele přemýšlet.

Další zdroje

• 365tipu.cz – TIP#305: Kdo či co je to BFU?
• Root.cz – Po stopách BFU.
   

Príspevok BFU – totálně debilní užvatel zobrazený najskôr Petr Jiránek.

Responzivní web = takové webové stránky, které se přizpůsobí každému displeji s libovolným rozlišením. Ať už se jedná o mobil, tablet či desktop.

Výhody responzivního webu

Jak zjistím, že mám web uzpůsobený pro mobily?

Udělejte si test použitelnosti webu na mobilu.

Máte-li web, který se špatně zobrazuje na mobilním zařízení, často se nevyplatí ani PPC reklama (obvykle je lepší cílení na mobilní návštěvníky vypnout).

Chcete-li být tam, kde vaši zákazníci, nechte si vytvořit responzivní web.

Další zdroje

• eBrana.cz – 10 přikázání špičkového responzivního webdesignu.
• Net Magnet – Proč chtít mobilní web a responzivní design?
   

Príspevok Responzivní web zobrazený najskôr Petr Jiránek.

Favicon je ikona stránky, se kterou se nejčastěji setkáte v kartách a záložkách prohlížeče. Většinou má podobu loga firmy.

Umístění favicony

S faviconou je možné se setkat např.:

• v kartách prohlížeče,

• v záložkách prohlížeče,

• nebo v mobilu.

Výhody favicony

Vlastnosti favicony

• Čtvercový obrázek.
• Nejčastější velikost 16×16 nebo 32×32 pixelů.
• Název souboru favicon.ico
• Umístění do rootu webu.

Při vytvoření ikony použijte Favicon generator. Ušetříte si práci.

Další zdroje

• JakPsatWeb.cz – Ikona stránky.
• AntStudio – Co to je a jak vytvořit favicon?

Príspevok Favicon zobrazený najskôr Petr Jiránek.

Cache paměť, nebo-li také vyrovnávací, případně dočasná paměť prohlížeče. Cache je nedílnou součástí webových prohlížečů. Jedná se o nástroj pro ukládání odpovědí, které přichází z webových serverů.

Proč se cache paměť používá a jak funguje?

Cache paměť slouží k uložení některých informací – dat, které přišly z webhostingu (serveru) do našeho prohlížeče (klienta). Těmi to daty mohou být:

• obrázky,
• webové stránky,
• stažené soubory.

Vyrovnávací paměť pomáhá snížit zatížení internetové sítě a prodlevu mezi odesláním požadavku a přijetím odpovědi. Přijatá data (odpovědi) se jednoduše uloží do dočasné paměti prohlížeče a není potřeba je při potřebě znovu načítat ze serveru.

Funkci vyrovnávací paměti v lokální síti (intranetu) přebírá proxy server, který tvoří prostředník mezi internetem a lokální sítí. Je to z důvodu většího objemu přijímaných a odesílaných dat. Pro efektivnější práci je filtrování požadavků a odpovědí integrováno tak na jedno místo.

Smazání cache paměti z prohlížeče

Občas je třeba cache paměť promazat, kvůli zastarálému obsahu.

Jak na to?

Mrkněte, jak vyrovnávací paměť smazat z nejrozšířenějších internetových prohlížečů:

• AntStudio.cz – Jak vymazat paměť cache a cookies? (videonávod).
• Blog.juicyfolio.cz – Jak vymazat cache.

Príspevok Cache paměť 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.

Drobečková navigace – anglicky Breadcrumbs, případně Breadcrumbs navigation.

Jedná se o seznam odkazů, které znázorňují hierarchii webu, vč. stránky, na které se aktuálně nacházíte. Jednotlivé linky jsou odděleny nějakým znakem (často lomítkem, nebo šipkou).

Význam drobečkové navigace

Drobečková navigace má za úkol pomoci uživatelům zorientovat se na webu. Ukazuje nejen, kde návštěvník je, ale i kam ještě může jít. Pomáhá tedy snižovat Bounce Rate na webu.

Její význam roste s rozsáhlejšími a složitějšími weby, kde je Breadcrumbs již nutností.

Kde se Breadcrumbs nachází

Drobečkovou navigaci nejčastěji uvidíte v horní části stránky poblíž hlavního nadpisu. 

Jak vznikl pojem Drobečková navigace

Navigace má svůj původ v pohádce O Jeníčkovi a Mařence. Tedy z části, kdy děti sypaly drobečky chleba po cestě, aby trefily zpátky domů.

Další zdroje

• Interval.cz – Drobečková navigace na webu.
• Smashing Magazine – Breadcrumbs In Web Design: Examples And Best Practices.

Príspevok Breadcrumbs – drobečková navigace zobrazený najskôr Petr Jiránek.

Myšlenková mapa, nebo-li anglicky mind map. Jde o vizualizační nástroj, vhodný perfektně např. pro brainstorming.  Prostě zaznamenáte na papír, nebo do software své myšlenky.

Kde myšlenkovou mapu použít?

V různých oborech

Příklad využíti pro Online Marketing:

• Analýza klíčových slov:
  • nápady na klíčová slova,
  • struktura webu, vč. kategorií, štítků, filtrů.
• Struktura PPC kampaní.
• Architektura webu, UX.
• ….

I v soukromém životě

Např. plán dovolené, ale životní cíle, či směřování.

Jak s mind mapou začít?

Základní klíčové slovo. Centrální téma. Postupně rozvětvujte.

Např. Dovolená.

• Dovolená
  •  Cesta:
    • Benzín
  • Balení:
    • Drogerie
    • Oblečení:
      • Na pláž:
        • Plavky
      • Na večer.
      • Na výlety
    • Telefon
  • Peníze:
    • Eura
    • České peníze
  • …

Další zdroje

• MarketingMind.cz – Myšlenková mapa.
• Zdeňka Havrlíková – Myšlenkové mapy – TOP 15 bezplatných online aplikací.

Zdroj obrázku

• Wikimedia.org.

Príspevok Myšlenková mapa zobrazený najskôr Petr Jiránek.