Zpět na seznam článků

10 věcí, které musí mít kvalitní web

Od relevance, přes dobrý design až po rychlost nahrávání. A podobnost webdesignu a jiu-jitsu.

Success

Kvalitní web chce mít každý. Málokdo si ale uvědomuje, co to kvalitní web je a co má obsahovat.

A taky, že samo se to neudělá. A že to je víc práce, než čekáte.

Klientům vždycky říkám. Váš web je jako zahrada. Rád vám ji předělám, ale pokud se o ni nebudete pravidelně starat, tak to bude do roka dvou džungle.

Ti osvícení si mě vezmou jako jakéhosi online zahradníka. Ti poučení to dělají vlastními silami, než zjistí, že potřebují:

  1. textaře,
  2. grafika,
  3. programátora,
  4. seo/ppc specialistu,
  5. ux specialistu,
  6. konverzního mága.

No a pak je tu ten zbytek.

Jelikož je tohle desátý newsletter, tak pro vás mám…

10 věcí, které má podle mého kvalitní web mít

1. Relevance a kontext

Mantra Googlu je: „Co se líbí uživatelům, to se líbí Googlu“.

Google se posouvá od analýzy samotných slov k tématům a kontextu. Včetně vzájemných vazeb. Google je proto schopen rozeznat kvalitní relevantní obsah a zvýhodnit jej vyšší pozicí ve vyhledávačích.

Můj tip: Vyberte si svého (ideálního) zákazníka, a pište pro něj.

2. Délka obsahu

Weby s nejlepší pozicí ve vyhledávačích mají průměrně na každé stránce 900 a více slov.

Ideální délka článku na blogu z pohledu vyhledávačů je 2 000–2 450 slov. Z pohledu uživatele je to 1 600 slov.

Můj tip: Zkuste cílit na 2 000 slov v článku a 1 000 slov na stránce produktu, tam je ideální průnik mezi preferencemi uživatele a vyhledávače.

3. Obrázky a videa

Lidi zpracovávají vizuální informace výrazně rychleji, než text. Říká se, že až 30 000krát rychleji.

Plus obrázky přitahují pozornost, hezky vizuálně dělí obsah stránky. Samozřejmě, pokud jsou relevantní k obsahu a ne jen vata.

Naučte se obrázek popisovat, a to jak v kódu (alt), tak v popisku pod ním (caption).

Články s obrázky jsou též výrazně více sdílené na sociálních sítích. Stránky s nejlepší pozic ve vyhledávači mají průměrně 7 obrázků.

Můj tip: Ke každé logické sekci dejte relevantní obrázek, dobré pravidlo je jeden obrázek na 200-300 slov.

4. Gramatika a pravopis

Pravopisné skvosty vám snižují mínění u zákazníků (42,5 % lidí to vytáčí). Vyhledávače vám taky mírně sníží rating. A pokud uděláte chybu v klíčovém slovu, tak se pro toto klíčové slovo nebudete zobrazovat ve výsledcích.

V tomhle jsem trochu hnidopich, takže mě to vytáčí asi více, než běžného smrtelníka.

Mezi mé oblíbené patří: standart, protěžovat, vyjímka, zlevněno o 40%. Výborná knížka na toto téma od bratří Behúnů: Pište správně česky.

Můj tip: Projeďte to kontrolou ve Wordu a pak to nechte přečíst někoho jiného. Dobré je si to taky přečíst nahlas, kvůli slovosledu a struktuře textu.

5. Čitelnost

Jsou tu dva elementy.

  1. jestli to lze fyzicky přečíst,
  2. zda je to pochopitelné.

Bod číslo jedna – volte dostatečně velké písmo (ideálně 15-16px), délku (55-80 znaků) a výšku řádky (1,3-1,5násobek velikosti písma).

Obecně čím delší řádek, tím větší výška řádku. A čím menší písmo, tím větší výška řádku.

Bod číslo dvě – volte krátké, jasné věty.Američani mají tzv. Flesch-Kincaid test, kde se hodnotí pochopitelnost na škále tříd ve škole. Pravidlo zní, pište to pro deváťáky na základce.

Můj tip: Nesnažte se být chytří, vtipní a nepoužívejte cizí slova, když je k dispozici český ekvivalent, sic :).

6. Formátování

Proto obsah rozdělte. Používejte nadpisy, podnadpisy, odrážky, citace, tučné, kurzivu, obrázky atd. Líbí se to i Googlu, který hledí na grafiku stránky jako jeden z faktorů při indexaci.

Co se obsahu týče, používejte tzv. obrácenou pyramidu. To znamená nejdůležitější obsah (závěr) na začátku, detaily nakonec.

Můj tip: Vyvarujte se dlouhých bloků souvislých textů. Obsah udělejte maximálně rozčleněný, abyste usnadnili tzv. skim and scan mód. Což je přelétávání obsahu, než se lidi dají do čtení.

7. Odbornost a autorita

