Bankovní institut vysoká škola Praha Katedra informatiky a kvantitativních metod Optimalizace webových stránek (SEO) Bakalářská práce Autor: Tomáš Falada Informační technologie Vedoucí práce: Ing. Lukáš Herout Praha Červen, 2015
Prohlášení: Prohlašuji, že jsem bakalářskou práci zpracoval samostatně a v seznamu uvedl veškerou použitou literaturu. Svým podpisem stvrzuji, že odevzdaná elektronická podoba práce je identická s její tištěnou verzí, a jsem seznámen se skutečností, že se práce bude archivovat v knihovně BIVŠ a dále bude zpřístupněna třetím osobám prostřednictvím interní databáze elektronických vysokoškolských prací. V Praze, 25.6.2015 Tomáš Falada
Poděkování Na tomto místě bych rád poděkoval svému vedoucímu práce Ing. Lukášovi Heroutovi za jeho cenné připomínky a odborné rady, kterými přispěl k vypracování mé bakalářské práce.
Anotace Bakalářská práce je zaměřena na optimalizaci pro vyhledávače, jinak řečeno SEO. Práce zahrnuje teoretické poznatky získané z odborných zdrojů a případových studií. V úvodní části jsou popsány základní termíny spojené s optimalizací pro vyhledávače. Další kapitoly popisují SEO faktory, které ovlivňují úspěšnost stránek ve vyhledávání a často jsou doplněny o ukázkové příklady. V praktické části je uvedena případová studie SEO analýzy webových stránek vybraného internetového obchodu, která je doplněná o konkrétní návrhy na zlepšení pozic klíčových slov ve výsledcích vyhledávání a zvýšení relevantní návštěvnosti. Klíčová slova: optimalizace webových stránek, SEO, analýza webových stránek, On-Page faktory, Off-Page faktory Annotation Presented bachelor thesis is focused on search engine optimization, SEO. Bachelor thesis includes theoretical part gained from literature and case studies. There are described fundamental terms in the opening part. Next chapters describes SEO factors which have effect to visibility in search engine result page and often include examples too. As the practical part of this thesis is SEO analysis of e-shop which includes proposals and recommendations to improve ranking of keywords in search engine result page and increasing relevant traffic. Key words: search engine optimization, SEO, website analyzing, On-Page factors, Off-Page factors
Obsah Úvod... 7 1 Vymezení SEO... 8 1.1 Jak fungují internetové vyhledávače... 9 1.2 Klíčová slova... 10 1.3 Analýza klíčových slov... 10 1.3.1 Plánovač klíčových slov Google... 11 1.3.2 Statistiky hledanosti Seznam.cz... 11 1.3.3 Našeptávače vyhledávačů... 12 1.4 Vstupní stránka landing page... 13 1.5 Cíle SEO... 14 2 Technické faktory... 15 2.1 Indexace stránek vyhledávači... 15 2.2 Navigační struktura stránek... 16 2.3 Drobečková navigace... 17 2.4 Rychlost načítání stránek... 18 2.5 Struktura URL adres... 19 2.6 Duplikace stránek (obsahu)... 20 2.7 Robots.txt... 21 2.8 Soubor sitemap.xml... 22 3 On-Page SEO faktory... 24 3.1 Titulky stránek... 24 3.2 Meta description... 25 3.3 Nadpisy stránek... 26 3.4 Tvorba obsahu na web (copywriting)... 26 3.4.1 Funkce obsahu... 26 3.5 Interní odkazy - texty odkazů... 27 3.6 Obrázky... 27 4 Off-page SEO faktory... 29 4.1 Linkbuilding - budování zpětných odkazů... 29 5
4.1.1 Dvoucestná výměna odkazů... 30 4.1.2 Získání zpětných odkazů ze článků... 30 4.1.3 Vyhledání a oprava chybných odkazů... 31 4.2 Ideální zpětný odkaz... 31 4.3 Linkbaiting... 32 4.4 Sociální sítě... 32 5 Moderní přístup k SEO... 33 5.1 Inbound marketing... 33 5.2 Responzivní design... 33 6 SEO analýza stránek modnitricka.cz... 36 6.1 On-Page SEO faktory... 36 6.1.1 Indexované stránky webu... 36 6.1.2 Řešení navigace... 37 6.1.3 Struktura URL adres... 37 6.1.4 Použití souboru robots.txt... 37 6.1.5 Použití souboru sitemap.xml... 38 6.1.6 Rychlost načítání stránek... 38 6.1.7 Titulky stránek... 39 6.1.8 Meta description popisky... 40 6.1.9 Použití přirozené mapy stránek... 40 6.1.10 Chybová stránka... 40 6.1.11 Obrázky a ALT atributy... 41 6.2 Obsah stránek a klíčová slova... 41 6.2.1 Analýza klíčových slov... 41 6.2.2 Rozšíření současného obsahu... 43 6.2.3 Duplicitní obsah... 44 6.2.4 Struktura nadpisů... 44 6.2.5 Vnitřní provázání stránek odkazy... 44 Závěr... 47 Seznam obrázků... 51 Seznam tabulek... 52 6
Úvod SEO je velmi dynamický obor, protože se snaží neustále reagovat na aktualizace ze stran vyhledávačů a také proto, že do optimalizace pro vyhledávače patří spousta dalších činností, které zahrnují technické úpravy stránek, tvorbu nového obsahu a získávání zpětných odkazů. Podle průzkumů přivádějí vyhledávače na webové stránky téměř polovinu všech návštěv. [1] SEO se proto stále častěji zařazuje do plánování komplexních marketingových strategií na internetu. Teoretická část práce je rozdělena na oblasti podle faktorů ovlivňujících optimalizaci stránek. Tyto oblasti jsou technické faktory webových stránek, On-Page faktory, které lze ovlivnit přímo na stránkách samotných a Off-Page faktory, které stánky ovlivňují, ale nevyskytují se na nich samotných. V praktické části práce je provedena SEO analýza webových stránek zvoleného internetového obchodu, která zhodnocuje jednotlivé SEO faktory a navrhuje jejich optimalizaci pro vyhledávače. Závěrečná část také obsahuje návrhy k vytváření nového obsahu. Přínosem práce by mohly být jasně popsané a na projektech a experimentech odzkoušené metody a techniky, které vedou k optimalizaci webu a zvýšení jeho úspěšnosti při vyhledávání. Cílem této práce je analýza webové prezentace z pohledu SEO a návrh opatření pro zvýšení úspěšnosti při vyhledávání. 7
1 Vymezení SEO Existuje velké množství zdrojů, ze kterých mohou návštěvníci přijít na webové stránky. Jedná se například o návštěvníky, kteří zadali adresu stránek přímo do adresního řádku prohlížeče. Tato návštěvnost se označuje jako přímá návštěvnost.[2] Dalším typem návštěvnosti jsou návštěvy přes odkazující stránky, tzn. návštěva přes odkaz umístěný na jiných webových stránkách. Jako samostatný zdroj návštěvnosti se ve webové analytice označuje návštěvnost z vyhledávačů, která může být dvojího typu. Organická, tedy přirozená návštěvnost a návštěvnost placená. Rozdíl mezi těmito typy je takový, že za návštěvníky, kteří přijdou na webové stránky z placeného vyhledávání se obvykle platí přímo. To znamená, že za každého návštěvníka zaplatíme určitou peněžní hodnotu. Placená návštěvnost z vyhledávání patří mezi nástroje internetové reklamy a označuje se termínem PPC (Pay Per Click), čili platba za kliknutí. Na stránce výsledků vyhledávání jsou tyto placené reklamy umístěné na prvních třech pozicích a v pravém bočním sloupci mohou mít až osm pozic. Obrázek 1.1 - Stránka s výsledky vyhledávání na Google.cz Zdroj: http:www.google.cz, vlastní úprava 8
Naproti tomu organická návštěvnost zahrnuje návštěvníky, kteří přišli na webové stránky z výsledků organického (neplaceného) vyhledávání. Umístění těchto výsledků vyhledávání není nijak zpoplatněno a jejich řazení v rámci stránky s výsledky vyhledání (SERP) 1 probíhá na základě vyhodnocení řadících algoritmů vyhledávačů. To, jak jsou webové stránky vysoko ve výsledcích vyhledávání často rozhoduje o tom, kolik návštěvníků nakonec dané stránky navštíví. Proto jednou z důležitých oblastí, na kterou se SEO zaměřuje je právě zlepšování pozic v organických (přirozených) výsledcích vyhledávání. SEO je součástí internetového marketingu a je dobré ho vnímat jako techniky a postupy, které jsou na pomezí marketingu, vývoje stránek, obchodu a budování značky. Součástí SEO je také monitorování, analýza a hodnocení konkurence. Pojem SEO (Search Engine Optimization) označuje rozmanitou skupinu aktivit, které můžete vykonávat za účelem zvýšení cíleného provozu, jenž přichází na váš web z vyhledávacích strojů. [3] SEO nelze definovat jako stav, kterého lze dosáhnout, ale jako dlouhodobě vykonávaný proces po celou dobu životního cyklu webu. [4] 1.1 Jak fungují internetové vyhledávače Na internetu existuje obrovské množství stránek, které je potřeba organizovat pro uživatele. Tuto organizaci provádějí vyhledávací roboti. Každý vyhledávač používá vlastní vyhledávací roboty. Google například používá vyhledávacího robota s označením Googlebot [5], Seznam.cz označuje svého fulltextového robota SeznamBot. [6] Vyhledávací roboti webové stránky zaznamenávají, třídí a vyhodnocují jejich kvalitu. Na tomto základě je pak zobrazují ve výsledcích vyhledávání. Vyhledávače se snaží poskytnout takový výsledek vyhledávání, který uspokojí tazatele, tedy odpovídá zadanému dotazu. Činnost vyhledávacích robotů lze popsat 3 kroky: Procházení (Crawling) První fází činnosti robota je prohledávání stránek a hledání odkazů, které jsou v nich uvedené. V tuto chvíli zaznamenává, že nové stránky existují, nemusí je však všechny ukládat. Pokud na stránky nevede žádný odkaz, robot ji technicky nemůže najít. Roboti prochází stránky prakticky neustále. Na některé stránky se vrací častěji, na jiné méně často a další následně zcela opomíjí. [7] 1 Search Engine Result Page. Anglické označení pro stránku s výsledky vyhledávání. 9
Indexování (Indexing) Roboti při indexaci vybírají ze stránek klíčová slova tak, aby zjistili, o čem dané stránky jsou. Uloží je do své databáze, aby je následně mohli zobrazit ve výsledcích vyhledávání. Když poté uživatel zadá vyhledávací dotaz, roboti už stránky znovu neprochází, ale zobrazí výsledky stránek, které má v indexu. Hodnocení (Ranking) Roboti mají na základě indexace pro určitou stránku přiřazená klíčová slova. Po zadání dotazu posuzují do jaké míry je daná stránka relevantní ke klíčovému slovu v dotazu. Tato relevance se zjišťuje pro každé hledání zvlášť, výsledky vyhledávání se generují nové s každým vyhledáváním. 1.2 Klíčová slova Do vyhledávačů jsou zadávány různé vyhledávací dotazy. Jedná se o slova, fráze nebo víceslovná spojení. Podle toho jaká slova nebo fráze jsou ve vyhledávacím dotazu obsažena se zpracovává stránka s výsledky vyhledávání a vyhledávač předkládá seznam více či méně relevantních výsledků. Před začátkem optimalizace je nejprve nutné najít taková klíčová slova, která jsou vyhledávaná a zároveň jsou tematická k obsahu webových stránek. Tomuto procesu vyhledávání relevantních klíčových slov k webovým stránkám se říká analýza klíčových slov. Správně zvolená klíčová slova jsou základním stavebním kamenem pro optimalizaci pro vyhledávače. 1.3 Analýza klíčových slov Jak již bylo zmíněno výše, správně zvolená klíčová slova slouží jako základ pro další optimalizaci. Analýza klíčových slov je proces vyhledávání takových slov a slovních spojení, které jsou nejen relevantní k obsahu a zaměření webových stránek, ale také jsou vyhledávaná uživateli. Pro zjištění jaká klíčová slova jsou vyhledávaná a jak často jsou vyhledávaná mohou posloužit nástroje, které nabízí společnost Google nebo například Seznam.cz. Pro zjištění jaká klíčová slova jsou vhodná k tématu webových stránek jsou nutné určité zkušenosti SEO specialisty, který tyto analýzy často vytváří. Analýza klíčových slov není pouze o získání návštěvníků na webové stránky, ale o získání správných návštěvníků - s analýzou klíčových slov je možné předvídat změny v poptávce, 10
reagovat na měnící se podmínky na trhu a vyrábět produkty, nabízet služby nebo vytvářet takový obsah, který lidé aktivně hledají. [8] 1.3.1 Plánovač klíčových slov Google Plánovač klíčových slov Google 2 slouží primárně pro vyhledávání návrhů nových klíčových slov a reklamních sestav pro placené kampaně Google AdWords 3. Dobře poslouží ale také pro účely SEO analýzy klíčových slov. Pro účely analýzy klíčových slov nástroj k zadanému klíčovému slovu vyhledá další relevantní klíčová slova a jejich objem vyhledávání. Často lze tímto způsobem získat rozšiřující klíčová slova, která tematicky souvisí s obsahem webových stránek. V nástroji je také možné zadat cílení na zemi nebo jazyk. Obrázek 1.2 návrhy na klíčová slova v plánovači klíčových slov Google Zdroj: https://adwords.google.com/ko/keywordplanner/home 1.3.2 Statistiky hledanosti Seznam.cz Pro zvolení vhodných klíčových slov může posloužit také český vyhledávač Seznam.cz a jeho statistiky hledanosti, které jsou volně přístupné uživatelům. Statistiky hledanosti od Seznamu nejsou tak podrobné jako návrhář klíčových slov Google, ale pro zjištění hledaností a rozšiřujících hledaných výrazů může být zajímavým doplňkem ke Google nástroji. 2 Plánovač klíčových slov integrovaný do nástroje AdWords 3 Nástroj na správu a optimalizaci placených kampaní společnosti Google 11
Obrázek 1.3 statistika hledanosti dotazu trička Zdroj: http://search.seznam.cz/stats?q=trička Obrázek 1.4 tabulka s nejhledanějšími dotazy na slovo trička Zdroj: http://search.seznam.cz/stats?q=trička 1.3.3 Našeptávače vyhledávačů Našeptávače vyhledávačů slouží pro zobrazení podobných hledaných frází, které souvisejí se zadaným dotazem. Mohou proto být vhodným doplňkem při analýze klíčových slov. Především díky aktuálnosti nabízených hledaných frází, které mnohdy souvisejí se sezónností 12
nebo aktuálními trendy. Pro podmínky českého trhu jsou využitelné našeptávače vyhledávačů Seznam.cz a Google.cz. Na obrázku 1.5 je vidět aktuální trend nabízený našeptávačem Google na dotaz trička trička game of thrones. Obrázek 1.5 - nabídka hledaných dotazů našeptávače Google Zdroj: https://www.google.cz/, vlastní úprava Vyhledávač Seznam obsahuje také vlastní našeptávač, který nabízí relevantní hledané fráze k zadanému dotazu. Tyto návrhy se dokonce doplňují před i za hledané klíčové slovo. Obrázek 1.6 nabídka hledaných dotazů našeptávače Seznam.cz Zdroj: https://www.seznam.cz/, vlastní úprava 1.4 Vstupní stránka landing page Jelikož webové stránky obsahují velké množství textu a tudíž i velké množství klíčových slov, přes která se mohou návštěvníci na stránky dostat z vyhledávačů, je každá jednotlivá stránka na webu vyhledávači vnímána samostatně. Toho lze samozřejmě využít pro zacílení a optimalizaci každé jednotlivé stránky na různá klíčová slova. Díky tomu je tedy možné pokrýt velké množství klíčových slov a získat tak větší množství různého obsahu, který může přivést 13
větší množství návštěvníků z vyhledávačů. Vstupní stránka je tedy taková stránka, přes kterou se návštěvníci dostanou na webové stránky. Z pohledu vyhledávačů jsou to všechny indexované stránky daného webu. 1.5 Cíle SEO Optimalizace pro vyhledávače je součástí internetového marketingu a proto i jeho cíle by měli reflektovat cíle marketingové strategie. Ta může být různá podle využití webových stránek, ale cíle SEO jsou často totožné s cíli webových stránek a to obvykle jsou: maximalizace zisku maximalizace obratu / tržního podílu maximalizace návštěvnosti maximalizace zvolených konverzí 14
2 Technické faktory Technické faktory webových stránek významně ovlivňují další fáze optimalizace pro vyhledávače. Technické faktory řeší jak správně nastavit webový server a naprogramovat a kódovat webové stránky tak, aby vyhledávače mohly snadno indexovat jejich obsah a aby ho dokázaly správně vyhodnotit. 2.1 Indexace stránek vyhledávači Indexované stránky webu jsou takové stránky, na které mají vyhledávače přístup a mohou je tudíž zařadit do svého indexu. Na tomto základě je mohou zobrazovat ve výsledcích vyhledávání. Vyhledávací roboti při procházení internetu objevují nově vytvořené webové stránky, které by mohli zařadit do svého indexu a pokud stránky neobsahují technická omezení, která by této indexaci zabraňovala, budou zaindexované a budou se také zobrazovat ve výsledcích vyhledávání. Jednoduchý návod, jak lze zjistit, které stránky zkoumaného webu jsou indexované, je zadat do vyhledávacího pole vyhledávače dotaz s operátorem site - site:www.zkoumana_stranka.cz. Výsledek vyhledávání pak zobrazí jen takové stránky webu, které vyhledávač zaindexoval a lze je porovnat se všemi stránkami zkoumaného webu. Poměr všech stránek webu a indexovaných stránek ukazuje do jaké míry je web viditelný pro vyhledávače. 15
Obrázek 2.1 Použití operátoru site Zdroj:http:www.google.com, vlastní úprava 2.2 Navigační struktura stránek Systém navigace na webových stránkách umožňuje návštěvníkům rychlé vyhledávání požadovaných informací. Rychlé nalezení informací na webu je důležité také pro vyhledávače, navíc vhodná struktura navigace umožní vyhledávačům rozpoznat, který obsah považuje autor za důležitější. Pro vyhledávače je důležité i to, jakou roli hraje stránka v rámci hierarchie celého webu. [9] Při vytváření navigace to obnáší především rozmyšlení a zařazení témat webu. Pokud vlastníme například webové stránky o sekačkách bude vhodnějším řešením založit nadřazené stránky pro benzinové a elektrické sekačky a do těchto dvou kategorií rozdělit konkrétní produkty (sekačky), než rozložit všechny produkty na jednu stránku. Při vytváření navigační struktury je důležité rozmyslet, jak budou návštěvníci webu procházet z hlavní stránky na stránky s detailnějším obsahem a tuto cestu jim co nejvíce usnadnit. 16
Obrázek 2.2 ukázka členěné struktury adresářů Zdroj: https://static.googleusercontent.com/media/www.google.cz/cs/cz/intl/cs/webmasters/docs/search-engineoptimization-starter-guide-cs.pdf 2.3 Drobečková navigace Označení pro drobečkovou navigaci je řádek interních odkazů s popisem cesty umístěný většinou v horní části stránky, který umožňuje návštěvníkům rychle přejít na předcházející nebo kořenovou stránku. Obrázek 2.3 drobečková navigace Zdroj: https://www.alza.cz/tiskarny/inkoustove/multifunkcni/18850255.htm Vyhledávač Google doporučuje pro správnou tvorbu navigace tyto body. [9] Vytvořit přirozenou hierarchii a usnadnit tak uživatelům přecházet z obecného na konkrétní obsah. Pokud je to potřeba, tak vytvoření navigačních stránek, které budou efektivně zapracované do navigační struktury. Pro navigaci používat převážně textové odkazy. Textové odkazy usnadňují procházení a lepší pochopení struktury webu pro vyhledávače. 17
Co naopak Google nedoporučuje. [9] Vytváření spletitých a složitých navigačních odkazů, kde na sebe všechny stránky odkazují navzájem. Členit a kouskovat obsah přespříliš. Aby návštěvník nemusel procházet mnoho stránek, než se dostane k požadovanému obsahu. Nevytvářet navigaci založenou pouze na obrázcích nebo animacích. Takovou formu navigace nemusí některé vyhledávače rozpoznat. Toto se týká například navigací vytvořených v technologii Flash. Všechny tyto kroky pomohou návštěvníkům při orientaci na webu a vyhledávačům při určování priorit stránek a jejich procházení. 2.4 Rychlost načítání stránek Webové stránky, které se načítají pomalu mají nejen vysokou míru opuštění, protože návštěvník nechce čekat na načtení a stránky opouští, ale je to také jeden z faktorů, který ovlivňuje umístění stránek ve vyhledávačích. Podle pokynů pro webmastery od společnosti Google je vhodné sledovat výkon stránek a optimalizovat dobu načítání. Cílem Googlu je poskytnout uživatelům nejrelevantnější výsledky vyhledávání a skvělý uživatelský dojem. Rychlé weby jsou pro uživatele příjemnější a zvyšují kvalitu celé sítě World Wide Web (především pro uživatele s pomalým internetovým připojením). Věříme, že pokud webmasteři zlepší své weby, zvýší se i celková rychlost sítě World Wide Web. [10] Rychlost načítání webových stránek lze zjistit nástrojem PageSpeed Insights, který také poskytuje sady doporučení pro zrychlení načítání stránek. 18
Obrázek 2.4 měření rychlosti načítání stránek Zdroj: http://developers.google.com/speed/pagespeed/insights/?url=www.bivs.cz&tab=desktop, vlastní úprava 2.5 Struktura URL adres To, jak jsou jednotlivé stránky na webu uspořádané, se většinou odráží také ve složení a tvaru URL adres. Dobře srozumitelná adresa lépe napoví obsah stránek. URL adresa se ve vyhledávačích zobrazí jako součást výsledku vyhledávání a to pod názvem stránky a úryvkem, proto nesrozumitelná a příliš dlouhá adresa může být odrazující také pro uživatele. 19
Obrázek 2.5 Zobrazení URL adresy ve vyhledávání Zdroj: http://www.google.com, vlastní úprava Výhodné je používání krátkých a "čistých" URL adres, které obsahují klíčová slova vztahující se k obsahu dané stránky. Vychází se přitom z toho, že co je jednoduše čitelné a zapamatovatelné pro uživatele je také dobré pro vyhledávače. [9] Google poskytuje tato doporučení pro tvorbu URL adres: [9] Nedoporučuje používat dlouhé adresy URL obsahující nadbytečné parametry nebo ID relace Doporučuje nevolit příliš obecné názvy stránek, například "stranka1.html" Doporučuje nepoužívat přehnané množství klíčových slov Nevnořovat hluboké adresáře, např..../adr1/adr2/adr3/adr4/stranka.html Nedávat adresářům název, který nijak nesouvisí s jejich obsahem Nevhodná URL adresa: http://www.firma.cz/clanek.php?&id=78652&lang=cs&user=e061c9aea50263 01 Vhodná URL adresa: http://www.firma.cz/historie-spolecnosti/ 2.6 Duplikace stránek (obsahu) S použitím vhodných URL adres stránek souvisí také duplikace stránek a obsahu. Pro vyhledávače je nevhodné řešení, pokud je stejná stránka dostupná z více URL adres. To znamená, že někteří uživatelé mohou odkazovat na jednu verzi URL adresy a jiní uživatelé na verzi rozdílnou, čímž se hodnocení (reputace) spojená s daným obsahem rozděluje mezi různé verze adresy URL. Aby nedocházelo k této duplikaci je nutné ve struktuře a interních odkazech stránek odkazovat vždy na stejnou URL adresu. Pro zamezení existence několika URL adres se stejným obsahem je potřeba nastavit přesměrování pomocí stavového kódu 20
301 4 z neupřednostňovaných adres URL na dominantní adresu. Pokud je přesměrování 301 nevhodné nebo nelze-li použít, lze použít prvek link rel="canonical" 5. Pomocí prvku link s atributem rel="canonical" můžeme označit preferovanou URL adresu. Zápis tohoto prvku pak vypadá následovně: <link rel="canonical" href="http://blog.example.cz/saty/zelene-satyjsou-skvele" /> Toto označení preferované URL adresy je nutné přidat do všech duplicitních stránek. Tím je možné vyhledávačům a jejich robotům jednoznačně sdělit jakou URL adresu mají považovat jako hlavní a kterou mají zařadit do výsledků vyhledávání. Použití prvku link rel="canonical" často souvisí s duplikací obsahu v důsledku chybné konfigurace serveru tak, že zobrazuje stejný obsah pro subdoménu www nebo protokol https. Příklad chybné konfigurace serveru a vzniklé duplikace stránek: http://example.cz/zelene-saty https://example.cz/zelene-saty http://www.example.cz/zelene-saty 2.7 Robots.txt Soubor robots.txt slouží k nastavení pravidel pro stahování stránek vyhledávacími roboty. Pomocí nastavení v tomto souboru může autor stránek robotům sdělit jaké stránky nebo části webu nemá robot navštěvovat. Používá se v případech, kdy je stránka webu funkční a přístupná pro návštěvníky, ale robotům je potřeba stahování části stránek zakázat (administrace webu, interní diskuzní fóra, apod.). Soubor robots.txt je textový soubor, který musí být umístěn v kořenovém adresáři webu a jeho název musí bát psán malými písmeny. Vyhledávací roboti, kteří přijdou na stránky, se nejprve podívají do tohoto souboru, pokud existuje, aby zjistili jestli není procházení stránek nějak omezeno nebo zakázáno. Častým problém bývá chybně nastavený soubor robots.txt, který tak zakazuje vyhledávačům přístup na stránky webu, které by však mohli být zařazeny 4 Stavový kód 301 je součást hlavičky odpovědi serveru na klientský požadavek. 301 Moved Permanently požadavky budou přesměrovány na danou URL. 5 Atribut rel= canonical slouží pro uvedení preferované URL adresy pro vyhledávače. 21
do indexu. Soubor robots.txt může obsahovat spoustu příkazů, které má každý vyhledávač unikátní. Ukázka jak může vypadat soubor robots.txt nastavený tak, aby zakázal vyhledávacímu robotu Seznamu přístup do adresáře /diskuze/. Do souboru robots.txt je také vhodné přidat URL adresu obsahující sitemapu stránek, soubor sitemap.xml. Podoba souboru robots.txt: User-agent: SeznamBot Disallow: /diskuze/ Sitemap: http://www.modnitricka.cz/sitemap.xml Zobrazení souboru robots.txt umístěného v kořenovém adresáři webu a jeho zobrazení v prohlížeči lze pak vyvolat následovně: http://www.webove_stranky.cz/robots.txt 2.8 Soubor sitemap.xml Soubor sitemap.xml obsahuje výpis jednotlivých stránek webu a poskytuje tím vyhledávačům informace o uspořádání obsahu. Vyhledávací roboti mohou díky tomu procházet web inteligentněji a vlastník webu je může informovat o nově vzniklých stránkách na webu. Pokud jsou jednotlivé stránky na webu propojené odkazy, dokáží je vyhledávače správně procházet a indexovat sami, pokud je ale vnitřní provázání stránek nevhodné, mohou být některé stránky pro vyhledávače neviditelné. V tomto případě je ruční přidání stránky do souboru sitemap.xml pro indexaci stránky nutné. Soubor sitemap.xml se umisťuje do kořenového adresáře webu a lze k němu přistupovat přes adresu http://www.ukazkova-stranka.cz/sitemap.xml. Soubor sitemap.xml může být užitečný a může procházení stránek roboty zefektivnit. Podle informací, které poskytuje vyhledávač Google to může být v těchto případech: [11] Web obsahuje velké množství stránek - je pravděpodobnější, že by roboti Googlu mohly některé nové nebo aktualizované stránky přehlédnout. Web obsahuje rozsáhlý archiv stránek, které jsou izolovány nebo nejsou navzájem propojeny - pokud na sebe stránky webu navzájem přirozeně neodkazují, mohou se uvést v souboru Sitemap a tím zajistit, aby je vyhledávače našly. 22
Web je nový a směřuje na něj málo odkazů - vyhledávače prochází web tak, že následují odkazy směřující z jedné stránky na jinou. Pokud na stránky neodkazují žádné jiné weby, vyhledávací roboti by je nemuseli objevit. Podoba jednoduchého souboru sitemap.xml s jednou URL adresou: <?xml version="1.0" encoding="utf-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>http://www.priklad.cz/pokus.html</loc> <changefreg>monthly</changefreg> <priority>1.0</priority> </url> </urlset> Kromě značky <loc>, která označuje adresu konkrétní stránky lze přidat ještě doplňující informace <changefreg> a <priority>. Těmito značkami získávají vyhledávače informace o tom, jak často se stránka aktualizuje, respektive jakou má prioritu vzhledem k ostatním stránkám na webu. Pokročilejší techniky práce se souborem Sitemap zahrnují například vytvoření tzv. indexu souborů Sitemap. Tento index souborů Sitemap zahrnuje jednotlivé Sitemapy, které vždy obsahují určitou část webu. Použití tohoto indexu se hodí především pro velké weby, které by jinak obsahovaly jeden velmi velký soubor Sitemap. Možná podoba indexu souborů Sitemap: <?xml version="1.0" encoding="utf-8"?> <sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <sitemap> <loc>http://www.priklad.cz/sitemap1.xml.gz</loc> <lastmod>2015-02-01t17:20:10+00:00</lastmod> </sitemap> <sitemap> <loc>http://www.priklad.cz/sitemap2.xml.gz</loc> <lastmod>2015-01-01</lastmod> </sitemap> </sitemapindex> 23
3 On-Page SEO faktory On-Page SEO faktory jsou takové faktory, které lze ovlivnit přímou úpravou na stránkách samotných. Z hlediska SEO se váha faktorů neustále mění. Je to z důvodů jejich zneužívání i snahy vyhledávačů přicházet s lepšími výsledky. Přestože faktorů je více než 100, pouze zlomek z nich má skutečný klíčový význam. Na druhou stranu pečlivá práce i s ostatními faktory může být tou pověstnou kapkou, která rozhodne o tom, že vaše stránky budou před konkurencí. [7] Následující on-page faktory jsou v současné době považovány za klíčové. [7] 3.1 Titulky stránek Titulky stránek jsou jedním z nejvýznamnějších faktorů, které říkají návštěvníkům a vyhledávačům jaké je téma dané stránky. [12] V HTML kódu webové stránky se titulek označuje párovým tagem <title></title> a jeho umístění je v sekci <head></head>. Obrázek 3.1 titulek domovské stránky Bivs.cz Zdroj: http://www.bivs.cz, vlastní úprava Značka <title> se pak ve výsledcích vyhledávání zobrazuje takto: Obrázek 3.2 titulek stránky zobrazený ve výsledcích vyhledávání Zdroj: http://www.google.cz, vlastní úprava V ideálním případě se doporučuje použití jedinečného titulku pro každou stránku webu. Pro vyhledávače se doporučuje použití klíčového slova v titulku stránky, nejlépe na začátku a délka titulku by měla být mezi 50-60 znaky. [12] [13] 24
3.2 Meta description Metaznačka description poskytuje vyhledávačům i uživatelům stručný souhrn informací o dané stránce. Na rozdíl od titulku stránky značka description může obsahovat krátký popis nebo odstavec textu, který popisuje danou stránku. Podobně jako u titulku se doporučuje vytvářet unikátní popis description pro každou stránku webu. [14] Častou chybou správců stránek bývá vyplnění shodného description popisku pro všechny stránky. Ve výsledcích vyhledávání je to pak právě značka description, která je často vidět pod titulkem a URL adresou. Obrázek 3.3 zobrazení popisku description v úryvku vyhledávání Zdroj: http://www.bivs.cz, vlastní úprava V HTML kódu se meta značka description nachází, stejně jako titulek, v úvodní části <head></head>. Vyplněný popisek description pak vypadá například takto: <meta name="description" content="kvalitní trička s vlastním potiskem, mikiny a další textil s módním designem s možností výběru nebo tvorby vlastního potisku. Vytvořte si vlastní oblečení s potiskem."> Pro správnou interpretaci vyhledávači je doporučeno vytvářet meta značky description v délce 125-155 znaků. [15] Optimalizovaná značka description obsahující zajímavý a poutavý text, který návštěvníka zaujme, je přínosnější. Je to právě popisný text, který je vidět ve výsledcích vyhledávání u dané stránky a tak může rozhodnout o tom, zda na ni návštěvník klikne a navštíví web nebo ne. 25
3.3 Nadpisy stránek Texty strukturované pomocí rozdílných druhů nadpisů jsou nejen lépe čitelné pro návštěvníky, ale také dávají vyhledávačům jasné informace o tom, jak je text na stránce rozdělený a jak je který nadpis důležitý. Důležitost, a obvykle i velikost a styl písma, se u nadpisů v HTML označuje pomocí párových tagů <h1>, <h2>, <h3> až <h6>. <h1> pro nadpis nejvyšší úrovně až <h6> pro nejnižší úroveň. Pro optimalizaci stránek je doporučováno použití úrovní nadpisů ve výše zmíněném pořadí a to tak, aby každá stránka obsahovala právě jeden hlavní nadpis typu <h1> a další nižší podle důležitosti. Při optimalizaci stránky na klíčové slovo se také doporučuje zahrnout toto slovo do nadpisů. [16] [17] 3.4 Tvorba obsahu na web (copywriting) Pokud jsou všechny SEO faktory stránek vyladěné pro uživatele i vyhledávače, neznamená to nic v porovnání s tím co znamená pro webové stránky kvalitní obsah. Vytváření obsahu na web (copywriting) je jednou z nejdůležitějších činností spojených s optimalizací. Kvalitní a dobře napsaný text je klíčový nejen pro obsah stránek, ale i pro další související oblasti jako jsou zprávy, sociální sítě, blogy, encyklopedie, atd. [18] 3.4.1 Funkce obsahu Obsah má v zásadě dvě funkce - oslovit čtenáře a sdělit vyhledávačům, že stránka má vysokou hodnotu (je relevantní) pro určitá klíčová slova. Pro funkci obsahu a chování zákazníka na internetu se dnes používá tento model: [7] Potřeba poznání Předprodejní aktivity a hledání Ověření a rozhodnutí koupit Vlastní nákupní akt Ponákupní hodnocení Marketing na internetu má za úkol vyvolat zájem a potřebu zákazníka o produkt. Obsah pak musí poskytnout dostatek informací ještě před rozhodnutím o koupi, ve fázi ověřování a 26
samozřejmě vlastního nákupu. Při psaní textů pro web je dobré mít jasno v tom za jakým účelem je text psán, co se má čtenář dozvědět a čím ho chceme zaujmout. [7] 3.5 Interní odkazy - texty odkazů Nejenom odkazy, které odkazují na webové stránky z jiných stránek na internetu jsou důležité pro vyhledávače. Interní odkazy jsou takové odkazy, které vzájemně propojují stránky stejného webu. Čím lépe je zvolený text interního odkazu (anchor text 6 ), který říká návštěvníkům něco o obsahu stránky na kterou odkazuje, tím je prospěšnější také pro vyhledávače. [19] Proto, aby se vyhledávače mohly dostat na všechny jednotlivé stránky webu je důležité, aby byly navzájem provázané. Správně zvolený odkaz by měl obsahovat klíčové slovo cílové stránky, tedy takové klíčové slovo, na které je odkazovaná stránka optimalizovaná. [20] K popisu odkazu slouží atribut title, který se zobrazí vždy při najetí kurzoru na odkaz. Interní odkaz může vypadat takto: <a href="stranky/navod.php" title="návod na vytvoření vlastního trička" Návod na tvorbu vlastního trička</a> 3.6 Obrázky To co obsah webových stránek doplňuje a dělá ho zajímavější jsou právě obrázky. Popis obrázku, někdy se označuje jako alternativní text, se do kódu stránek vkládá do parametru alt a měl by stručně popisovat to, co se na obrázku nachází. [7] Pokud se uživatelům obrázky nezobrazují, dostávají prostřednictvím alternativního popisku informaci o tom, že se na stránce nachází obrázek a pokud je správně vyplněn, tak také informaci o tom, co na něm je. Vyhledávač Google například zařazuje obrázky na hledaný dotaz do stránky s výsledky vyhledávání. 6 Anchor text viditelná část hypertextového odkazu 27
Obrázek 3.4 vyhledávání obrázků na Google.com Zdroj: http://www.google.com, vlastní úprava Obrázky je ve zdrojovém kódu možno doplnit o popisky, které vyjadřují textový popis obrázku a alternativní popisek pro zařízení, kde nelze obrázky správně zobrazit. Název obrázku - nepoužívat příliš obecné názvů obrázků, takový popis neposkytne návštěvníkům ani vyhledávačům žádné informace o obrázku. [9] Titulek obrázku - popisuje co je na obrázku zobrazeno. Alt popisek - alternativní popisek se zobrazí v případě, že obrázek nelze z nějakého důvodu načíst. To může nastat například při zobrazení stránky ve čtecím zařízení. V takovém případě se načte alternativní popisek a zobrazí se namísto obrázku. V HTML kódu mohou popisné údaje k obrázku vypadat následovně: <img src="benzinova-sekacka.gif" title="benzínová sekačka s vlastním pojezdem" width="150" height="150" alt="benzínová sekačka s vlastním pojezdem"> 28
4 Off-page SEO faktory Faktory, které se nenacházejí na samotných stránkách, ale mimo ně, se označují jako off-page faktory. [7] Off-page faktory nelze ovlivnit přímou úpravou na stránkách, ale označují se tak vnější vlivy, které působí na danou stránku. Jedná se tedy o něco, co lze udělat pro posílení webové prezentace přes ostatní webové stránky. Mezi nejčastější prostředek jak přivést na webové stránky více návštěvníků a zvýšit jejich pozici ve vyhledávání patří tzv. zpětný odkaz. Off-page faktory stránky představují především souhrn všech zpětných odkazů, které na vaši stránku míří ze stránek mimo vlastní doménu. Souhrn všech těchto odkazů bývá v angličtině označován jako link popularity. Důležitá je jak kvantita, tak i kvalita zpětných odkazů. [21] Čím lepší jsou off-page faktory stránky, tím vyšší je i hodnocení v očích vyhledávačů a ty ji pak vypisují na lepší pozici ve výsledcích vyhledávání. [21] 4.1 Linkbuilding - budování zpětných odkazů Linkbuilding je proces získávání zpětných odkazů z jiných webových stránek na své vlastní. Odkaz je způsob jak uživatele navigovat mezi stránkami na internetu. Vyhledávače používají odkazy k procházení webu - mohou procházet odkazy mezi jednotlivými podstránkami webu a také k procházení mezi jednotlivými webovými stránkami navzájem. [22] Z pohledu vyhledávačů zvyšují odkazy popularitu stránek a tím pravděpodobnost lepšího umístění ve vyhledávání. Z pohledu uživatelů jde o zvyšování povědomí o značce, firmě nebo konkrétním produktu. Faktory SEO a linkbuildingu se stále mění. V dnešní době je však význam budování vysoce kvalitních odkazů zdaleka největší. [22] Budování zpětných odkazů patří mezi základní činnosti spojené s optimalizací pro vyhledávače. Možností na získání zpětných odkazů je velké množství a často závisí na schopnostech a zkušenostech linkbuilderů 7. Mezi nejznámější možnosti patří výměna odkazů, získání odkazů z článků nebo vyhledání a oprava chybných odkazů. 7 Linkbuilder je člověk, který se zaměřuje na získávání zpětných odkazů na internetu. 29
4.1.1 Dvoucestná výměna odkazů Dvoucestná výměna odkazů je zatím prakticky nejrozšířenější a vyhledávačem také nejsnáze odhalitelná. Metoda v podstatě spočívá v tom, že si majitel internetových stránek vyhlédne zajímavý web a osloví jeho správce s nabídkou vzájemné spolupráce. Administrátor webu A pak vloží na stránky odkaz na web B a administrátor webu B zase přidá zpětný odkaz na web A. Obrázek 4.1 dvoucestná výměna odkazů Zdroj: http://3-way-linkbuilding.cekuj.net/ 4.1.2 Získání zpětných odkazů ze článků Sofistikovanější získání zpětného odkazu je získání odkazu ze článku nebo blogu. Tato spolupráce probíhá často za nějaký druh úplaty. Může tedy být placená nebo může být forma kompenzace například předáním produktu, vždy závisí na vzájemné domluvě linkbuildera a majitele blogu. Častá forma spolupráce je také taková, že bloger napíše článek o produktu (s odkazem na příslušnou webovou stránku produktu) a za tento článek produkt dostane. Obrázek 4.2 - odkazy na produkty z článku na blogu Zdroj: http://www.petralovelyhair.com/2015/06/grwm-festival-look-liceni-vlasy-outfit.html 30
4.1.3 Vyhledání a oprava chybných odkazů Odkazy na stránky vznikají po celou dobu životního cyklu webu a ne vždy vznikají z iniciativy majitele nebo správce webu. Díky tomu může vzniknout určitý počet odkazů, které odkazují na již neexistující stránky. Takové odkazy jsou nevyužité a stránkám nijak nepomáhají. Vyhledání a opravení těchto chybných odkazů je jednou z možností jak stránkám znovu pomoci a směřovat návštěvníky z těchto odkazů opětovně na správné stránky. Chybné odkazy vznikají nejčastěji při větších úpravách webu, kdy dochází ke změně URL adres jednotlivých podstránek. Příslušné externí odkazy tak ztratí stránku, na kterou dříve směřovaly. K vyhledání chybných odkazů slouží například nástroj MajesticSEO 8. Obrázek 4.3 - ukázka zjištění zpětných odkazů na stránky bivs.cz Zdroj: https://majestic.com/ 4.2 Ideální zpětný odkaz Ideální zpětný odkaz je takový, který pomůže webovým stránkám dosáhnout stanovených cílů a může vypadat následovně: [23] Odkaz vede z autoritativního webu z hodnotné tematicky příbuzné stránky. Odkaz leží uvnitř relevantního souvislého textu. Odkaz míří na konkrétní podstránku mého webu. Viditelný a proklikávaný odkaz na důvěryhodné navštěvované stránce. 8 Webový nástroj na analýzu odkazových profilů stránek 31
Přes odkaz přicházejí relevantní návštěvníci. Odkaz vede z indexované stránky. Přímý, jednosměrný HTML odkaz bez nofollow. Na odkazující stránce není moc jiných odkazů. Jiné odkazy na odkazující stránce míří na další kvalitní a relevantní weby. Odkaz je trvalý a dlouhodobý, získaný za přiměřené náklady. 4.3 Linkbaiting Jiný pohled na odkazy nabízí dělení na placené, přirozené nebo vyměněné odkazy. Nejlepší cesta je za odkazy neplatit a v nejlepším případě se ani nestarat o jejich budování a získávat je tzv. "automaticky". Linkbaiting označuje proces získávání zpětných odkazů bez aktivní snahy linkbuildera. Linkbaiting označuje doslova lákání odkazů. Linkbaiting je zajímavý v tom, že není potřeba vyvíjet snahu na získávání odkazů, ale uživatelé na webové stránky odkazují sami. K tomu je často zapotřebí kvalitní obsah, který si uživatelé navzájem sdílejí nebo například zajímavá aplikace nebo pomůcka, která řeší určitý problém a uživatelé si na ni budou navzájem posílat odkaz a budou o ní diskutovat na blozích a diskuzních fórech. 4.4 Sociální sítě Sociální sítě jsou stránky, které mají vysokou návštěvnost, velký počet vracejících se uživatelů a obsahují velké množství obsahu. Jsou tedy ideálním kandidátem pro získání zpětného odkazu. Ze SEO pohledu se lze dívat na sociální sítě ve dvou rovinách. První je získání odkazu za účelem posílení pozice klíčového slova a potažmo webové stránky ve výsledcích vyhledávání. Tento přístup je ale značně omezen ze strany sociálních sítí. Protože sociální sítě obsahují velké množství odchozích odkazů, rozhodli se vývojáři nastavit všechny tyto odkazy tak, aby nepředávaly rank (sílu) na stránky na které odkazují. Dělají to takovým způsobem, že každému odchozímu odkazu připojí atribut rel= nofollow. Tím dají vyhledávačům jasný pokyn k tomu, aby nesledovaly tyto odkazy a nepřenášely hodnocení rank, v případě vyhledávače Google PageRank a v případě Seznamu Srank. Mimo využití pro zpětné odkazy jsou sociální sítě především důležitým kanálem pro komunikaci se zákazníky, fanoušky a obecně komunitou, kterou obsah webových stránek vytváří. Proto druhá rovina pohledu na sociální sítě a odkazy z nich vedoucí není z pohledu posílení webových stránek ve vyhledání skrze na ně vedoucí zpětný odkaz, ale je to především důležitý zdroj relevantní návštěvnosti. 32
5 Moderní přístup k SEO SEO je dynamická oblast internetového marketingu, proto se mění i přístup k SEO. Již delší dobu nejde jen o získání co nejlepších pozic na co nejobecnější klíčová slova, ale do oblasti SEO spadají i techniky a metody zdánlivě nesouvisející. Jde například o budování zajímavého obsahu na webu nebo například o tvoření webových stránek přizpůsobených pro mobilní zařízení. 5.1 Inbound marketing Lidé přicházejí na stránky z různých zdrojů. Část návštěvníků přichází na stránky z placených zdrojů, tedy z nějaké formy reklamy - PPC ve vyhledávání, reklamní bannery, placené e- mailingy, affiliate programy. Naproti tomu je část návštěvníků, kteří přicházejí na stránky z neplacených zdrojů - vyhledávače, sociální sítě, odkazy. Za tento druh návštěvnosti však firmy nikomu neplatí. Jde jen o to, jak investují svůj čas do optimalizace pro vyhledávače, vytváření zajímavého a hodnotného obsahu, jak komunikují na sociálních sítích a jak zapojují uživatele do budování zpětných odkazů. Tato strategie zaměřená na dlouhodobé marketingové investice do neplacených zdrojů se označuje jako inbound marketing. "Jedním ze základních předpokladů pro dobrý inbound marketing je výborná znalost současných i budoucích klientů. Vědět kdo jsou, o co se zajímají, kde se v online prostředí pohybují. Pak už stačí jen být na těch správných místech k nalezení. Zatímco klasická reklama se snaží zaujmout uživatele za každou cenu (i tehdy, kdy se o ni nezajímá), prostředky inbound marketingu jsou praktičtější - dostat se svými výsledky, komentáři, odborným vyjádřením do zorného pole uživatele v okamžiku, kdy se snaží zjistit něco o produktu či službě sám. Když vyhledává, když pročítá blogy, když porovnává recenze." [24] 5.2 Responzivní design S rostoucím počtem mobilních zařízení vzrůstá potřeba optimalizovat webové stránky tak, aby se na těchto zařízeních zobrazovaly správně. Mezi tyto zařízení patří nejčastěji notebooky, netbooky, chytré mobilní telefony a tablety. Responzivní design je způsob stylování HTML stránky, který zaručí, že zobrazení stránky bude optimalizováno pro všechny druhy nejrůznějších zařízení. 33
Obrázek 5.1 responzivní design webu Megapixel.cz Zdroj: http://www.peckadesign.cz/reference/megapixel Vyhledávač Google v dubnu letošního roku aktualizoval svůj mobilní algoritmus tak, že nyní ve výsledcích vyhledávání zohledňuje webové stránky, které jsou přizpůsobené pro zobrazování na mobilních zařízeních. [25] Vyhledávač hodnotí především následující faktory: [26] Text stránek je příliš malý na čtení Odkazy jsou příliš blízko u sebe (není možné na ně kliknout prstem) Není nastaven viewport pro mobily Jsou použity nekompatibilní pluginy 34
Obrázek 5.2 - Test použitelnosti stránek v mobilech Zdroj: https://www.google.com/webmasters/tools/mobile-friendly/ 35
6 SEO analýza stránek modnitricka.cz Následující část práce se zabývá SEO analýzou webových stránkách zvoleného internetového obchodu s prodejem oblečení, především triček. Stránky jsou dostupné na adrese http://www.modnitricka.cz/. Analýza stránek je doplněna o doporučení jak opravit případné nedostatky, zlepšit vyhledatelnost a zvýšit úspěšnost stránek ve vyhledávání. Kapitola je rozdělena na dvě hlavní oblasti. První část se zabývá rozborem webu z hlediska on-page SEO faktorů a technických faktorů, tedy faktorů, které lze ovlivnit přímo na stránkách samotných. Zkoumá web po technické a strukturní stránce, například správnou indexaci webu, vhodné URL adresy, meta popisky, titulky nebo nadpisy stránek. Druhá část se zaměřuje na vlastní obsah webových stránek. S tímto tématem úzce souvisí klíčová slova a fráze, které uživatelé zadávají do vyhledávačů a jejich vhodné pokrytí na webových stránkách. Také se zaměřuje na vylepšení stránek pro návštěvníky, například vnitřní odkazové provázání stránek a nový obsah. Komplexní SEO analýza často zahrnuje i analýzu odkazového profilu a zhodnocení konkurence. Pro potřeby této práce je ale tento rozbor příliš rozsáhlý a převyšoval by rozsah bakalářské práce. 6.1 On-Page SEO faktory Analýza SEO faktorů na stránkách samotných. 6.1.1 Indexované stránky webu Vyhledávač Google má indexováno 53 stránek webu http//www.modnitricka.cz (údaj k 27.5.2015). Ke stejnému datu má český vyhledávač Seznam.cz v indexu 52 stránek. Celkový počet stránek zjištěný nástrojem Xenu 9 je 52, to odpovídá správné indexaci na obou vyhledávačích a lze říci, že vyhledávače mají přístup na všechny jednotlivé stránky webu. Obrázek 6.1 počet indexovaných stránek ve vyhledávači Google Zdroj: https://www.google.cz 9 Nástroj pro kompletní zjištění URL stránek webu, metadat a přesměrování. 36
6.1.2 Řešení navigace Vzhledem k nízkému počtu stránek webu modnitricka.cz je navigace řešena správným způsobem, je přehledná a pro uživatele jsou jednotlivé stránky rychle dostupné. Nepoužívá technologie Flash nebo JavaScript, které by mohly způsobovat problémy při procházení vyhledávači a sledování odkazů. Zlepšením může být pouze v úpravě položek v navigaci tak, aby více reflektovaly obsah podstránek. To znamená například upravit položku Návod na Návod na tvorbu vlastního trička. Pro položku Materiály to může být Materiály pro potisk. Obrázek 6.2 hlavní navigace stránek Módní trička Zdroj: http://www.modnitricka.cz 6.1.3 Struktura URL adres URL adresy stránek modnitricka.cz neobsahují problematické znaky ani nejsou dynamicky generované. Mohly by však lépe popisovat danou stránku a obsahovat důležitá klíčová slova. Zbytečným popisem v URL adrese je slovo /stranky/, které je obsaženo v každé URL. Doporučením je tuto část odstranit a zahrnout do URL klíčové slovo. Struktura URL adresy by pak mohla vypadat následovně: Současný tvar URL: http://www.modnitricka.cz/stranky/technologie.php Navrhovaný tvar URL: http://www.modnitricka.cz/technologie-potisku.php 6.1.4 Použití souboru robots.txt Stránky modnitricka.cz obsahují soubor robots.txt, který nezakazuje přístup do žádné části webu a obsahuje i odkaz na mapu stránek webu. Soubor je dostupný z adresy http://www.modnitricka.cz/robots.txt. 37
Obrázek 6.3 soubor robots.txt z webu modnitricka.cz Zdroj: http://www.modnitricka.cz/robots.txt 6.1.5 Použití souboru sitemap.xml Stránky Módní trička obsahují soubor sitemap.xml ve správné podobě a obsahuje všechny hlavní informace URL adresy stránek, prioritu stránky pro procházení a frekvenci úprav na stránkách. Obrázek 6.4 část souboru sitemap.xml webu modnitricka.cz Zdroj: http://www.modnitricka.cz/sitemap.xml 6.1.6 Rychlost načítání stránek Podle výsledků nástroje PageSpeed Insights 10 dosahují stránky hodnocení 74 bodů ze 100 možných pro rychlost načítání pro počítače a 62 bodů ze 100 pro mobilní zařízení. Návrhy, které nástroj zobrazuje zahrnují především využití načítání do mezipaměti prohlížeče (nastavení data vypršení platnosti statických zdrojů prohlížeč bude načítat již stažené zdroje z disku a nikoli prostřednictvím sítě) a kompresi obrázků. 10 Nástroj na měření rychlosti načítání stránek od společnosti Google 38
Obrázek 6.5 návrhy pro zvýšení rychlosti načítání stránek modnitricka.cz Zdroj: http://developers.google.com/speed/pagespeed/insights/?url=http%3a%2f%2fwww.modnitricka.cz&tab=deskt op 6.1.7 Titulky stránek Webové stránky Módní trička mají vyplněné titulky pro všechny podstránky webu a neobsahují ani duplicitní titulky, takže vyhledávače mohou jednotlivé stránky navzájem lépe odlišit. Vzhledem k doporučení délky titulků 50 60 znaků, by však mohly být delší a zahrnout tak optimalizované fráze a specifická klíčová slova. Současné popisky titulků jsou tvořeny názvem webu na začátku následované popisem dané stránky. Titulky nyní vypadají takto: Stránka: http://www.modnitricka.cz/stranky/technologie.php Titulek: Módní trička technologie potisku 39
Pro lepší vyhledatelnost je vhodné vkládat unikátní název stránky do popředí, tedy na začátek titulku a za tento název pak přidávat název webu. Upravený a rozšířený titulek by pak vypadal následovně: Stránka: http://www.modnitricka.cz/stranky/technologie.php Titulek: Technologie potisku triček a textilu Módní trička 6.1.8 Meta description popisky Popisky meta description jsou důležité především pro zvýšení CTR 11 z vyhledávačů. Mají tedy vliv na míru prokliku ve výsledcích vyhledávání. Stránky Módní trička mají popisky description doplněné, jsou ale pro všechny stránky webu shodné. Zlepšením je vytvoření unikátních optimalizovaných popisků pro každou stránku webu tak, aby obsahovaly klíčová slova a dokázaly více zaujmout potenciální návštěvníky ve vyhledávání. Současná podoba popisku description: Kvalitní trička, mikiny a další textil s módním designem s možností výběru nebo tvorby vlastního popisku. Navrhovaná podoba description popisku pro stránku technologie potisku: Podívejte se na nejrůznější technologie potisku triček a textilu, které používáme. Trička potiskujeme sítotiskem, přímým inkoustovým tiskem nebo sublimačním tiskem pro sportovní dresy. 6.1.9 Použití přirozené mapy stránek Stránky Módní trička neobsahují mapu stránek, ale vzhledem k malému rozsahu webu není nezbytně nutná. Stránky obsahují pouze hlavní navigaci, která je jednoznačná. 6.1.10 Chybová stránka Stránky Módní trička mají vytvořenou chybovou stránku, která informuje návštěvníky o chybě a nabízí základní kontakty na správce webu. 11 CTR z anglického Click Through Rate. Česky míra prokliku jde o poměr mezi počtem kliknutí a celkovým počtem zobrazení výsledku vyhledávání. 40
Obrázek 6.6 chybová stránka webu modnitricka.cz Zdroj: http://www.modnitricka.cz/neco 6.1.11 Obrázky a ALT atributy Stránky Módní trička mají u obrázků vyplněné alt atributy a také atributy title, které se zobrazí při najetí kurzorem na obrázek. Z tohoto pohledu jsou obrázky popsány správně. Doporučení je pouze v rozmanitosti alternativních popisků k jednotlivým obrázkům. Některé popisky jsou psány obecně a neříkají nic o tom co je na obrázku například popisky Celkový pohled. 6.2 Obsah stránek a klíčová slova Stránky modnitricka.cz mají celkem 52 stránek. Rozšířením webu o nové stránky (obsah) a optimalizací současného obsahu lze dosáhnout vyšší přirozené návštěvnosti. 6.2.1 Analýza klíčových slov Z provedené analýzy klíčových slov vzešlo velké množství relevantních klíčových slov, které je vhodné zařadit do obsahu stránek a stávající stránky na ně optimalizovat. Analýza zahrnuje 60 nejvíce hledaných frází na které se lze dále soustředit při optimalizaci. 41
Tabulka 6.1 - Analýza klíčových slov pro modnitricka.cz Klíčová slova Průměrná měsíční hledanost v ČR trička s potiskem 2900 potisk triček 2900 vtipná trička 1300 pánská trička 720 trička s vlastním potiskem 720 tričko s potiskem 720 dámská trička 480 námořnické tričko 480 vlastní tričko 480 tričko s vlastním potiskem 480 potisky na trička 390 originální trička 320 potisk na trička 320 mikiny s potiskem 320 geek trička 320 potisk textilu 320 školní trička 260 herní trička 260 dámské tričko 260 pánské tričko 260 absolventská trička 210 tisk na trička 210 trička s vtipným potiskem 170 seriálová trička 170 potisk trička 170 třídní trička 170 reklamní trička 140 srandovní trička 140 trička s nápisem 140 trika s potiskem 140 vtipná trika 140 potisk na tričko 140 vlastní potisk na tričko 140 filmová trička 110 trička ze seriálů 110 superman tričko 110 star wars trička 110 tričko batman 110 trička potisk 90 vtipná trička s potiskem 90 trička dámská 90 návrh trička 90 42
námořnická trička 90 trička pro deváťáky 90 trička na potisk 90 vlastní trička 90 pánská trička s potiskem 90 tričko simpsonovi 90 potisk dresů 90 mikiny s vlastním potiskem 90 trička big bang theory 70 big bang theory trička 70 trička simpsonovi 70 triko s potiskem 70 tričko bazinga 70 teorie velkého třesku trička 70 výroba triček na zakázku 70 potisk na triko 70 trička star wars 70 Z analýzy klíčových slov vzešly některé hledané výrazy, které mohou působit okrajově, ale pro stránky s možností výroby vlastního potisku jsou velmi zajímavé. Vhodnou oblastí, která by na webu zaujala další skupinu návštěvníků jsou kategorie pro filmová a seriálová trička, srandovní a vtipná trička a absolventská trička. Vytvořením nových stránek pro tyto hledané výrazy lze přivádět na stránky další nové návštěvníky. Rozdělení do kategorií pak bude vypadat následovně: Filmová a seriálová trička Srandovní a vtipná trička Absolventská trička 6.2.2 Rozšíření současného obsahu Současná struktura produktových stránek je řešena pomocí kotev. Znamená to, že stránka s produkty pro potisk http://www.modnitricka.cz/stranky/materialy.php zobrazuje všechny produkty na jedné stránce a to tak, že z levého submenu je možné se po prokliku příslušné kategorie dostat právě na začátek zvolené kategorie. 43
Obrázek 6.7 submenu s přehledem kategorií Zdroj: http://www.modnitricka.cz/stranky/materialy.php, vlastní úprava Pro zvýšení počtu stránek je vhodné založit tyto kategorie jako nové samostatné stránky, které budou optimalizované na související klíčová slova. Díky tomu lze získat množství nového relevantního obsahu, který bude dostupný z vyhledávání a může přivádět nové návštěvníky. Tato úprava může znamenat výrazné zlepšení ve zvýšení návštěvnosti. 6.2.3 Duplicitní obsah Duplicitní obsah na stránkách znamená, že stejný obsah existuje na více URL adresách. Na stránkách modnitricka.cz se nevyskytují duplikované stránky ani nevzniká jiná duplicita způsobená například přístupností stránek s doménou www a bez ní. Při zadání názvu stránek do prohlížeče se web automaticky přesměruje na verzi s www. 6.2.4 Struktura nadpisů Stránky Módní trička mají strukturu nadpisů v pořádku. Každá stránka obsahuje jeden hlavní nadpis a případné další podnadpisy ve správném pořadí. Doporučením je pouze zahrnovat do nadpisů klíčová slova důležitá pro konkrétní stránky. 6.2.5 Vnitřní provázání stránek odkazy Vnitřní propojení webových stránek by mělo logicky provázat jednotlivé stránky a kategorie webu tak, aby bylo možné najít jakoukoliv stránku na webu a vyhledávač mohl poskytnout uživatelům libovolnou stránku a ne pouze domovskou stránku. Každá stránka by tedy měla 44
návštěvníkům poskytnout dostatek možností dostat se přes odkazy na další příbuzná témata. Vzhledem k velikosti webu modnitricka.cz nejsou v této oblasti zásadní problémy s vnitřním provázáním stránek. Největším nedostatkem je stránka s materiály pro potisk a odkazy na jednotlivé produkty. Na této stránce je lepším řešením odkazovat přímo přes název produktu a ne přes odkazy Více informací. Obrázek 6.8 změna odkazů na stránce s produkty Zdroj: http://www.modnitricka.cz/stranky/materialy.php, vlastní úprava Druhým zjištěným nedostatkem nebo spíše doporučením je přidat odkazy na související produkty do jednotlivých produktových stránek materiálů. 45