background design element dropbackground design element dropbackground design element drop

Optimalizace webových stránek a eshopů pro začátečníky


Barbora Koďousková
Aktualizováno:09.11.2021· 16 min. čtení
Facebook iconTwitter iconLinkedIn icon

Optimalizace webových stránek nebo eshopu má zásadní podíl na míře konverzí webu, umístění ve výsledcích vyhledávání a uživatelském zážitku návštěvníků. Měla by proto zajímat každého majitele stránek, ať už jakéhokoli zaměření.

Na optimalizaci webu lze nahlížet z mnoha pohledů a souvisí s mnoha obory. Představitel každého oboru vám přitom pravděpodobně poradí trochu jiné řešení vašeho problému. Designer bude řešit hlavně vzhled a uživatelskou zkušenost, SEO konzultant bude řešit klíčová slova a copywriter zase texty, které na web umístíte.

Každý z nich přitom přijde s řadou pojmů, které mohou být pro člověka, který řeší byznys z úplně jiného oboru matoucí. Připravili jsme pro vás proto přehled, na co se při optimalizaci webu v základu zaměřit a koho nebo co budete potřebovat k její realizaci.

Základy optimalizace pro vyhledávače

Spojení optimalizace webových stránek je dnes nejčastěji skloňováno v kontextu SEO neboli optimalizace pro vyhledávače. Cílem SEO je dosáhnout co možná nejvyšší pozice ve výsledcích vyhledávání na relevantní klíčová slova. Vaše webové stránky nebo eshop se tak díky optimalizaci pro vyhledávače mohou vyskytovat na první stránce výsledků vyhledávání, kde roste šance na to, že uživatel vaše stránky navštíví.

Analýza klíčových slov

Základem SEO je analýza klíčových slov – slov, která uživatelé vyhledávají a slov, která jsou relevantní k vašemu podnikání. Slova z analýzy je nutné používat na jednotlivých stránkách webu či eshopu, čímž zajistíte, že Google nebo jiný vyhledávač pochopí, čím se vaše stránky zabývají a bude je zobrazovat na související dotazy.

Klíčová slova by se měla objevit v popiscích služeb, na produktových stránkách nebo v článcích, jež publikujete na svůj blog. Vždy by měla nějakým způsobem souviset s vaším digitálním produktem a cílit na to správné publikum. Z toho vyplývá, že ne každé klíčové slovo, které je relevantní k vašim produktům nebo službám dokáže přilákat návštěvníky, o něž máte zájem.

Optimalizace webových stránek a eshopů

S výběrem správných klíčových slov vám může pomoci jednak samotný Google a jednak služby, které se zaměřují na webovou analytiku. Konkrétně se může jednat například o plánovač klíčových slov v Google Ads nebo na Skliku. Ze specializovaných služeb lze jmenovat například Marketing Miner či Collabim.

Princip je ve všech případech velmi podobný. Do nástroje zadáte fráze, o nichž si myslíte, že je uživatelé zadávají do vyhledávače, když hledají službu či produkty z vaší nabídky. Necháte si pro ně vyjet tabulku, kde zjistíte například jejich měsíční hledanost, cenu za PPC reklamu nebo míru konkurence daného slova.

Vybraná slova a jejich synonyma už jen stačí zakomponovat do textů, které na web vkládáte. S vytvořením analýzy klíčových slov a výběrem vhodných synonym vám může pomoci SEO specialista, případně copywriter, který pro vás rovnou napíše optimalizované texty, jež můžete na svůj web umístit.

Content management aneb jak zvýšit konverze webu díky textům

Analýza klíčových slov úzce souvisí s obsahovou strategií webu, kterou již částečně nakously předchozí odstavce. Málokterý web se dnes dostane na první stránky výsledků vyhledávání, aniž by k základní struktuře webu (nabídka služeb, produktové stránky) publikoval další obsah.

Dalším obsahem může být například blog, prostřednictvím něhož budete svým zákazníkům pomáhat s řešením nějakých problémů, nebo třeba radit, jak pracovat s vaším produktem. Stejně tak se může jednat o příběhy ze zákulisí vaší firmy. Kreativitě se meze nekladou, důležité ovšem je, aby byl obsah:

  • tematicky relevantní k vašemu oboru,
  • aktuální a přínosný,
  • pravidelný,
  • originální.