„Kvalitní stránky potřebují dostatek odbornosti, aby byly autoritativní a důvěryhodné na danné téma,“ říká Google Quality Guidelines.

Ideální je použít tzv. Skyscraper techniku, o které mluvil Brian Dean z Backlinko.

V zásadě si vyberete téma, které v minulosti přitáhlo pozornost a vytvoříte definitivní rozsáhlý úžasný článek rozebírající toto téma ze všechno pohledů.

Přpravte se na to, že to bude dlouhá a úmorná práce a výsledkem bude článek o 5 000+ slovech. Druhým výsledkem bude skvělá pozice ve vyhledávači a zvýšená návštěvnost.

A taky ze sebe uděláte autoritu.

Můj článek na téma Základy Optimalizace konverzí, který se chystám publikovat, má například přes 9 500 slov.

Můj tip: Zkuste Skyscraper techniku pro téma, které je vám blízké. Vytvoříte ze sebe autoritu, zlepšíte pozice ve vyhledávačích a návštěvnost.

8. Sociální média a sdílení

Osobně nemám sociální média příliš v lásce. To ale neznamená, že nefungují.

Umístěte ikony pro sdílení na logické a výrazné místo (pod, nad nebo vedle článku).

Obsah, který je sdílený je vyhledávači rychleji indexován. Zobrazíte se tak až o 50 % dříve ve výsledcích.

Obecně existuje korelace mezi množstvím sdílení a pozicí ve vyhledávači. Což je logické, protože to potvrzuje heslo Googlu: „Co se líbí uživatelům, to se líbí Googlu.“

V určitých případech existence ikon pro sociální média naopak ubližuje. A to v případě, že máte u všeho nulu, nebo jsou na stránce, kde se snažíte minimalizovat odvedení pozornosti.

Můj tip: Pokud budete používat sociální ikony, tak je umístěte správně (okolo hlavního obsahu) a použijte 2-3 nejoblíbenější (Facebook, twitter, google+).

9. Odkazy

Nebojte se odkazovat. A to jak na relevantní stránky na vašem vlastním webu, tak autoritativní stránky na webech cizích.

Bez odkazů fakticky nemůžete dosáhnout na 1. místo ve výsledcích vyhledávačů.

Dejte si pozor na správnou navigační strukturu. Měla by být spíše mělká než hluboká. To znamená více stránek/odkazů v každé úrovní spíše než hlubší zanořování.

Pro uživatele to znamená trochu větší cognitive strain (nutnost přemýšlet), ale rychlejší cestu a méně kliků k cíli.

Můj tip: Dbejte na to, aby stránky měly hezkou url adresu, smysluplný titulek stránky jakož i text odkazu, který na ně směřuje.

10. Design stránek

První dojem o stránkách si činíte v 1/17 sekundy. Ale velice obtížné tento dojem následně změnit.

Stránky, které jsou jednoduché, graficky příjemné a intuitivní budete navštěvovat častěji a budete mít větší šanci, že si tam něco koupíte.

Vždy myslete na to, že hlavním cílem stránky je vás posunout na další stránku.

Což znamená zbavit se vaty, umísťovat prvky tam, kde je uživatelé očekávají a nabízet obsah/produkty, na které jste pyšní.

Můj tip: Neškudlete na designu a uživatelské přívětivosti. Je to investice, která se vám vrátí. V mém případě třináctinásobně. Teď jsem to počítal :).

Průměrná stránka má v současnosti něco málo přes 2 MB (1 MB pro mobily).

Schválně si zkuste zjistit, jak je na tom vaše homepage na webu Google Page Speed. Já počkám.

Předpokládám, že jste něco mezi 60-80 procenty.

Začněte optimalizací obrázků, zapnutím gzip komprese a zkombinováním a minifikací css a js do jednoho souboru. Js dejte na konec stránky. Tím byste měli výrazně pomoct rychlosti stránky.

Můj tip: Lidi očekávají, že se jim stránky nahrají do 2 sekund. O každou sekundu, o kterou web, zvýšíte obrat o 2 % (příklad).

Závěr

Zítra se jdu na 4 dni mlátit, mám jiu-jitsu seminář. Tak jsem uvažoval, zda existuje paralela mezi bojovým sportem a optimalizací. Zjistil jsem, že ano.

V obou mi jde o co nejlepší a nejrychlejší výsledek s co možná nejmenší námahou a vynaloženým úsilím. U obou to část lidí řeší silou, ale lepší taktika je používat mozek. A u obou to občas bolí.

Jiu jitsu

Jak říká můj sensei Zbyněk Góralczyk: Bolest je krásná!

Takže dómó arigató.

Související články

Nuke-button

Tlačítka, která konvertují

Nebezpečí redesignu webu

Bullet-train

Počkat! Nahrávám… lidi jsou čím dál míň trpěliví

Sheldon

Základy designu pro programátory (a nedesignéry)

Smysluplná debata