Zkrátka aby skutečně sloužil jako motivace navštívit váš web. Vytvořený obsah je dobré průběžně aktualizovat a doplňovat o klíčová slova. Návrh content management strategie, stejně jako její realizaci, pro vás opět připraví copywriter, případně SEO specialista ve spolupráci s copywritery.

Linkbuilding

Základem každého úspěšného webu je přehlednost, přívětivý design a zajímavý obsah. Bohužel však nemáte úplně vyhráno ani pokud váš web splňuje všechny tři zmíněné body. K tomu, aby byl web úspěšný je zapotřebí, aby si vybudoval určitou pověst a autoritu nejen mezi návštěvníky, ale i vyhledávači.

Zatímco v případě uživatelů zabodujete právě použitelností, atraktivním vzhledem a užitečným obsahem, k zaujetí vyhledávačů, respektive jejich robotů, kteří stránky procházejí, budete potřebovat dostatečně zajímavé odkazové portfolio.

Odkazové portfolio, které bude obsahovat nejen interní a externí, ale i zpětné odkazy. Interní prolinkování je základem dobře zpracované struktury webových stránek. Externími odkazy prokazujete relevantnost informací, které publiku předkládáte a zpětné odkazy jsou dokladem toho, jakou si váš web získal v daném segmentu trhu autoritu.

Ve všech třech případech si pohlídejte, že jsou všechny odkazy funkční, že odkazují na relevantní stránky a že jsou směrované tak, aby žádná stránka nezůstala bez povšimnutí.

Kontrolu takzvaných „broken links“ čili nefunkčních odkazů můžete provést sami, bez jakékoli odborné pomoci. Pomůže vám k tomu například nástroj Content King, Semrush nebo Marketing Miner.

Technické SEO

Optimalizace pro vyhledávače samozřejmě nesouvisí jen s obsahem jako takovým, ale i s technickým provedením webu nebo jeho strukturou. Zde už optimalizace typicky neleží výhradně na bedrech SEO specialisty, ale i vývojáře či UX designera.

Všechny tři profese by vám měly pomoci s optimalizací webových stránek, která nebude cílit pouze na vyhledávače, ale i na uživatele. Základem technického zpracování webu je dnes přechod na zabezpečený HTTPS protokol, který se pomalu ale jistě stává standardem webového světa.

UX optimalizace webových stránek

UX design patří mezi největší buzzwordy posledních let. Jedná se o obor zabývající se funkčním designem webových stránek nebo mobilních aplikací, jehož cílem je dosáhnout co možná nejlepšího uživatelského zážitku. Úlohou UX designera je tedy navrhnout jednoduchou, přehlednou a srozumitelnou strukturu aplikace a zjednodušit tak její používání.

Zatímco SEO odborníci tak cílí na vyhledávače a jejich výstupy, UX se zaměřuje na reálné uživatele a jejich dojem ze stránky. V posledních letech se však oba obory stále více prolínají a doporučení SEO specialistů stále více navazuje na snahy UX designerů.

Přístupnost webových stránek

Základní společnou tematikou je přístupnost. Vzhledem k rozšíření používání dotykových zařízení je dnes takřka nemyslitelné přehlížet různorodost úhlopříček displejů nebo webových prohlížečů.

Cílem každého provozovatele webových stránek nebo eshopu by tak mělo být svůj digitální produkt co možná nejlépe optimalizovat pro co možná největší počet zařízení. V kontextu široké škály úhlopříček displejů je nejlepším řešením responzivní design webu.

Responzivní design se dokáže přizpůsobit jakékoli úhlopříčce, díky čemuž váš web či eshop zpřístupní na jakémkoli zařízení s webovým prohlížečem. Uživatel díky tomu může vaše stránky pohodlně používat na počítači, mobilu i tabletu.

Druhou variantou je oddělená, mobilní verze webu, která se zobrazuje pouze na zařízení s menším displejem. Zde je důležité dbát na to, aby mobilní verze webu nabízela stejný obsah jako ta desktopová.

Optimalizace webových stránek pro všechny prohlížeče se pak neobejde bez důkladného testování webu či eshopu.

Třetím, zásadním bodem přístupnosti webu, je již zmíněná, přehledná navigace čili menu, prostřednictvím kterého se návštěvník dostane na všechny kýžené stránky a vykoná zamýšlenou činnost, aby se musel zásadněji zamýšlet nad tím, jak ji provést.

Navigace by tedy měla zůstat podobně jako struktura webu co možná nejjednodušší a nejsrozumitelnější. Uživatel by zkrátka měl okamžitě pochopit kam kliknout a co udělat, aby se dostal tam, kam potřebuje.

Optimalizace rychlosti načítání webových stránek

Se vzrůstajícím počtem mobilních zařízení kromě otázky použitelnosti souvisí také rychlost načítání webových stránek. Pomalé načítání webu tak straší nejen SEO specialisty, kteří vědí, že pomalé weby ztrácí potřebné body v hodnocení Googlu, ale i UX designery, jež cílí na to, aby uživatel nemusel na načítání čekat.

Stejně tak by mělo pomalé načítání webu zajímat i vás, jakožto provozovatele webu nebo eshopu, jelikož statistiky říkají, že ve chvíli, kdy uživatel na načtení webu čeká déle než 3 vteřiny, stránky opouští a hledá štěstí u konkurence.

Zásady, jak zlepšit pomalé načítání webu

Problémy s rychlostí webových stránek samozřejmě začínají u neoptimalizovaného kódu, tudíž ji vždy nejprve řeší programátor. Ten by se měl postarat o následující činnosti:

  • minifikace HTML, CSS a JSS kódu – odstranění přebytečných znaků a částí kódu, které web nepoužívá,
  • komprese kódu – prostřednictvím Brotli nebo Gzip, jež zmenší původní velikost kódu,
  • použití efektivních javascriptových frameworků – například Vue.js nebo React, jež neobsahují nadbytečné knihovny, které zpomalují načítání webových stránek,
  • použití cachování v prohlížeči na disku nebo serveru,
  • omezení počtu HTTP příkazů – například snížením počtu CSS a JSS souborů, které je možné vložit do jednoho,
  • použití prerenderingu – přednačtení stránky, které je účinným prostředkem zrychlení načítání webové stránky,
  • využití CDN – clustery serverů, na nichž jsou umístěné kopie webových stránek, přičemž se obsah vždy načítá z toho nejbližšího.

Kromě toho by měl vývojář, případně správce webu dbát na to, aby se na stránkách nepoužívalo nadbytečné přesměrování. Optimální cesta k obsahu vede napřímo a přesměrování by tak stále mělo být pokládáno za krajní řešení využívané například u chybových stránek nebo při změnách na stránkách s vysokou návštěvností.

Optimalizace rychlosti webových stránek z pohledu provozovatele webu

Pomalé načítání webových stránek ovšem nelze svalovat pouze na vývojáře. Ve mnoha případech je zapříčiněno i snahou na provozu online projektu ušetřit a chybami při správě webu.

Ačkoli se to na první pohled nemusí zdát, může být nedostatek v rychlosti načítání webu způsoben nevhodným hostingem. Při výběru hostingu byste měli dbát na jeho technické zázemí a připlatit si za takzvané VPS servery, které zajišťují rychlejší interakci s klientem.

Další věc, na které se při tvorbě webových stránek nevyplácí šetřit, je testování. Před tím, než web nebo eshop pustíte mezi uživatele, byste měli vědět, jak se stránky budou chovat na pomalejším připojení nebo ve chvíli, kdy uživatel vyčerpal svůj FUP limit.

Pokud používáte WordPress tak se vyvarujte zbytečnému nadužívání pluginů, které sice mohou být do jisté míry užitečné, často však způsobují zpomalení načítání, jež nelze vyřešit jinak než deaktivací a odinstalací. V případě, že plugin skutečně potřebujete ho alespoň pravidelně aktualizujte. Vyhnete se tak spoustě problémům, nejen v kontextu bezpečnosti.

Optimalizace obrázků pro webové stránky

Optimalizace webů či eshopů bezpochyby souvisí také s optimalizací obrázků nebo videí, které na stránky vkládáte. Obrázky a multimédia ovlivňují nejen SEO a rychlost webových stránek, ale i uživatelský dojem z webu a jeho konverzní poměr.

Zejména u eshopů byste tak měli klást důraz na kvalitu a názornost ilustračních snímků (typicky produktových fotografií). Optimalizace obrázků pro web se však ani zdaleka nedotýká jenom internetových obchodů, nýbrž i prezentačních stránek či webových aplikací.

Obrázky a fotky by měly:

  • být relevantní k obsahu – tematicky zapadnout k textu a ladit s grafikou webu,
  • být originální a přínosné – jejich cílem nemusí být výhradně ilustrace textu, ale i jeho další rozšíření,
  • být responzivní – aby se jejich velikost přizpůsobila úhlopříčce displeje zařízení.

Zásadním bodem optimalizace obrázků pro web je jejich zmenšení. Ačkoli by obrázky a fotky, které na web vkládáte, měly být kvalitní, nemá smysl zachovávat rozlišení, ve kterém vylezly z fotoaparátu – uživatel tu kvalitu stejně neocení, jelikož nepozná rozdíl.

Zaznamená ovšem rozdíl v rychlosti načítání webových stránek, jelikož fotka, která zabírá 5 MB rozhodně vyžaduje delší čas na zobrazení než stejná fotka, která má 120 kB.

Fotky a obrázky pro web

Ještě před tím, než fotku nahrajete na server tedy pamatujte na úpravu jejího rozlišení, případně obrazového formátu. Google za účelem komprese snímků vyvinul formát WebP, který je určený právě k těmto účelům. K úpravě rozlišení a velikosti snímku pak můžete použít například webovou aplikaci Photopea (alternativa k Photoshopu) nebo stránku TinyPNG.

Při optimalizaci obrázků pro web dbejte na to, abyste jejich kvalitu nesnížili příliš. V případě hero sekce nebo obrázků přes celou šířku by vám měl stačit rozměr 1920 x 1080 px. Obrázkům přes půlku stránky bude stačit poloviční rozlišení apod.

SEO pro obrázky a fotografie

Stejně jako v případě práce s textem je dobré fotografie a obrázky umístěné na webu doplnit o klíčová slova – Google je díky tomu může zobrazovat ve výsledcích vyhledávání s obrázky.

Klíčové slovo by se mělo objevit v názvu souboru – nenahrávejte tedy na server fotky ve tvaru IMG 2242, ale přejmenujte je podle obsahu snímku (například pokud se na fotce nachází mobilní telefon Xiaomi Mi 11, může název znít: smartphone-xiaomi-mi-11.png).

Druhým krokem optimalizace obrázků pro web je vyplnění ALT popisku. Také sem patří klíčové slovo, tudíž se obsah obou popisků může shodovat s názvem souboru.

Obal stále prodává aneb nezapomeňte na design

Posledním, často opomíjeným, bodem tohoto přehledu tipů, čím by se měla zabývat optimalizace webových stránek, je design. Vzhled webu má zadání vliv na vytváření prvního dojmu, a proto byste mu měli věnovat zvláštní pozornost.

Webové stránky se zmatenou strukturou a zastaralým designem často působí lacině a nedůvěryhodně. Zkuste si projít pár webů nebo eshopů své konkurence a zamyslete se nad tím, jak na vás jejich stránky působí. Zamyslete se, jak body, které vás zaujaly, udělat lépe a inspirujte se nejnovějšími trendy webového vývoje.

Jistě narazíte na něco, co vaše webové stránky posune zase o kousek dál. Dobrý web design by měl splňovat následující body:

  • aktuálnost,
  • jednota stylu i prvků,
  • vizuální přitažlivost,
  • jednoduchost a pochopitelnost,
  • zajímavý design nejen pro prodejní stránky, ale i například pro stránky s chybovými hláškami.

Jestliže sháníte někoho, kdo vám s optimalizací vašich webových stránek nebo eshopu pomůže, nás neváhejte kontaktovat. Rádi váš digitální produkt zhodnotíme a navrhneme řešení, které povede nejen k vyšším konverzím, ale i lepšímu uživatelskému zážitku.


Potřebujete poradit?