Vytvořte aplikaci pro analýzu www stránek z hlediska SEO BAKALÁŘSKÁ PRÁCE
Student
:
Jakub Hoffmann
Vedoucí
:
Ing. Rudolf Pecinovský, CSc.
Oponent :
Mgr. Zbyněk Šlajchrt
2013
Prohlášení: Prohlašuji, že jsem bakalářskou práci zpracoval samostatně a že jsem uvedl všechny použité prameny a literaturu, ze které jsem čerpal.
V Praze dne
.................................. Jakub Hoffmann
Poděkování Rád bych na tomto místě poděkoval všem, kteří mi s prací pomohli, především mému vedoucímu panu Ing. Rudolfu Pecinovskému, CSc.
Abstrakt Cílem této práce je vytvoření aplikace pro podporu činností on-page optimalizace existujících internetových stránek pro vyhledávače (SEO). Přínos této bakalářské práce je urychlení optimalizace jednotlivých internetových stránek z hlediska plné automatizace některých činností optimalizace nebo částečné podpory jednotlivých činností optimalizace. Práce je rozdělena do několika částí. První část pojednává o historii vyhledávání informací na internetu. Druhá část je již zaměřena na optimalizaci stránek pro vyhledávače. Třetí část této práce obsahuje rozbor činností procesu optimalizace, které výsledný program má automatizovat a ukázku ovládání programu. V předposlední čtvrté části je ukázána optimalizace konkrétní stránky při automatizování některých činností pomocí programu a poslední pátá část obsahuje shrnutí práce a její přínos pro optimalizátory. Věřím, že čtenář na základě této práce získá základní informace ohledně optimalizace stránek pro vyhledávače a výsledný program značně urychlí proces optimalizace jednotlivých stránek, ale i celých webů.
Klíčová slova SEO, optimalizace, vyhledávač, aplikace pro SEO, webové stránky
Abstract The aim of this project is to create an application that supports on-page optimization of existing websites for search engines (SEO). The application of this thesis is to accelerate optimization of individual websites in terms of either full automation of certain optimization operations or partial support of individual optimization operations. This paper is divided into several parts. The first parts deals with the history of information retrieval on the internet. The second part is focused on optimization of the websites for the search engines. The third part of this work contains thorough analysis of the operations optimization process that the resulting program has automated along with the demonstration of the program. The fourth part of this thesis deals with and illustrates optimization of specific websites during the process of automation of some operations with the help of this program. The fifth and final section of this project includes a summary of this work and its contributions to the optimizers. I believe that reader on the basis of this thesis will obtain basic information on optimization of the websites for search engines (SEO) and the resulting program will accelerate the process of optimization of individual websites as well as the whole web.
Keywords SEO, Search Engine Optimization, Search Engine, Application for SEO, Websites
Cíle práce ............................................................................................................................................... 1
Informace na internetu .................................................................................................................................... 3
4
3.1
Historie vyhledávání na internetu .......................................................................................................... 3
3.2
Vznik dalších internetových vyhledávačů.............................................................................................. 4
Úvod do SEO .................................................................................................................................................. 8 4.1
Historie SEO .......................................................................................................................................... 8
4.2
SEO obecně............................................................................................................................................ 9
4.3
Black hat ................................................................................................................................................ 9
Vyhledávací robot versus člověk ......................................................................................................... 13
4.6
První dojem .......................................................................................................................................... 13
4.7
Vyhledávací robot vs. multimédia ....................................................................................................... 13
4.8
Optimalizace pomocí SEO ................................................................................................................... 14
Specifikace zadání aplikace ................................................................................................................. 27 Rozdělení činností procesního modelu ............................................................................................ 28
Cíle aplikace ................................................................................................................................................. 28 5.3 6
Implementace aplikace ................................................................................................................................. 30 6.1
7
Shrnutí návrhů na cíle aplikace ............................................................................................................ 29 Charakteristiky implementace.............................................................................................................. 30
6.1.1
Prostředí implementace ................................................................................................................... 30
6.1.2
Nástroje pro implementaci aplikace ................................................................................................ 30
6.2
Modely aplikace ................................................................................................................................... 31
6.3
GUI aplikace ........................................................................................................................................ 33
Terminologický slovník......................................................................................................................................... 46 Seznam použitých zdrojů ...................................................................................................................................... 48 Seznam obrázků .................................................................................................................................................... 50
1 Úvod V dávných dobách, před existencí internetu a dnešní informační doby, lidé žili jiným způsobem života. V pravěku při lovu se tlupa lidí obracela na vedoucího skupiny, aby je seznámil s nejlepší strategií, jak ulovit večeři. Později si člověk již byl schopen informace opatřit sám, například z knížek. Dnes v takzvané informační době, kdy existuje internet, již nutně nepotřebujeme vedoucího tlupy nebo hromadu knih, ale máme možnost si potřebné informace rychle a snadno zjistit na internetu. Internet naprosto mění způsob myšlení, který zde existoval tisíce let. Zatím nikdy v historii nebyla možnost zjistit potřebné odpovědi odkudkoliv, během pár minut. Tato doba nám přináší zcela jiný způsob hledání odpovědí na naše otázky. S mírnou nadsázkou lze říci, že pouze stačí mít povrchní informace o potřebném tématu a zbytek informací lze rychle zjistit na již zmíněném internetu. Internet je celosvětová síť, která spojuje miliony počítačů, existuje v něm okolo 634 miliónů (1) webových stránek, na kterých hledáme naší odpověď. Dosud se již na internetu vyvinulo mnoho služeb, které nám nabízejí způsob, jak rychle najít odpověď na naše otázky. Tato práce si klade za cíl stručně vysvětlit historii vyhledávání informací na internetu, problematiku optimalizace internetových stránek s hlavním zaměřením pro dnes již nejdůležitější vyhledávač Google, následně vytvořit vhodný program pro automatizaci některých činností při optimalizaci stránek a navrhnout změny vybrané internetové stránky na základě výstupů z programu.
1.1
Cíle práce
Cíle této práce jsou: ● Představit historii vyhledávání informací na internetu ● Představit optimalizaci pro vyhledávače od vzniku až po dnešek ● Navrhnout aplikaci pro optimalizaci on-page faktorů ● Implementovat aplikaci a na ukázkách stručně vysvětlit její ovládání ● Za pomocí vytvořené aplikace navrhnout úpravy zvolené stránky pro lepší optimalizaci pro vyhledávače.
1
2 Komentovaná rešerše LEDFORD, JERRI L. SEARCH ENGINE OPTIMIZATION BIBLE. INDIANAPOLIS, INDIANA : WILEY, 2009. 978-0-470-45264-6. Kniha je určená pro všechny lidi, kteří mají co do činění s optimalizací webů pro vyhledávače. Kniha obsahuje strategie, techniky a postupy, jak vylepšit pozice ve vyhledávačích a tím zvýšit množství příchozích uživatelů na optimalizovaný web. Nicméně je nutné podotknout, že kniha se zabývá pouze základními postupy, nesměřuje nijak extrémně do detailů. Většinu informací obsažené v této knize lze nalézt volně dostupných na internetu.
KUBÍČEK, MICHAL. VELKÝ PRŮVODCE SEO: JAK DOSÁHNOUT NEJLEPŠÍCH VYHLEDÁVAČÍCH . BRNO : COMPUTER P RESS, 2008. 978-80-251-2195-5.
POZIC VE
Kniha se velmi detailně zabývá optimalizací zdrojového kódu pro vyhledávače, zejména pak se zaměřením na black-hat techniky. Tuto knihu bych doporučil všem majitelům internetových obchodů, kteří se chtějí dozvědět něco o optimalizaci pro vyhledávače nebo i sami chtějí svépomocí své internetové obchody optimalizovat.
ENGE, ERIC. THE ART OF SEO: MASTERING SEARCH ENGINE OPTIMIZATION . SEBASTOPOL : O'REILLY, 2009. 978-1-449-30421-8. Autoři této knihy jsou ve svém oboru celosvětově velmi uznávaní odborníci. Kniha velmi podrobně popisuje problematiku optimalizace a také obsahuje mnoho užitečných ukázkových příkladů. Tuto knihu bych doporučil již pokročilým optimalizátorům stránek.
200 PARAMETERS IN GOOGLE ALGORITHM. SEARCHENGINEJOURNAL. [ONLINE] 18. 12 2009. [CITACE: 17. 3 2013.] HTTP://WWW.SEARCHENGINEJOURNAL .COM/200PARAMETERS -IN-GOOGLE-ALGORITHM /15457/. Velmi rozsáhlý seznam 200 parametrů, podle kterých Google určuje důležitosti jednotlivých stránek. Jedná se sice o stav z roku 2009, tedy již ne úplně aktuální, nicméně pro základní představu o komplexnosti optimalizace zdaleka stačí. Doporučuji tento článek všem lidem, kteří se zabývají optimalizací, jelikož se jedná o velmi zajímavé shrnutí důležitých faktorů SEO.
2
3 Informace na internetu Cíl této kapitoly je základní úvod do problematiky získávání informací na internetu, jaké možnosti nám internet nabízí a kdo rozhoduje o tom, které stránky mají ve výsledcích vyhledávání přednost před ostatními. Na základě tohoto úvodu je v následující kapitole vysvětlen postup jak pomocí SEO zvítězit nad ostatními a získat více návštěvníků, kteří odpověď najdou právě na našich stránkách.
3.1
Historie vyhledávání na internetu
Před rokem 1994 neexistoval ucelený způsob, jak vyhledávat informace na internetu. Sice existovaly vyhledávače, které uměly vyhledat klíčová slova v odborné literatuře, ale pro obyčejné internetové stránky existovaly pouze jednoduché seznamy s popisy, na kterých bylo možné najít určité informace. Do té doby nikdo nepřišel s nápadem, jak uspořádat a ucelit seznam užitečných internetových stránek a umět vyhledávat v jejich obsahu. To se roku 1994 mění. Jerry Yang a David Filo jsou dva postgraduální studenti Stanfordské univerzity. V roce 1994 oba pracují na své doktorské práci, jejímž tématem bylo navrhování integrovaných obvodů. Traduje se, že aby si Yang a Filo odpočinuli od doktorské práce, brouzdali po internetu a jen tak z dlouhé chvíle začali třídit internetové stránky do různých seznamů. Neboli chaotické prostředí, které neznalo žádný řád, začali uspořádat do různých seznamů, které následně uspořádali podle oborů a zaměření. Tento katalog zpočátku nazvali „Jerry´s Guide to the World Wide Web“ a odeslali odkaz na jejich internetovou stránku s tímto seznamem svým kamarádům. Co nikdo z nich neočekával, bylo to, že najednou jejich ucelený seznam začala využívat spousta lidí a hlavně i lidé mimo skupinu jejich kamarádů. O jejich službu začal být neuvěřitelný zájem. Tato skutečnost je dovedla k názoru, že by se otázkou uceleného katalogu měli zabývat více a proto v červnu roku 1994 přejmenovávají svojí stránku na slavnou službu Yahoo. Tento krok znamenal zrod prvního nejvýznamnějšího vyhledávacího katalogu na internetu (2). Ukázka prvního vzhledu Yahoo je zobrazena na obrázku 1. Tento internetový katalog následně prošel mnoha úpravami, ale jádro zůstalo stejné. Jednalo se o seznam stromovitého tvaru, kde jsou odkazy seřazeny do stejných kategorií, a každá další větev stromu znamená větší zaměření na daný obor. Prvně všechny odkazy přidávali pouze Yang a Filo, ale postupem času jim začala pomáhat internetová komunita a to tak, že začali lidé sami přidávat své oblíbené stránky do různých částí katalogového stromu, pomocí tehdy úplně první služby Add URL, neboli přidat odkaz. Postupně tedy vznikal velmi rozsáhlý seznam internetových stránek zařazených do konkrétních kategorií, ve kterém bylo možné pomocí klíčových slov vyhledávat konkrétní stránky z různých kategorií.
3
Obrázek 1: Ukázka prvního vzhledu Yahoo při jeho vzniku, rok 19941
Roku 1995 využívalo katalog přes 200 tisíc lidí denně, což velmi vytěžovalo servery Stanfordské univerzity a donutilo Yanga a Fila založit vlastní firmu a přesunout tuto službu do reálného světa byznysu. Začali nabízet více služeb, než jen vyhledávání pomocí klíčových slov ve svém katalogu. Jedná se zejména o reklamní služby ve formě bannerů. V roce 1996 již jejich katalog obsahoval přes 100 tisíc internetových stránek a denně jej využívalo přes 4 miliony uživatelů (2). Následuje přidávání dalších služeb, jako jsou zejména informace o počasí, burzovní zprávy, Yahoo email a další.
3.2
Vznik dalších internetových vyhledávačů
Yahoo v roce 1996 zažívá velký start svého nepříliš dlouhého prvenství na internetu. Vznikají i další internetové vyhledávače, například Lycos, Galaxy, později i AltaVista, Exite nebo Infoseek (3). Avšak všechny vyhledávače mají stejný princip. Tyto vyhledávače zprvu získávají informace o obsahu jednotlivých internetových stránek pouze z popisu stránek v katalogu, kam tyto informace o obsahu vložili lidé. Postupem času začínají indexovat i skutečný obsah internetových stránek, zejména pak meta tagy: keywords, description a title a objevují se i první fulltextové vyhledávače, jako například WebCrawler (3). Bohužel všechny tyto vyhledávače mají společnou slabinu a tou jsou tvůrci internetových stránek. Tvůrci se snaží nalákat co nejvíce návštěvníků svých stránek tím, že používají nečestné techniky pro 1
obelhání robotů, kteří procházejí jejich obsah stránek a indexují jej. Když jsou úspěšní, tak dosáhnou dobrých pozic ve výsledkách vyhledávání, i když obsah jejich stránek není příliš relevantní k tomu, jak jej vidí roboti. Výsledkem těchto technik je to, že na prvních místech vyhledávání nejsou relevantní výsledky k dotazům uživatelů a tedy uživatele hledání informací stojí více času.
3.3
PageRank
Ve stejnou dobu, kdy Yahoo a ostatní podobné vyhledávače přemýšlejí, jak se ubránit proti snaze tvůrců stránek získat lepší pozice ve vyhledávání nepovolenými technikami, začíná vznikat odlišný projekt od všech výše zmíněných. Tvůrci tohoto nového projektu jsou Larry Page a Sergey Brin. Oni vidí internet jinak nežli ostatní. Uvědomují si, že celý internet je jedna velká struktura odkazů neboli jeden velký graf, kde všechny uzly jsou spolu pospojované. Na základě tohoto faktu vymýšlejí nový způsob vyhledávání a řazení výsledků dotazů. Zavádějí nový pojem PageRank. Tento PageRank je hodnota každé stránky na internetu neboli hodnocení kvality stránky. Hodnocení každé stránky je odvozeno od počtu příchozích odkazů z ostatních stránek. Čím více stránek odkazuje na naší stránku, tím větší hodnotu má PageRank. Aby hodnocení bylo více přesné, nezáleží pouze na počtu příchozích odkazů na danou stránku, ale také na hodnotě PageRank neboli hodnotě stránky, kde se nachází odchozí odkaz, vydělen počtem odkazů na dané stránce. Pro výpočet hodnoty PageRank existuje jednoduchý vzorec:
kde (4).
je množina všech stránek, které odkazují na a, a
je počet odkazů, které vedou z u
Vysvětleno na příkladě: stránka A má hodnotu PageRank 3 a obsahuje další 2 odkazy na jiné stránky a jeden odkaz na naší stránku C. Každý tento odkaz, včetně odkazu, který směřuje na naší stránku C, získá pro sebe hodnotu PageRank. Existuje i stránka B, která má PageRank pouze 2, ale obsahuje pouze jeden odkaz a to na naší stránku C. Tedy ve výsledku naše stránka C získá celkovou hodnotu PageRank 3. PageRank 1 ze stránky A a PageRank 2 ze stránky B. Pokud na naší stránce C existují další odkazy, tak si mezi sebou rozdělí získaný PageRank 3. A tímto způsobem předávání a získávání ranku pokračuje přes všechny stránky na internetu, na které alespoň někdo odkazuje. Pozice ve výsledcích vyhledávání (Search Engine Result Page – SERP) tedy nejsou řazeny pouze podle počtu výskytů hledaného klíčového slova a váhy slova na cílové stránce, ale je 5
zde zahrnuta i tato hodnota stránky PageRank. Vyhledávač, který Page a Brin spolu založili, se jmenuje Google. Google kromě této nové metody řazení výsledů vyhledávání nabízí i velmi střídmý a přehledný vzhled na rozdíl od Yahoo, které se postupem času stává stále více a více nepřehledné a přeplněné reklamami. Velký zlom nastal roku 2000, kdy Google také zavádí své reklamy. Na rozdíl od Yahoo jsou ale velmi rozdílné a inovativní (5). Reklamy Google nejsou bannerové, které používá Yahoo, ale jedná se o reklamy, které se zobrazují přímo ve výsledcích vyhledávání. Tyto placené odkazy jsou graficky oddělené od zbytku bezplatného vyhledávání a cena reklamy se určuje podle počtu prokliků na danou stránku. V roce 2001 po splasknutí takzvané dot–com–bubble (2) (internetová bublina) zažívá Yahoo velký úpadek a do vedení v odvětví se dostává firma Google, díky své jednoduchosti a dokonalejšímu vyhledávání.
3.4
Prvenství Google
Od roku 2002 se Google drží na pozici světové jedničky ve vyhledávání (6). Nejnovější čísla z roku 2012 opravdu potvrzují, že Google je stále na první pozici a jen tak jej někdo nesesadí. Google v roce 2012 v celosvětovém měřítku používalo 88,8% lidí. Na druhém místě se umístil Bing od společnosti Microsoft s 4,2%. Kdysi první Yahoo využívalo pouze 2,4% (7). V České republice je odlišný stav oproti celosvětovému standardu. Google je v ČR na druhém místě s 42% a na prvním místě je český vyhledávač Seznam s 57% podílu (8). Důvod, proč se Google celosvětově drží na první pozici a stále více posiluje, je ten, že nabízí zatím nejrelevantnější výsledky vyhledávání. Systém hodnocení stránek se v průběhu času zdokonaloval a od počátků prodělal výrazné změny. V dnešní době pozice ve vyhledávání nezáleží pouze na množství klíčových slov a PageRank hodnotě stránky. Google uvádí, že existuje více jak 200 různých faktorů ovlivňující pozici ve výsledcích, tzv. SERP rank (Search engine results position) (4). Avšak hodnota PageRank stále patří mezi důležité SERP faktory.
3.5
Vyhledávací robot
Všechny vyhledávače musí používat počítačový program, který postupně a opakovaně prochází internetové stránky a zjišťuje jejich obsah (9). Tento program se nazývá robot, někdy i bot, spider, crawler. V dnešní době již všechny roboty nejvíce používaných vyhledávačů indexují (zjišťují a ukládají) nejenom celý textový obsah, ale i obrázkový, odkazový a jiný obsah stránek a hromadně se nazývají fulltextové (celo-textové) vyhledávače. Tyto roboti musí stále a opakovaně procházet veškerý obsah na internetu. Obsah jednotlivých stránek se v čase stále mění. Internetové noviny vydávají stále nové články, které je nutné 6
indexovat, firmy uvádějí novinky z jejich oboru a podobně. Je zřejmé, že roboti nebudou procházet a indexovat stejně často internetové noviny jako internetové stránky malé truhlářské firmy. Z tohoto důvodu si roboti automaticky určují četnost aktualizace jednotlivých stránek, jak často je mají navštívit a zkontrolovat (10).
3.6
Mapa stránek, Sitemap
Mapa stránek neboli Sitemap je soubor, který může být umístěn na webu jednotlivých internetových domén. Tento soubor je nepovinný, ale pokud jej doména obsahuje, podrobněji informuje vyhledávací roboty o struktuře webu, o všech stránkách, který daný web obsahuje a v neposlední řadě právě o četnosti aktualizace jednotlivých stránek. Důvodů pro tvorbu tohoto informačního souboru je několik. Za prvé informujeme vyhledávacího robota o všech stránkách našeho webu. Pokud tedy je náš web špatně propojen odkazy a hrozí, že na některou stránku by robot nenašel odkaz, tak díky sitemap je informován o dané stránce a může ji indexovat. Druhý důvod je již zmíněná možnost nastavení četnosti aktualizací obsahu jednotlivých stránek. Určitě je rozdíl v četnosti změn informací například u kontaktů firmy a u novinek firmy (9). A jako třetí důvod uvádím to, že dle vlastní zkušenosti vyhledávače správně provedený Sitemap soubor vítají a stránky za to dostávají lepší hodnocení a tím si můžou polepšit v pozici SERP, ale to již předbíhám do kapitoly o SEO.
7
4 Úvod do SEO Search engine optimization (SEO – optimalizace pro vyhledávače) je metodika, která vznikla již v roce 1994 současně se startem prvních vyhledávačů. SEO je soubor technik a postupů, které mají za cíl přilákat více nepřímých návštěvníků stránek neboli návštěvníků, kterým se zobrazí odkaz ve výsledcích vyhledávání.
4.1
Historie SEO
SEO existovalo již v roce 1994, když vyhledávače fungovaly na principu katalogů. První metody pro získání více návštěvníků byly z dnešního podhledu SEO velmi primitivní. Postup byl jednoduchý, stránku zaregistrovat do co nejvíce katalogů, aby byla k nalezení v co nejvíce používaných katalozích, které uživatelé internetu používali. Postupem času začaly být katalogy sofistikovanější a informace o stránkách začaly samy zjišťovat z obsahu cílových stránek. Pro zjišťování obsahu stránky se používaly meta tagy Keywords, Description a Title, které jsou umístěné ve zdrojovém kódu stránek v sekci head. Určitě to byl krok správným směrem, jelikož již nezáleželo na informacích, které vložil uživatel do katalogu, když registroval stránky, ale robot příslušného katalogu si tyto informace získal ze stránky sám a dokázal si stránku sám i zařadit. Tím pádem SEO získalo další prostor pro optimalizaci a tím dalším krokem optimalizace bylo přidávání meta tagů stránek a vhodné zvolení klíčových slov. Nicméně ani tento nový postup indexace stránek nezabezpečil relevanci obsahu textu stránky pro návštěvníky k tomu, co viděl robot, protože záleželo opět na tvůrci stránek, jaké informace vložil do těchto tagů, a s obsahem stránky tyto tagy nemusely být relevantní. Protiútokem společností provozující vyhledávače bylo vytvoření robotů, které indexují veškerý obsah stránek a sami hledají klíčová slova a klíčová spojení v textu stránek jednotlivých stránek. Tento typ indexace se jmenuje fulltextové vyhledávání neboli indexování veškerého textu na stránce. Tento čin zapříčinil velký posun v zobrazování relevantních výsledků na dotazy uživatelů a zároveň vytvořil prostředí pro optimalizaci, jaké již známe dnes neboli nutnost optimalizovat veškerý obsah našich stránek, aby byl zajímavý jak pro člověka, tak i pro robota. Ruku v ruce s vývojem nových technik indexace a hodnocení webových stránek vyhledávači se vyvíjejí a vymýšlejí techniky, jak roboty obelstít a za velmi malé peníze a hlavně velmi krátkou dobu získat přední pozice ve vyhledávačích a tím pokořit konkurenci v odvětví. Jako příklad, jak šlo obelstít roboty, je například tzv. doorway neboli zobrazení jednoho obsahu stránek robotovi a jiného obsahu stránek pro člověka. Stránka určená pro robota musí obsahovat naprosto optimalizovaný text na klíčová slova, který je ideální pro robota, nicméně člověku by nedával žádný smysl. Jako druhou ukázku bych mohl uvést link farmy. Poté, co 8
Google zavedl do SERP hodnocení hodnotu PageRank, bylo a stále je nutné získat co největší počet zpětných odkazů. Začínají vznikat tzv. link farmy neboli stránky s mnoho odkazy na různé weby, některé přidávají odkaz zdarma, jiné stránky s dobrou hodnotou PageRank již za poplatek. Kromě link farem vznikl další fenomén, který je dnes již téměř vzdálenou vzpomínkou, tzv. lištičky. Jednalo se o weby, které mezi sebou byly propojené pomocí odkazů v liště. Tato lišta byla vždy umístěna na všech stránkách celého webu, nejčastěji v horní nebo spodní části každé stránky. Díky této liště si tyto weby dokázaly zajistit velmi slušné hodnoty PageRank a tím opět poskočit v SERP. Tyto techniky opět vedou k nepřesnosti relevance výsledků vyhledávání a tak Google začíná trestat stránky, které se snaží nečestnou či jinou nepřímo zakázanou technikou obejít hodnocení vyhledávače a získat co nejlepší pozici. Příkladem trestu od Google je vyřazení stránek německého BMW z výsledků vyhledávání (2006). BMW používalo již zmíněnou techniku zvanou doorway. Jedná se o techniku, která zobrazuje robotovi jiný obsah stránek než pak člověku. BMW den ze dne ztratilo veškerý PageRank a Google jej ani nezobrazoval v žádných výsledcích. BMW se za tuto techniku omluvilo, programátoři stránky upravili a Google je po čase opět začal zobrazovat (11). Jak je zřejmé, existuje neustálý souboj mezi tvůrci stránek a mezi tvůrci vyhledávačů. Tvůrci stránek se snaží občas i nečestnými technikami obelstít vyhledávač tak, aby se dostali na přední pozice. Zatímco tvůrci vyhledávačů se snaží tyto techniky rozpoznat a potrestat konkrétní stránky. Pokud by to nedělali, hrozilo by, že začnou zobrazovat nerelevantní výsledky a lidé je přestanou používat a raději budou používat vyhledávač konkurence.
4.2
SEO obecně
Jak již bylo napsáno, SEO je soubor technik a postupů, které mají jeden cíl. Cílem těchto postupů je získat co nejvíce návštěvníků na naše stránky z výsledků vyhledávání. SEO rozlišuje dva druhy metod, jak docílit tohoto cíle. Tyto metody rozlišuje na white-hat a blackhat (bílý klobouk, černý klobouk). Jedná se o dovolené a potřebné postupy – white-hat a pro zakázané a trestané postupy – black-hat.
4.3
Black hat
Black hat neboli zakázané postupy jsou takové postupy, díky kterým je možné na krátkou dobu získat přední pozice ve vyhledávačích, ale z dlouhodobého hlediska stránky získají penalizaci a jejich pozice se výsledcích velice propadne (9).
9
4.3.1
Doorway
Prvním příklad techniky black-hat uvádím doorway. Jedná se o techniku, kdy vyhledávači zobrazíme jiný text nežli uživateli (12). Kromě příkladu s firmou BMW uvádím další příklad, firmu 5D Software, která tuto metodu velmi hojně využívala v prosinci roku 2008 (13). Firma měla (v současnosti únor 2013 stále stránka existuje) cílovou stránku2, na které nabízí svůj produkt software 5D slovníček. Aby dosáhla co největší návštěvnosti, vytvořila velké množství doorway stránek. Pro každé klíčové slovo jedno. Každá doorway stránka obsahovala JavaScript, který rozpoznal, zda se jedná o robota nebo člověka. Pokud se jednalo o člověka, byl přesměrován na cílovou stránku s produktem firmy, přičemž si ani nevšiml přesměrování stránky. Pokud se jednalo o robota, zobrazil se text stránky, který byl velmi dobře optimalizovaný pro roboty. Nadpisy H1, H2 a H3 obsahovaly požadované klíčové slovo, dále stránka obsahovala odstavec nesmysluplného textu a pár odkazů na ostatní stránky se slovníky na internetu z důvodu důvěryhodnosti stránky. Ukázka textu pro roboty je na obrázku 2. Výsledek byl ten, že stránka byla nejrelevantnější na dané klíčové slovo a pokud člověk vyhledával přesnou frázi některé této doorway stránky, stránka firmy se vždy zobrazila v prvních 10 pozicích. Těžko lze odhadnout, kolik lidí bylo tímto způsobem nachytáno, to už ví pouze majitelé firmy 5D Software. Nicméně Google a Seznam po čase zareagovaly a tuto sít doorway stránek vyřadily z vyhledávání a stránky firmy znevýhodnily.
4.3.2
Invisible text
Druhý příklad black-hat techniky je neviditelný text (skrytý text). Jedná se o text, který je zobrazen na pozadí, které má stejnou barvu jako daný text nebo je zobrazen mimo stránku prohlížeče, či je zobrazen v tagu, který je pomocí CSS stylů nastaven jako neviditelný. Tohoto textu si uživatel nevšimne, ale roboti jej ve zdrojovém kódu vidí. Naštěstí v dnešní době již tuto techniku hlavní vyhledávací stroje dovedou ihned rozpoznat a danou stránku náležitě penalizovat (9).
4.3.3
Spamming
Třetím black-hat technikou je spamming neboli příliš velké množství klíčových slov v důležitých místech stránek. Proto je nutné kontrolovat obsah našich stránek, aby se určitá slovní spojení nevyskytovala příliš často, jelikož by za to byla penalizována. Historicky prvním místem pro používání metody spamming byl meta tag keywords. Programátoři uváděli jiná klíčová slova nebo opakující se klíčová slova, než na které jsou stránky zaměřeny. Z tohoto důvodu již dnes meta tag keywords hlavní vyhledávače ignorují (12).
2
http://www.5d.cz/5dslovnicek/ 10
Obrázek 2: Ukázka Doorway stránky zaměřené na klíčové slovo "jazyková škola".3
3
Zdroj: http://vyhledavace.info/images/8.png 11
4.3.4
Page stuffing
Další black-hat technika se jmenuje page stuffing (stránkové vycpávky). Programátoři stránek nejprve vytvoří perfektní internetovou stránku zaměřenou na určitá klíčová slova tak, aby se zobrazily co nejlépe ve výsledcích vyhledávání. Následně tuto stránku duplikují na jiné weby. Výsledek, pokud by vyhledávače nezasáhly, je takový, že tyto dané stránky obsadí první místa ve vyhledávání a konkurenční stránky odsunou na horší pozice. Avšak dnes již moderní roboti umějí rozpoznat duplikovaný obsah stránek, i když není přesně identický a potrestat dané stránky.
4.3.5
Duplikovaný obsah
Předposlední technikou, ale velmi podobnou technikou jako je page stuffing, je duplikovaný obsah. Vytváření obsahu nové stránky je vždy velmi náročná činnost. Tvůrci stránek musí vymyslet poutavý text, který zaujme návštěvníka a zároveň sdělí potřebnou informaci. Při tvorbě nové stránky stojí tvůrci před rozhodnutím, zda nevyužít již existující text na jiných stránkách, který je velmi poutavý a použít jej pro vlastní účely. Zde již narážíme na problém. Pokud by přistupovala k problému stejně většina tvůrců obsahu stránek, tak se docílí toho, že většina stránek se stejným zaměřením budou obsahovat totožný text. Výsledek tohoto počínání bude ten, že uživatelé vyhledávající určitou informaci na internetu pokaždé narazí na stejný text na různých webech. Z tohoto důvodu vyhledávače penalizují duplikující se text na různých stránkách. Proto je vždy nutné vytvořit text nový a nekopírovat jej z jiné stránky (9).
4.3.6
Link farmy
Poslední nejvýznamnější nepovolenou technikou jsou takzvané link farmy. Jedná se o stránky, kde jsou umístěny pouze odkazy na dané jiné stránky. Toto umístění je většinou zpoplatněno nebo je nutné umístit zpětný odkaz i na své stránky. Pokud daná farma s odkazy obsahuje pouze malé množství odkazů, roboti tyto farmy většinou ignorují. Jakmile se ale počet odkazů zvětší a relevance témat jednotlivých stránek je značně odlišná, jsou stránky penalizovány (12).
4.3.7
Black-hat – závěr
Všechny výše popsané metody mohou v krátkodobém hledisku přivést mnoho návštěvníků, ale v dlouhodobém měřítku jsou tyto metody velmi neefektivní, jelikož dříve, či později na ně vyhledávači přijdou a stránky budou penalizovány. Druhým důvodem je fakt, že lidé nechtějí být nachytáni jiným obsahem stránky, nežli tím, který hledají a proto i když tyto techniky možná přilákají spoustu návštěvníků, tak ale je opravdu otázka, jak dlouho na stránce zůstanou a jestli si něco z této stránky odnesou (14). 12
4.4
White-hat
White-hat jsou metody, které musíme dodržet, pokud chceme mít co nejlépe optimalizovanou internetovou stránku. Jedná se o souhrn různých metod a postupů, jak docílit co nejlepší pozice ve vyhledávačích neboli hodnoty SERP. O konkrétních postupech, jak používat tyto metody, je řečeno dalších kapitolách.
4.5
Vyhledávací robot versus člověk
Nejtěžší věc na celé optimalizaci internetových stránek je dokázat zaujmout a uspokojit jednak návštěvníky našich stránek, ale také i vyhledávací roboty. Pokud naše stránka bude dokonalá pro člověka, ještě to vůbec neznamená, že vyhledávacímu robotovi se tato stránka bude zamlouvat. Naopak to platí úplně stejně. Pokud bude stránka perfektně optimalizovaná pro robota, tak její obsah jednak textový, ale i grafický určitě nebude vábný pro návštěvníky a ti, kteří na naší stránku zamíří, ji jistě okamžitě opustí, jelikož je nezaujme.
4.6
První dojem
Pro člověka je nejdůležitější první dojem. Lidé si velmi rychle vytvářejí první dojem, který následně ovlivňuje jejich chování. Google při výzkumu zjistil, že lidé si utvoří úplně první dojem o stránce během prvních 50 ms (15). Tento první dojem rozhodne, zda návštěvník na stránce zůstane a pokusí se začít orientovat v navigaci, v logu stránky a poohlížet se po obsahu textu nebo zda ihned odchází. Pokud je člověk na úplně první dojem stránkou zaujat, následuje dalších v průměru 2,6 sekund (16), kdy člověk zkoumá základní prvky stránky, jako jsou: logo, navigace, zápatí a text uprostřed stránky. Proto je velmi důležité, aby všechny tyto prvky byly pro člověka přitažlivé, aby člověk na naší stránce zůstal. Obzvlášť je důležité, aby technicky bylo zajištěno, že se nejdůležitější grafické prvky na stránce zobrazí ve stejný okamžik, aby se nestávalo, že například logo nebo navigace se zobrazí jako poslední, kdy již je člověk rozhodnut, že se mu stránka nelíbí.
4.7
Vyhledávací robot vs. multimédia
Jak jsem již naznačil, první dojem je pro člověka velmi důležitý a proto by se neměl podceňovat. Způsob, jak dosáhnout co nejlepšího prvního dojmu, je jednoduchý. Stačí, aby naše stránky měly velmi přitažlivý vzhled. Nicméně zde můžeme narazit na zdroje prvních
13
problémů při snaze uspokojit návštěvníky i roboty. Jedná se konkrétně o obrázky, videa a také zejména o animace ve formátu flash, JavaScript a rámce (frames). Tyto objekty způsobují velké problémy při SEO optimalizaci. Jedná se o to, že roboti většinou neumí indexovat obsah obrázků, videí, obsah animace ve flash, text zobrazený pomocí kódu JavaScript nebo v rámcích (frames). Google sice vydal oficiální zprávu, že jeho robot dokáže indexovat textový obsah ve flash (17) a také rozpoznat text v obrázcích (18), nicméně oficiální doporučení je používat tyto techniky pouze tam, kde je to opravdu nezbytné a vždy mít stejný obsah dostupný i v textové verzi. Seznam je na tom podstatně hůře neboť nedokáže text ve formátu flash ani v obrázkách indexovat vůbec (19). JavaScript i nadále zůstává neindexovatelný, proto je vhodné jej nepoužívat pro psaní důležitého textu. Toto doporučení platí i pro rámce. Pokud opravdu potřebujeme použít tyto technologie pro důležité části kódu, je vhodné umístit do HTML kódu části: ● pro rámce sekci <noframes> ● pro flash sekci <noembed> kde do těchto částí uvedeme textový obsah, který se vyskytuje v neindexovatelných částích stránky.
4.8
Optimalizace pomocí SEO
Do této chvíle jsem pouze naznačoval, které kroky jsou potřebné, abychom docílili co nejlepšího hodnocení SERP neboli pozice ve vyhledávačích a ve výsledku co nejvíce návštěvníků na našich stránkách. Google tvrdí o svém hodnocení, že používá něco okolo 200 různých parametrů (20), které ovlivňují SERP. Váhu těchto parametrů si samozřejmě velmi dobře chrání, jelikož pokud by některá firma získala tyto informace, byla by schopná si zajistit první pozice na všechny požadované dotazy. I přes to Google postupně některé tajné informace odhaluje a tedy nyní je veřejným tajemstvím, které parametry hrají největší roli. Tyto parametry můžeme rozdělit do dvou kategorií. První kategorie se nazývá on-page faktory a druhá off-page faktory. On-page faktory jsou takové parametry, které jsou přímo umístěné na naší stránce a plně je můžeme jako správci stránek ovlivňovat. Druhá skupina off-page faktoru jsou takové parametry, které jsou umístěné mimo dosah našich pravomocí neboli na cizích stránkách na internetu.
4.9
Off-page faktory
Off-page faktory jsou takové parametry, které se nacházejí mimo naše stránky a které většinou nemůžeme podle naší potřeby přesně ovlivňovat. Nejdůležitější off-page parametr 14
jsou odkazy na naše stránky (zmíněný PageRank) a text, který je umístěn vně odkazu i mimo něj. PageRank je velmi důležitý parametr a neměl by se podceňovat. Je podstatné, aby na naše stránky vedl co největší počet příchozích odkazů ze stránek, které samy mají velkou PageRank hodnotu. Hodnota PageRank má rozmezí 0 – 10, kdy 0 je minimum, které má při vytvoření každá stránka a hodnota 10 je maximum, které může stránka získat. Mezi nejznámější stránky, které mají hodnotu PageRank 10 patří: google.com, facebook.com, twitter.com, ale i například Adobe flash player download4 a United Nations5. Pokud bychom sbírali jen co největší množství zpětných odkazů a nezaměřovali bychom se i na to, kam je umisťujeme, nebyla by to dobrá strategie, jelikož další parametr pro hodnocení je i zaměření stránky, na které jsou dané odkazy umístěny. Například pokud by naše stránky byly o prodeji finských krbů a my jsme měli všechny hlavní odkazy na stránky umístěny na stránkách se zaměřením na školství, tak by těmto odkazům nebyla přiřazena velká váha. Mimo zpětné odkazy, které jsou jistě potřeba a tvoří něco okolo třetiny důležitých off-page faktorů, existují i další faktory. Mezi ně patří například sociální sítě.
4.9.1
Text odkazu a titulek odkazů
Další, který zmíním, je takzvaný text odkazu (anchor text) a titulek odkazu (title), který je uveden u odkazů na naše stránky. V době, kdy ještě Adobe Reader nebyl plně rozšířený program, tak mnoho internetových portálů, kromě stažení svých dokumentů v PDF, nabízelo i odkaz ke stažení programu Adobe Reader z oficiálních stránek Adobe6. Tento odkaz pro stažení programu Adobe Reader většinou obsahoval text odkazu "zde" (here). Z tohoto důvodu byl a stále je při zadání dotazu na vyhledání klíčového slova "zde" (here) ve většině vyhledávačů na prvním místě odkaz na stažení programu Adobe Reader. Dnes, únor 2013, se ve výsledcích v Google po zadání dotazu "here" zobrazí Adobe flash na druhém místě a Adobe Reader na místě třetím. Na prvním místě je zobrazena internetová stránka s adresou www.here.com. Off-page SEO je zaměřené na získání co nejvíce dobře zaměřených zpětných odkazů se správným textem odkazů, který by měl být zaměřen na klíčová slova cílové stránky. Postupy pro získání takovýchto zpětných odkazů je několik. Za prvé existují firemní katalogy (firmy.cz, najisto.cz, atd.), kde je určitě vhodné uvést naší firmu. Seznam vhodných katalogů s přehledem jejich hodnoty PageRank je k nalezení na stránkách www.seznamkatalogu.cz. Druhý způsob získání zpětných linků, ten úplně nejhodnotnější, je dohoda s partnerskými weby podobného zaměření, aby umístily náš odkaz na své stránky. Dále je určitě vhodné spojit propagaci produktů firmy a i její stránky pomocí placených PR článků.
Další možnost získání zpětných odkazů je jejich nákup na specializovaných stránkách. Nicméně při tomto nákupu je vždy potřeba zvážit, zda jejich cena je opravdu výhodná, jelikož u nich není vždy zaručen úspěch. Nákup zpětných odkazů je již z části považován za blackhat techniku a záleží pouze na robotovi, zda odhalí, že daný odkaz je koupený nebo přirozený.
4.9.3
Sociální sítě
Zaměření na sociální sítě je nutné. Na profilech sociálních sítí typu facebook, twitter, nebo Google+, je vhodné vytvořit firemní stránku a umístit na ni odkazy na naše stránky. Tyto odkazy mají sice atribut nofollow, který robotům říká, aby PageRank stránky, kde jsou odkazy umístěné, nepřeposílal na cílovou stránku, ale existuje zde jiný off-page parametr zaměřený na sociální média a tento parametr je také velmi hodnotný v SERP. Roboti vyhodnocují tyto sociální aktivity velmi aktivně. Pokud dané sociální stránky navštěvuje hodně lidí a následně jsou tyto sociální stránky sdíleny dále, roboti těmto aktivitám přidávají plusové body a ve výsledku zvedají hodnocení (10).
4.9.4
Google služby
Poslední faktor, který uvádím, je využívání Google služeb (20). Jedná se o služby Google Webmaster Tools, Google News, Google Blog Search, Google AdWords, Google Analytics. Sice není jasné, jak moc na tomto parametru záleží, ale vytvořit účet v těchto službách nestojí mnoho času a rozhodně to stránkám nemůže ublížit (10).
4.10 On-page faktory On-page faktory jsou takové faktory, které jsme schopni sami ovlivnit a nacházejí se přímo na našich stránkách. Roboti, kteří procházejí naše stránky a indexují textový obsah, se zaměřují na klíčová slova, která jsou uvedená na našich stránkách. Hlavní podstata on-page optimalizace spočívá ve správné volbě klíčových slov a následně v jejich správném umístění. Uvádím zde souhrn od nejdůležitějších umístění, kde by se měla klíčová slova vyskytovat a poté je celý seznam vysvětlen (21): ● Meta tagy ● Title – titulek stránky ● Meta Description – popisek stránky ● Meta Keywords – klíčová slova ● Rel="Canonical" 16
● URL ● Délka URL ● Pozice klíčového slova – čím blíže k doménovému jménu, tím lépe ● Oddělení klíčových slov – klíčová slova v URL by měla být oddělena, nejlépe pomocí pomlčky ● Body tag ● Počet opakování klíčového slova v textu ● Hustota klíčového slova ● H1 – hlavní nadpis ● H2,…,H6 – podnadpisy ● Alt atribut – používá se u vložených obrázků ● Název obrázků ● Bold/Strong – zvýraznění textu tučně ● Italic/Em – zvýraznění textu kurzívou ● Text odkazu a titulek text odkazu na stránce ● Interní odkazy a architektura stránek ● Počet interních odkazů na konkrétní stránky ● Horní navigace je lepší než boční navigace nebo navigace v patě stránky ● Pozice klíčového slova od začátku stránky ● Faktory, které se neváží na klíčová slova, ale souvisí s on-page optimalizací ● CTR a návštěvnost ● Služby hostingu
4.10.1 Title – titulek stránky Je zřejmé, že mezi nejdůležitější klíčová slova patří klíčová slova uvedená v titulku každé stránky. Doporučený počet znaků v titulku se opět liší podle vyhledávače. Google zobrazí titulek kratší než 70 znaků. Každý titulek by měl obsahovat název celé domény a následně by měl být znatelně oddělen název dané stránky. Například uvedu titulek stránky o PageRank na Wikipedia: PageRank - Wikipedia
17
Zde můžeme vidět, že konkrétní stránka se jmenuje "PageRank" a nachází se na doméně se jménem "Wikipedia". Další příklad uvedu z webu, který v závěru této práce optimalizuji. Jedná se o firmu Tulikivi, která prodává finská krbová kamna: Online katalog krbů - Finská krbová kamna Tulikivi Zde máte možnost z uvedeného titulku zjistit, že daná stránka je online katalog krbů a nachází se na doméně Finská krbová kamna Tulikivi. U titulku platí, že čím blíže k počátku titulku je umístěno klíčové slovo, tím větší váhu získává a daná stránka má šanci uspět s konkurencí (22).
4.10.2 Meta Description Description neboli popis stránky je uveden ve zdrojovém kódu stránek, tedy jej vidí pouze robot. Tento text by však měl obsahovat smysluplný text, jelikož bývá často zobrazen u výsledků vyhledávání pod titulkem dané stránky. V tomto popisu je vhodné vystihnout, co se nachází na dané stránce a opět použít i vhodné tvary klíčového slova, na které je daná stránka zaměřena. Dále uvádím popisek hlavní strany portálu Seznam.cz <meta name="description" content="Nejnavštěvovanější český internetový portál nabízející vyhledávač, Email, aktuální zprávy, předpověď počasí a odkazy, které se mohou hodit.">
Obrázek 3: Ukázka zobrazení popisu stránky ve vyhledávači Google. 7
Co se týče délky popisku, tak Google zobrazuje 150–160 znaků z popisku a následně bývá text oříznut. Dále je dobré zabezpečit, aby každá stránka měla vlastní popis, aby nedocházelo k duplicitám a také odstranit všechny znaky, které nejsou písmena nebo čísla. Pokud popis stránky bude obsahovat jiné znaky, je možné, že Google náš popis nezobrazí (23). Klíčová slova nalezená v popisu stránky nijak nepřidají váhu klíčovému slovu na stránce, nicméně i tak je vhodné je používat v popisu textu, jelikož Google tato slova zvýrazní ve vyhledávání a tak vizuálně zvýrazní náš odkaz ve vyhledávání.
7
https://www.google.cz/#output=search&q=seznam 18
4.10.3 Meta Keywords Meta tag Keywords (klíčová slova) je v dnešní době zbytečný. Již v roce 2009 vyhledávače Google a Microsoft Live přestaly přikládat velký význam tomuto tagu, zatímco Yahoo a Ask stále určitou váhu přidával. Dnes (2013), již tento tag ignorují všechny významné vyhledávače, tedy je pouze na nás, zda tento tag uvedeme na našich stránkách nebo jej vypustíme (24).
4.10.4 Canonical, duplikovaný obsah Naše internetové stránky mohou a ve většině případů obsahují stránky s duplikovaným obsahem, který je jen malinko pozměněn. Zejména se jedná o různé přehledy, statistiky, či seznam produktů, které jsou různým způsobem seřazeny. Uvedu několik příkladů neexistujících stránek, které jsou stejné, ale přesto jiné: ● http://www.widgets.com/blue-widgets?color=blue ● http://www.widgets.com/print?color=blue ● http://www.widgets.com/blue-widgets?session=123 Všechny tři tyto uvedené adresy mají jedno společné. Vždy se jedná o stránku http://www.widgets.com/blue-widgets, ale pokaždé s dalšími parametry, které danou stránku jen malinko upraví. V prvním případě nám stránka zobrazí pouze modré widget, v druhém případě se jedná o stránku se stejným obsahem jako první, ale je přizpůsobená pro tisk. V posledním případě stránka přijímá označení session, které může být použito například pro personalizaci. Všechny tyto tři uvedené adresy mají de facto stejný nebo velmi podobný obsah, ale jejich adresy jsou pro roboty různé. Neboli roboti si myslí, že každá stránka je unikátní a pouze se jedná o duplikátní obsah, který je navíc black-hat technikou, tedy je možné, že následně budou tyto stránky potrestány. Řešením, jak tomuto problému předejít, je oznámit robotovi, že daná stránka je pouze kopií jiné stránky s určitou nepatrnou změnou. Toto označení lze provést přidáním parametru canonical v části head kódu stránek. Toto označení zaručí, že dané stránky budou roboti indexovat, jako kdyby se jednalo o jednu stránku. K tomu slouží atribut rel="canonical", který říká, že se jedná o kopii stránky, která je uvedená v atributu href. Pokud tyto stejné stránky neoznačíme jako stejné, je v brzké době pravděpodobná jejich penalizace (25).
19
4.10.5 Délka URL Délka URL je další důležitý prvek. V URL je vhodné uvádět pouze klíčová slova a jiné odlišení, ale jen v co nejmenší možné míře. Pokud jsou naše stránky v českém jazyce, je vhodné se v adresách vyhnout skloňování a používání spojek (26).
4.10.6 Pozice klíčového slova v URL Důležité podstránky na našem webu je vhodné umístit co nejblíže od doménového jména, pokud možno pouze pod první, či druhou vrstvu (složku) od hlavní domény. Příklad špatné adresy: www.tulikivi.cz/produkty/krby/mastek/akumulacni/krb/rohovy, příklad lepší adresy: www.tulikivi.cz/akumulacni-krb-mastek/rohovy-krb. Druhá možnost je lépe optimalizovaná, jelikož se uživatel dostane k cíli již po dvou kliknutích a klíčové slovo rohový krb je velmi blízko k doménovému.
4.10.7 Oddělení klíčových slov v URL Klíčová slova uvedená v adrese je lepší oddělit. Jak je uvedeno v předchozím příkladě u pozic klíčového slova, www.tulikivi.cz/akumulacni-krb-mastek/rohovy-krb, tak slovní spojení akumulační krb mastek je oddělen pomlčkou. Díky tomuto oddělení má robot lepší šanci rozpoznat slovní spojení a při vyhledávání má uživatel větší šanci se trefit přesně do klíčového spojení adresy stránky a to většinou zaručí ještě lepší pozici.
4.10.8 Počet opakování a hustota klíčového slova v textu Počet opakování klíčového slova udávají odborníci na SEO 2–3 krát pro menší stránky, 4–6 krát pro větší stránky (21). Avšak neexistuje přesný návod, kolik je třeba mít klíčových slov vzhledem k celkovému textu. Nicméně je jisté, že pokud by naše klíčové slovo zabíralo 50% veškerého textu na stránce, tak to určitě není správně a roboti jej vyhodnotí jako pokus o spam. Jaká je tedy optimální hustota klíčového slova? Někteří odborníci se shodují, že by se hustota klíčových slov měla pohybovat kolem 5 – 7 %.
4.10.9 Nadpisy H1, H2 … H6 Nadpis H1 je velmi důležitější místo pro vložení klíčového slova v obsahu stránek vzhledem k ostatním možnostem. Pro další nadpisy platí to samé, jako pro H1, avšak s postupně klesající důležitostí (9).
20
4.10.10 Atribut Alt, název obrázku Atribut ALT u obrázků v nynější době také patří mezi velmi důležité atributy. V tomto atributu by se určitě mělo vyskytovat námi cílené klíčové slovo. Stejné platí i pro název obrázku, který by měl obsahovat naše klíčové slovo, případně slova oddělená pomlčkou. Atribut včetně jména není důležitý jen z hlediska dalšího výskytu klíčového slova, ale i z možnosti získání dalších návštěvníků z vyhledávání obrázků. Dnes kromě klasického textového vyhledávání lze vyhledávat i obrázky a jejich zobrazení ve vyhledávači závisí právě na klíčovém slově a atributu ALT (10).
4.10.11 Bolt/strong, italic/em Další důležité umístění klíčového slova je do tagů <strong> (tučné) a <em> (zvýrazněný text zobrazený jako kurzíva). Zde bych rád upozornil, že se nejedná o úpravu vzhledu pomocí CSS stylů na tučný text, případně na kurzívu, ale že se jedná o vložení textu do speciálních tagů, ukázka: <strong>Důležitý text <em>Další důležitý text Roboti jsou těmito tagy informováni, že dané slovní spojení je určitým způsobem důležité a proto se k němu chovají jako ke klíčovému slovu.
4.10.12 Text odkazů a titulek odkazů Posledním, ale zato neméně důležitým faktorem, je text odkazů (anchor text) a titulek (title) u odkazů. Příklad: Anchor text – Klíčové slovo Připomínám, že tento text odkazu je stejně důležitý i u zpětných odkazů při off-page optimalizaci.
4.10.13 Počet interních odkazů na stránce Pro počet interních odkazů na stránce platí stejná pravidla jako pro příchozí odkazy z jiných stránek. Čím více je odkazů na stránce, tím méně se předává hodnota PageRank na dané stránky. Proto je vhodné, aby na úvodní stránce nebyla zobrazena kompletní struktura webu až k poslední stránce, ale aby se daná struktura postupně zobrazovala, jak by uživatel klikal na jednotlivé části webu. Pokud uvedeme všechny odkazy na úvodní stránce, může se stát, že roboti špatně vyhodnotí jednotlivou důležitost stránek a například stránka s obchodními podmínkami bude důležitější nežli stránka s nabízenými službami.
21
4.10.14 Umístění navigace Podle výzkumu společnosti SEOmoz Google od roku 2009 znevýhodňuje odkazy, které jsou v patě stránky. Stejným způsobem se může chovat i k odkazům, které jsou na boku stránky. Proto společnost SEOmoz doporučuje horní navigaci a v ojedinělých případech navigaci boční (21).
4.10.15 Pozice klíčového slova od počátku stránky Klíčové slovo, na které optimalizujeme danou stránku, by se mělo vyskytnout v obsahu stránky co nejdříve. Když vezmeme v potaz, že menší stránka může obsahovat bez navigace 200 slov, tak je vhodné, aby naše klíčové slovo bylo již v prvních 10 slovech. Čím blíže k počátku se slovo nachází, tím větší je jeho hodnota.
4.10.16 Validace HTML kódu HTML je velice jednoduchý jazyk, který nám přináší velmi rychlý a snadný způsob, jak zobrazovat informace v prostředí www. Avšak na rozdíl od programovacích jazyků (C++, Java atd.) nabízí tvůrcům stránek možnost chybovat v syntaxi a tak programátor není nucen dodržovat správnou syntaxi. Prohlížeče při zobrazování stránky prohledávají HTML kód, a pokud narazí na chybu, pokusí se ji sami opravit. Díky tomuto chování si programátor ani nemusí všimnout, že v jeho kódu je chyba, jelikož webový prohlížeč tuto chybu sám opraví a stránka je zobrazena správně. Roboti, na rozdíl od člověka, vidí stránku ve stavu, jak je napsaná. A tedy i se všemi chybami, které obsahuje. A pokud stránka obsahuje velké chyby, je za to penalizována (9). Nicméně již existují nástroje, které zkontrolují naší stránku a zobrazí její chyby. Nejznámějším nástrojem je W3C Validátor8.
4.10.17 Návštěvnost a CTR Mezi on-page faktory také patří click throw rate (CTR), i když se přímo neváže na klíčová slova. CTR je procentuální vyjádření počtu kliknutí na odkaz ve vyhledávání vydělen počtem zobrazení odkazu ve vyhledávání. CTR udává úspěšnost našeho odkazu. Řádově se většinou jedná o jednotky %. Pokud je CTR menší než 1%, tak naše odkazy nedokážou zaujmout návštěvníky a je nutné něco změnit. Roboti zahrnují do svého hodnocení stránky hodnotu CTR i chování návštěvníků na cílové stránce. Za chování můžeme považovat, jak dlouho návštěvníci na dané stránce zůstanou, jaká je jejich další stránka nebo zda se ihned vracejí zpět. 8
http://validator.w3.org/ 22
4.10.18 Hosting Poslední on-page faktorem, který uvedu, jsou hostingové služby. Roboti i tomuto faktoru přidávají určitou váhu. Sice se nejedná o marginální váhu v rozhodování, nicméně určitou váhu tento faktor přece jen má. Hostingovými službami rozumíme, zda se náš web nachází na 2., nebo 3. úrovni, rychlost odezvy a načítání stránky, počet "sousedů" na stejné IP adrese, počet předchozích vlastníků domény a další technické parametry.
4.11 Shrnutí on-page a off-page faktorů Pomocí následného grafu shrnu důležitost jednotlivých kroků off-page a on-page optimalizace, který vydala společnost SEOmoz.
Obrázek 4: Váhy jednotlivých faktorů na SERP pozice ve vyhledávačích.9
Z grafu je zřejmé, že největší podíl na hodnotu stránek má autorita domény – 23,87%. Autoritu domény není lehké ovlivnit. Tuto hodnotu si Google většinou určuje sám na základě vlastních parametrů, nicméně toto hodnocení je celkové hodnocení celé domény. Proto každá stránka naší domény je vždy ovlivněna hodnocením domény jako celku. Popularita odkazů a text odkazů, dohromady mají váhu přes 42% a tyto parametry již lze lépe ovlivňovat. Jedná se o techniku umisťování odkazů na správné weby. Tento postup byl popsán v kapitole o off-page faktorech. Zbývající část off-page faktorů jsou sociální sítě. Sociální sítě jsou také popsány v kapitole o off-page faktorech.
Poslední, nicméně rozhodně ne nezanedbatelná, část jsou on-page faktory neboli určování a ovlivňování klíčových slov na stránkách. Někomu by se mohlo zdát, že něco přes 15% váhy je málo, ale opak je pravdou. Právě těchto 15% váhy máme naprosto v naší režii a záleží pouze na nás, jaký obsah naše stránky mají. Pokud obsah a klíčová slova nebudou správně zvolena, tak jistě bude ovlivněna návštěvnost stránek, chování návštěvníků, ale i CTR. Jako poslední je zde uveden i hosting. O tomto faktoru a jeho důležitosti již bylo napsáno v kapitole o on-page faktorech.
4.12 Shrnutí optimalizace pomocí SEO V celé této kapitole jsem se snažil popsat, proč je důležité dobře optimalizovat náš web a jaké k tomu slouží kroky, které popisuje SEO. Pokud jsou naše stránky komerčního zaměření, je v dnešní době potřebné věnovat čas i peníze na správnou optimalizaci, aby bylo zaručené, že na naše stránky přijdou návštěvníci, kteří přinesou do firmy zisk. Následující kapitola je již zaměřena na vyvíjený software, který podpoří správnou optimalizaci textového obsahu webových stránek.
24
5 Návrh aplikace pro SEO on-page faktorů Tato kapitola je zaměřená na návrh potřebné aplikace pro SEO on-page faktory, jakým způsobem softwarově podpořit optimalizaci klíčových slov na internetových stránkách celého webu. Z předešlých kapitol je zřejmé, že SEO je potřebná metodika, pokud chceme dosáhnout co nejlepšího umístění ve vyhledávačích (SERP) a tím pádem získat co nejvíce návštěvníků našich stránek. Vyvíjená aplikace se zaměřuje jen na určitou část z celkového SEO a to konkrétně na využití on-page faktorů klíčových slov a jejich optimalizaci.
5.1
Procesní model pro zlepšení SERP na základě on-page SEO
Nejprve je nutné stanovit procesní model pro on-page optimalizaci webových stránek s cílem získání co nejlepšího SERP. Na základě poznatků o SEO a vlivech na pozici výsledků ve vyhledávačích (SERP) jsem vytvořil následující procesní model optimalizace klíčových slov na našem webu (obrázek 5).
5.1.1
Analýza obsahu webové stránky
Pod analýzou obsahu webové stránky se skrývá rozebrání obsahu, určení elementů stránky, jako jsou obrázky, odkazy, nadpisy a další text stránky. Pokud chceme vytvořit statistiku stránky, je nutné tuto stránku nejprve rozebrat na tyto elementární části, abychom následně mohli vyjádřit obsah stránky v číslech.
5.1.2
Analýza klíčových slov v obsahu stránky
Jakmile máme obsah stránky rozložen na elementární části, již lze snadno zjistit a vypočítat statistiku, která klíčová slova jsou nejdůležitější a na která klíčová slova je stránka zaměřena.
5.1.3
Zhodnocení hlavních klíčových slov
Pokud máme vypočtenou statistiku klíčových slov, tak jako další krok musíme zvážit, zda tato klíčová slova jsou opravdu ta, na která jsme danou stránku optimalizovali. Může se například stát, že naše stránka zaměřená na klíčové slovo "bio krby" bude mít nejdůležitější klíčové slovo "akumulační kamna" a to jen díky tomu, že stránka obsahuje například více nadpisů H1 se slovem "akumulační kamna" jako popisek u fotografií. Pokud odhalíme takovéto nesrovnalosti, je nutné je odstranit. 25
Požadavek SEO on-page faktorů
Analýza obsahu webové stránky
Analýza klíčových slov v obsahu stránky
Zhodnocení hlavních klíčových slov
Nelze zlepšit SERP [Ne]
Úprava obsahu webové stránky
[Ne]
Jsou klíčový slova správná? Lze zlepšit Off-page faktory? [Ano]
[Ano]
Vyhodnocení optimálnosti klíčových slov Úpravy off-page faktorů
Zvolení nových klíčových slov
[Ne]
Jsou klíčová slova optimální?
[Ne]
Získala doména dobré SERP? [Ano]
[Ano] Analýza využití klíčových slov na stránce
Jsou klíčová slova správně využita?
Lepší SERP dosáhnut
[Ano]
Kontrola SERP na důležitá klíčová slova
Obrázek 5: Procesní model pro zlepšení SERP na základě SEO
5.1.4
Úprava obsahu webové stránky
V případě, že naše stránka obsahuje nesrovnalosti v hlavních klíčových slovech, musíme tyto nesrovnalosti odstranit úpravou obsahu stránek. Může se jednat i pouze o malé změny a váha klíčových slov se ihned změní.
5.1.5
Vyhodnocení optimálnosti klíčových slov
Následně po zhodnocení hlavních klíčových slov a v případě, že hlavní klíčová slova odpovídají skutečnosti, je nutné zkontrolovat, zda klíčová slova jsou optimální. Pod pojmem nejoptimálnější mám na mysli, zda jsme opravdu zvolili takové slovo či slovní spojení, které má největší podíl na vyhledávání mezi ostatními podobnými výrazy.
5.1.6
Zvolení nových klíčových slov
Problém přichází v okamžiku, kdy sice naše klíčová slova, která chceme, mají největší váhu na stránce, ale tato slova jsou již od počátku špatně zvolena, protože mají příliš malé 26
vyhledávání. V tomto případě je nutné zvolit jiné, či jiná klíčová slova, která mají podstatně větší podíl ve vyhledávání. Následně po vybrání nových slov je nutné tato slova zakomponovat do obsahu našich stránek a je otázka, zda bude stačit pouze stará slova nahradit novými nebo zda se bude jednat o komplexnější úpravu obsahu stránek.
5.1.7
Analýza využití klíčových slov na stránce
Jakmile se dostaneme až do bodu analýza využití klíčových slov na stránce, tak nám již zbývá poslední kontrola obsahu stránek. Jedná se o kontrolu, zda naše nejdůležitější slova jsou obsažena ve všech místech, kde by mohla být. Určitě by se nejdůležitější slovo mělo vyskytovat v nadpisu H1 a H2, v titulku a popisu stránky, v alespoň jednom popisu ALT u obrázků na stránce, v tučném textu, v textu označeném kurzívou a dalších místech. Pokud toto dodržíme, tak naše klíčová slova získají opravdu velkou váhu. Avšak s největší pravděpodobností tomu tak napoprvé nebude a proto se opět musíme uchýlit k opravě obsahu stránek a udělat nové analýzy obsahu, abychom se přesvědčili, že se omylem nezvýšila váha nežádoucího slova.
5.1.8
Kontrola SERP na důležitá klíčová slova
V konečné fázi SEO úprav zbývá zkontrolovat, zda naše stránka, případně celá doména, uspěla v boji s konkurencí, či nikoliv. Touto kontrolou mám na mysli pozice ve výsledcích vyhledávačů na naše klíčová slova. Je zřejmé, že musíme počítat s určitým časovým odstupem od úpravy stránek a kontroly SERP.
5.1.9
Úpravy off-page faktorů
Lze říci, že pokud splníme předchozí kroky svědomitě a obsah našich stránek bude optimalizovaný, tak i přes to se může stát, že naše pozice nebudou na prvních místech. Abychom docílili prvenství mezi konkurencí, musíme se starat i o off-page faktory našich stránek. Zejména o získávání zpětných odkazů, článků o našich stránkách na zpravodajských serverech, zapojit sociální sítě a mnoho dalších faktorů, jak již bylo zmíněno v předchozích kapitolách.
5.2
Specifikace zadání aplikace
Cílem této podkapitoly je specifikace aplikace pro optimalizaci on-page faktoru stránek s požadavkem na dosažení nejlepšího SERP. Další cíl je určení, které činnosti v rámci procesního modelu optimalizace bude aplikace automatizovat, podporovat a které činnosti budou plně záležet na uživateli aplikace. 27
5.2.1
Rozdělení činností procesního modelu
Následující tabulka ukazuje, které činnosti optimalizace je vhodné aplikačně podpořit a které nikoliv. Tabulka 1: Činnosti procesu pro zlepšení SERP na základě SEO
Činnost procesu optimalizace
Podpora aplikace
Popis činnosti
Analýza obsahu webové stránky
Prozkoumání obsahu stránky, zkontrolování validity kódu, vytvoření seznamů odkazů, Automatizováno obrázků a textu stránky
Analýza klíčových slov v obsahu stránky
Identifikace klíčových slov a vytvoření Automatizováno statistiky nejdůležitějších klíčových slov
Zhodnocení hlavních klíčových slov
Rozhodnutí, zda hlavní klíčová slova splňují požadavky tematického zaměření stránky
Uživatel
Úprava obsahu webové stránky
Úpravy obsahu stránky, úpravy zdrojového kódu stránky
Uživatel
Vyhodnocení optimálnosti klíčových slov
Ověření, zda nejdůležitější klíčová slova jsou nejoptimálnější z hlediska frekvence vyhledávání
Podpora aplikace
Zvolení nových klíčových slov
Vybrání nových optimálních slov namísto starých neoptimálních
Podpora aplikace
Přezkoumání, zda se nejdůležitější klíčová Analýza využití slova nacházejí ve všech důležitých prvcích Automatizováno klíčových slov na stránce stránky Kontrola SERP na důležitá klíčová slova Úpravy off-page faktorů
Zjištění pozic zvolené domény na různá Automatizováno důležitá klíčová slova Přidávání odkazů našich stránek do katalogů, vyměňování odkazů, publikování článků a další…
Uživatel
Cíle aplikace Mimo automatizované činnosti nebo podpory činností by aplikace měla splňovat několik dalších cílů, aby souhrnně umožnila lépe optimalizovat internetové stránky a ušetřit čas optimalizátorům. 28
Z následujícího výčtu funkcí aplikace bude zřejmé, v čem lze výrazně ušetřit čas. Aplikace by měla umět: ● Automaticky projít celý web a pro každou stránku webu vygenerovat statistiku klíčových slov vyskytujících se na dané stránce. ● Vygenerovat souhrnnou statistiku klíčových slov pro celý web. ● Zjistit pozice webu pro souhrnná klíčová slova z celého webu a pro další klíčová slova, které uživatel zadá. ● Sledovat pozice webu pro daná klíčová slova v čase, zejména změny umístění webu i konkurence. ● Umět spravovat více projektů. Každý projekt musí umět spravovat více webů, nebo části webů.
5.3
Shrnutí návrhů na cíle aplikace
V této kapitole jsou vyjmenovány činnosti, které by aplikace měla podporovat automaticky, bez pomoci od uživatele. Dále jsou uvedeny činnosti, které by aplikace měla podporovat, aby uživateli při rozhodování ušetřila čas a také poslední typ činností, který plně závisí na uživateli. Výsledkem správné optimalizace by měla být lepší pozice ve výsledcích vyhledávání.
29
6 Implementace aplikace V kapitole implementace aplikace je představena výsledná aplikace, která byla vytvořena na základě požadavků na automatizaci činností optimalizace stránek, či na podporu činností, které provádí uživatel sám.
6.1
Charakteristiky implementace
6.1.1
Prostředí implementace
Před samotným vývojem aplikace bylo nutné určit, v jakém prostředí se bude finální aplikace vyskytovat, zejména bylo nutné rozhodnou: ● jestli se bude jednat o webovou službu nebo o aplikaci ● v jakém jazyce výsledná aplikace bude naprogramována ● jaký databázový nástroj bude aplikace využívat Po zvážení různých možností jsem se rozhodl vytvořit aplikaci pro operační systém Windows, naprogramovanou v jazyce C#, včetně použití databázového nástroje MS Access 2007. Hlavním důvodem pro vybrání aplikace pro prostředí systému Windows a jazyka C# byla má zkušenost s programováním v tomto prostředí. Databázový nástroj MS Access 2007 již byl pouze následný zřejmý krok, jelikož MS Access nepotřebuje žádnou dodatečnou instalaci a v prostředí Windows je plně podporován.
6.1.2
Nástroje pro implementaci aplikace
Pro vytvoření finální implementace aplikace byly použity následující tři nástroje: ● Sybase PowerDesigner 12.5 ● Microsoft Access 2007 ● Microsoft Visual studio 2008 Logický a fyzický datový model byl vytvořen v prostředí PowerDesigner. Access 2007 posloužil pro vytvoření databáze a pro ukládání dat aplikace. Microsoft Visual studio posloužil pro naprogramování finální aplikace v jazyce C#.
30
6.2
Modely aplikace
Pro úspěšnou implementaci aplikace byly vytvořeny tři modely, které se staly základem implementace finální aplikace. Jedná se o tyto tři modely: ● Logický datový model ● Fyzický datový model ● Relační datový model Logický datový model popisuje datové struktury nezávislé na konkrétním databázovém nástroji. Logický datový model je zobrazen na následujícím obrázku. Projekty ID Projektu Integer Název projektu Variable characters (20) Datum vytvoření Date & Time Datum změny Date & Time
VyhledavaniKlicovaSlova IDVyhledavaniKlicovaSlova Integer <M> Slovo Memo <M>
HistorieDomeny
ID vyhledávání klíčová slova HistorieDomena
VysledkyPozic
ID historie domény Integer <M> Datum historie Date & Time <M> Poznámka Historie Domeny Variable characters (255)
PoziceVyhledavac ID Pozice Vyhledavac Integer <M> Datum Date & Time <M> Pozice Integer Text Pozice Memo
ID historie domény HistorieStranky StatistinaKlicovehoSLovaDomena
ID Pozice Vyhledavac Stranka ID stránka Integer <M> Titulek Memo Popis Memo Alias Variable characters (255) <M> Text stránky Memo ID stránky
ObrazkyNaStrance
DomenaKlicoveSlovo
Obrázky Stránka
OdkazyNaStrance
ID Doména slovo Integer Četnost Slovo Float Váha Doména Integer Počet slov Integer Slovo Memo
<M> <M> <M> <M> <M>
ID Obrázky Stránka Integer <M> Src Variable characters (255) <M> Alt Memo Title Memo
VetyNaStrance VetyStranka ID Věta Integer <M> Věta Memo
ID Statistika
ID Obrázky Stránka
Id Věta
TagyVetaStranka OdkazyNaStrance Tagy ID Tag Integer <M> Tag Variable characters (100) <M> Váha Tag Integer <M>
Id odkazy stránka Integer <M> Href Variable characters (255) <M> Anchor Memo Title Memo
ID Tag
Identifier_1
Obrázek 6: Logický datový model vytvoření v PowerDesigner 12.5.
31
Fyzický model, na rozdíl od datového modelu, již zohledňuje databázové prostředí, ve kterém je implementován. Následující obrázek zobrazuje fyzický model pro implementaci do prostředí MS Access 2007. FK_PROJEKTY_HLAVNIDOM_DOMENY Projekty DomenaVProjektech ID domény INTEGER ID Projektu INTEGER FK_DOMENAVP_DOMENAVPR_PROJEKTY
ID Projektu ID domény Název projektu Datum vytvoření Datum změny
Obrázek 7: Fyzický datový model pro implementaci do prostředí MS Access 2007.
32
Jako poslední model, který uvádím, je relační schéma. Opět se jedná o fyzický datový model, avšak vytvoření pomocí MS Access 2007. Relační datový model je na následujícím obrázku.
Obrázek 8: Relační datový model zobrazení v MS Access 2007.
6.3
GUI aplikace
Posledním bodem kapitoly implementace aplikace je představení GUI aplikace neboli rozhraní, přes které aplikace komunikuje s uživatelem. Aplikace obsahuje tři záložky, přičemž každá záložka má vlastní funkci. Na první záložce je zobrazen seznam všech projektů, které aplikace obsahuje. Pokud chceme nový projekt vytvořit, použijeme tlačítko vytvořit nový projekt a nastavíme hlavní doménu projektu. Jakmile námi požadovaný projekt existuje, můžeme použít tlačítko načíst projekt, kdy otevřeme námi zvolený projekt a první záložka bude vypadat jako na následujícím obrázku 9.
33
Obrázek 9: Stav aplikace po načtení vybraného projektu.
Druhá záložka s názvem Domény slouží k hlavní práci s celou aplikací. Na této záložce nalezneme téměř veškerou správu vybraného projektu, od přidávání nové domény do projektu, skenování načtené domény, statistiky jednotlivých domén i konkrétních stránek a další. Na obrázku 10 je ukázán stav, kdy máme načtený projekt Tulikivi, vybranou hlavní doménu, tedy www.tulikivi.cz a pracujeme se stavem domény s datem 18. 4. 2013 14:26:35, což je datum a čas začátku skenování domény.
34
Obrázek 10: Načten sken domény www.tulikivi.cz a návrhy úprav stránky produkty.
V horní části okna se nachází ovládání pro výběr práce s doménou a jejími časovými skeny, kdy byla aplikací oskenována a uložena do databáze. V levé části okna se nachází ovládání již načteného skenu domény, kdy největší plochu zabírá seznam stránek webu zobrazených do stromového seznamu. Pod tímto seznamem se nacházejí hlavní tlačítka pro ovládání a podporu jednotlivých činností procesu optimalizace. Nejdůležitější tlačítko se jmenuje návrhy úprav stránky a přehled stránky. Pokud klikneme na toto tlačítko, zobrazí se nám v pravé části souhrnný přehled chyb a doporučení vybrané stránky. Zkrácený ukázkový výpis přehledu chyb a doporučení je ukázán na následujícím obrázku 11. V levé části se nacházejí i další potřebná tlačítka pro správnou optimalizaci. Další tlačítko se jmenuje statistika klíčových slov, kde nalezneme kompletní statistiku všech klíčových slov dané stránky, včetně jejich váhy, frekvence výskytů a míst výskytů. Tato ukázka je na následujícím obrázku 12. Posledním tlačítkem, které nám v aplikaci zobrazí analýzu stránky, je tlačítko text vybrané stránky. Tato funkce zobrazí veškerý text, který se nachází na zobrazené stránce, včetně popisů obrázků, odkazů, ale i seznam odkazů na našem webu na tuto zobrazenou stránku, včetně jejich popisu. Následně lze v tomto textu vyhledávat požadovaná klíčová slova anebo přímo kliknout na daná klíčová slova v předchozích přehledech a dané klíčové slovo se zvýrazní v celém textu. Na obrázku 13 je ukázka zobrazení textu se zvýrazněným klíčovým slovem čištění a údržba.
35
Obrázek 11: Ukázka výpisu přehledu chyb a doporučení z aplikace.
36
Obrázek 12: Statistika výskytů klíčových slov pro stránku www.tulikivi.cz/produkty.
37
Obrázek 13: Ukázka zobrazení textu stránky se zvýrazněným klíčovým slovem "čistění a údržba".
Poslední dvě tlačítka slouží pro zobrazení HTML validátoru stránky a druhé tlačítko pro zobrazení zpětných odkazů na internetu na naší stránku. V obou případech je využita externí služba poskytována na internetu. V případě validátoru se jedná o firmu W3C10 a v druhém případě se jedná o službu Ahrefs11. Na poslední záložce s názvem pozice v Google nalezneme, jak již vyplývá z názvu, statistiku pozic ve vyhledávači Google na námi zadaná klíčová slova. Ukázka seznamu je na následujícím obrázku 14. 10 11
http://validator.w3.org http://ahrefs.com 38
Obrázek 14: Ukázka seznamu klíčových slov a jejich odpovídajících pozic ve vyhledávači Google.
Aplikace umí zobrazit i historický vývoj pozic. Pokud pozice na dané klíčové slovo je nižší než 64, tak lze zobrazit i aktuální textový popis, který se zobrazí ve výsledcích vyhledávání. Metodou pokusu a omylu bylo zjištěno, že Google začal blokovat snahu programu pro zjišťování větších pozic nežli maximálně 64, proto jediné rozumné východisko bylo sledovat pozice maximálně do pozice 64. Ukázka zobrazeného textu pozice na klíčové slovo katalog krbů je na následujícím obrázku 15.
Obrázek 15: Ukázka historického vývoje pozice domény na klíčové slovo "Katalog krbů".
Ovládací prvky aplikace jsou skryté nebo neaktivní vždy podle toho, v jakém stavu se aplikace nachází. V následující tabulce 2 jsou zobrazeny jednotlivé stavy aplikace a povolené činnosti. 39
Tabulka 2: Jednotlivé stavy aplikace a souhrn povolených činností v jednotlivých stavech.
Stav aplikace
Povolené činnosti
Otevření aplikace
Vytvořit projekt, upravit projekt, načíst vybraný projekt.
Vytváření projektu
Vložit potřebné informace pro vytvoření nového projektu.
Načtení projektu
Aktivuje se záložka Domény a Pozice v Google. Povolené činnosti jsou: zavřít projekt, načíst vybranou doménu, přidat novou doménu do projektu, smazat doménu z projektu, vytvořit nový sken domény, načíst již existující sken domény. Dále na záložce Pozice v Google se zpřístupní statistika klíčových slov a jejich pozic ve vyhledávači. Je možnost přidávat nová klíčová slova do přehledu, aktualizovat přehled, či odstraňovat vybraná klíčová slova z přehledu.
Vytvoření nového Probíhá skenování celé domény, uživatel je informován o průběhu skenování. Jediná povolená činnost je zastavení skenování. skenu domény Načtení existujícího domény
Přidávají se další aktivované činnosti k již existujícím z předchozího skenu stavu. Nové aktivované činnosti jsou: návrhy úprav stránky a přehled stránky, statistika klíčových slov, text vybrané stránky, statistika vybrané domény, kontrola zpětných odkazů stránky, html validátor stránky, zjištění trendů hlavních klíčových slov stránky.
Během všech těchto stavů jsou všechny činnosti aplikace dočasně Načítání, odstraňování nebo nepřístupné. Aplikace se opět zaktivní po dokončení příslušného procesu. vytváření položek
6.4
Shrnutí kapitoly
V této kapitole byly nejprve představeny prostředky pro implementaci výsledné aplikace. Jako prostředky pro vývoj aplikace byly vybrány programovací jazyk C# v MS Visual studio 2008, databázový nástroj MS Access 2007. Potřebný logický a datový model při návrhu aplikace byl vytvořen v prostředí Sybase PowerDesigner 12.5, zatímco relační databázové schéma bylo vytvořeno v MS Access 2007. V poslední části této kapitoly byla představena samotná aplikace a uživatelské rozhraní, přičemž byly popsány i jednotlivé možné stavy aplikace.
40
7 Ukázka Analýzy stránky a návrhy úprav Tato předposlední kapitola je zaměřena na praktické využití vytvořené aplikace a slouží jako základní návod k ovládání programu. Na zvolené stránce firmy zabývající se prodejem luxusních finských krbů je znázorněno a vysvětleno, jak pracovat s výstupy aplikace k automatizaci činností nebo podpoře činností procesu optimalizace textového obsahu stránek. Tato stránka byla zvolena z důvodu, že již byla několikrát ručně optimalizovaná a proto bych rád demonstroval využitelnost vyvinuté aplikace, která za uživatele ohlídá mnoho věcí.
7.1
Analýza stránky Sálavé teplo
Jedná se o informace o sálavém teple, ze stránky z encyklopedie firmy Tulikivi12. Automatická analýza obsahu stránky a analýza klíčových slov zjistila základní následující nedostatky: ● Stránka nesplňuje ani základní požadavky na klíčová slova! ● Hlavní klíčová slova mají velmi velkou nebo příliš malou frekvenci! ● Věnujte pozornost délce popisu stránky. Má více jak 160 znaků! ● Věnujte pozornost neexistujícím title u odkazů! Dále výstup z programu nabízí další shrnutí z analýzy, které je zachyceno na následujícím obrázku 16.
7.1.1
Kontrola relevance hlavních klíčových slov
Aplikace vyhodnotila jako nejdůležitější 3 klíčová slova: teplo, tulikivi, sálavé teplo. Následující 2 klíčová slova sálavé a místnosti jsou uvedena pouze pro ukázku, která další slova by byla v pořadí důležitosti jako následující. Obsah zvolené stránky je zaměřen na vysvětlení toho, co to je sálavé teplo, tedy lze říci, že hlavní klíčová slova jsou vybrána správně.
7.1.2
Vyhodnocení optimálnosti klíčových slov
Je nutné určit, zda v daném oboru neexistují lepší klíčová slova s větším počtem vyhledávání. Jakmile klikneme na odkaz Trend, umístěný vedle klíčových slov, otevře se nám v našem prohlížeči webová služba od Google zvaná Trendy.13 Díky této službě jsme schopni zjistit, 12 13
jestli zvolené klíčové slovo je často vyhledávané a zda neexistuje lepší relevantní klíčové slovo. Na ukázce výstupu ze služby Trendy pro klíčové slovo teplo, je zřejmé, že dané klíčové slovo je opravdu vyhledávané.
Obrázek 16: Shrnutí analýzy z aplikace pro stránku Sálavé teplo.
Obrázek 17: Ukázka výstupu ze služby Trendy pro klíčové slovo teplo.
7.1.3
Maximální využití klíčových slov na stránce
V této činnosti procesu je třeba přezkoumat, zda vybraná nejdůležitější klíčová slova jsou zastoupená ve všech nejdůležitějších místech stránky. Jak je zřejmé z první věty výstupu automatické analýzy: Stránka nesplňuje ani základní požadavky na klíčová slova! Stránka tento bod nesplňuje.
42
Obrázek 18: Zobrazení využití klíčového slova v nejdůležitějších částech stránky.
Klíčové slovo teplo není zastoupeno v tazích Alt a Title u obrázků. Klíčové slovo tulikivi není zastoupeno v nadpisu H1, ani v popisu, či textu odkazů z jiných stránek webu. Poslední zkoumané slovní spojení sálavé teplo není zastoupeno, stejně jako slovo teplo, u obrázků. V poslední řadě všechna tři klíčová slova nejsou obsažena v textu označeném kurzívou. Dále je nutné zkontrolovat, zda naopak v důležitých místech stránky se nevyskytují zbytečná slova, která by snižovala váhu hlavních klíčových slov. K tomuto přezkoumání opět poslouží výpis automatické analýzy, který je zobrazen na následujícím obrázku.
Obrázek 19: Zobrazení všech slov uložených v nejdůležitějších místech obsahu stránky.
Kontrola obsahu: ● URL stránky neobsahuje zbytečná slovní spojení ● Titulek stránky neobsahuje zbytečná slovní spojení ● Popis stránky obsahuje více jak 160 znaků, proto je vhodné jej zkrátit ● Nadpis H1 obsahuje pouze hlavní klíčové slovo, což je správně ● Nadpis H2 obsahuje navíc slovo Novinky, které nemá souvislost s danou stránkou ● Tučný text obsahuje mnoho textu, který není spojen s klíčovými slovy. Pokud chceme zobrazit text tučně, který nesouvisí s klíčovými slovy, je vhodné pro něj použít CSS styly místo tagu strong. Jedná se například o tyto slovní spojení: ● pro člověka zdravé ● pokoj není třeba větrat ● kamna zády opřít 43
● Text v kurzívě stránka neobsahuje vůbec, což je vhodné napravit a některá důležitá slovní spojení vložit do kurzívy. ● Starší tag pro označení tučného textu B je nevyužitý, což je správně ● Starší tag pro označení textu kurzívou I je také nevyužitý, což je opět správně. V této činnosti procesu optimalizace nám aplikace pouze poskytuje doporučení, jak naše stránky upravit a je jen na nás, zda tato doporučení dodržíme.
7.1.4
Analýza SERP
Abychom zjistili aktuální pozice pro hlavní klíčová slova stránky, musíme přejít na záložku Pozice v Google. Na této záložce po přidání hlavních klíčových slov a zjištění jejich pozic je výsledek následující. Pouze na slovní spojení tulikivi sálavé teplo se zkoumaná stránka zobrazila na první pozici. Pro ostatní hledaná slovní spojení nebyla nalezena pozice.
Obrázek 20: Ukázka zjištění pozic pro hlavní klíčová slova stránky sálavé teplo.
Tyto výsledky potvrzují automatickou analýzu ve zjištění, že je tuto stránku nutné opravit. Použít hlavní klíčová slova tam, kde zatím nejsou zobrazena a naopak v důležitých místech stránky zajistit jejich převahu nad doplňujícími slovy.
7.1.5
Off-page faktory
Aplikace přináší podporu kontroly off-page ve formě zobrazení webové služby Site Explorer od firmy Afrefs14 s naší optimalizovanou stránkou. Tato služba zobrazuje veškeré veřejně dostupné zpětné odkazy na naší stránku v celém internetu, včetně kontroly sociálních médií.
7.1.6
Shrnutí Analýza stránek a návrhy úprav
Stránka potřebuje upravit umístění hlavních klíčových slov v nejdůležitějších místech stránky, dále odebrat zbytečná doplňující slova z těchto nejdůležitějších míst stránky. Dále je nutné vylepšit off-page faktory neboli získat zpětné odkazy na tuto stránku, propagovat sálavé teplo na sociálních sítích a v nejlepším případě rozšířit povědomí o sálavém teple, aby jej lidé začali vyhledávat. Pokud se tyto potřebné kroky splní, stránka by postupem času měla začít stoupat v žebříčku pozic ve vyhledávání. 14
Zdroj: http://ahrefs.com/site-explorer 44
8 Závěr V bakalářské práci jsem se věnoval zejména historickému vzniku vyhledávačů ve světě, jejich potřebě stáje vyvíjet lepší metody pro indexaci jednotlivých webů a na druhé straně snaze lidí tyto metody obelstít a získat co nejlepší pozice ve vyhledávačích. Po historickém úvodu vývoje vyhledávačů byly vysvětleny a ukázány metody pro zakázanou optimalizaci, tzv. black-hat metody a pro povolenou optimalizaci, tzv. white-hat. Pro nejdůležitější ze zakázaných metod byly uvedeny příklady reálného použití a také reakce vyhledávačů na tyto zakázané metody. Následně byla vysvětlena white-hat neboli povolená optimalizace stránek. Povolená optimalizace byla rozdělena na off-page a on-page faktory. Kdy off-page faktory jsou takové faktory, které leží mimo naše stránky, zejména se jedná o zpětné odkazy na naše stránky. Onpage faktory jsou takové faktory, které zcela závisí na úpravách našeho webu, zejména textového obsahu jednotlivých stránek, či celého webu. V praktické části této práce byly stanoveny požadavky na vývoj aplikace, která by zautomatizovala nebo podpořila a tím usnadnila některé činnosti on-page optimalizaci již existujících webů. Tato aplikace byla následně naprogramována a v této práci byla ukázána základní práce s GUI, ovládání a jednotlivé stavy aplikace. Naprogramovaná aplikace byla použita pro vytvoření návrhů změn konkrétní existující stránky z hlediska lepší optimalizace pro vyhledávače. Ukázalo se, že i když stránka již byla v minulosti ručně optimalizována, tak optimalizátor nezabezpečil všechny potřebné aspekty správného využití klíčových slov, na které aplikace dokázala automaticky upozornit. Na základě této práce si může každý tvůrce webových stránek otestovat vlastní obsah konkrétních stránek a krok po kroku zkontrolovat, zda jeho stránky neobsahují některé zásadní chyby v obsahu a rozložení klíčových slov. Pro optimalizátory tato práce může posloužit k automatizování některých procesů optimalizace stránek a tím velmi urychlit jejich optimalizaci.
8.1
Splnění zadaných cílů
Tato práce splnila všechny zadané cíle. ● Práce stručně představila historii vyhledávání informací na internetu. ● Práce představila optimalizaci pro vyhledávače od vzniku až po dnešek. ● V práci byla navržena aplikace pro optimalizaci on-page faktorů. ● Navržená aplikace byla následně implementována a na stručných ukázkách bylo vysvětleno její ovládání. ● Za pomoci vytvořené aplikace byly navrhnuty úpravy zvolené stránky.
45
Terminologický slovník Termín
Zkratka Význam
Search Engine Optimization
SEO
Soubor metod a postupů, jejímž cílem je zlepšení pozic a tím zviditelnění stránek ve výsledcích vyhledávání.
Search Engine Result Position
SERP
Pozice naší stránky ve výsledcích vyhledávání pro určité klíčové slovo, či slovní spojení.
On-page
Faktory, které se vyskytují přímo na webu a lze je ovlivnit. Jedná se zejména o strukturu webu a obsah webu.
Off-page
Faktory, které se vyskytují mimo náš web, ale přímo ovlivňují pozici ve vyhledávačích. Jedná se zejména o zpětné odkazy a jejich kvalitu.
Black-hat SEO
Zakázané metody optimalizace stránek pro vyhledávače, jejímž výsledkem může být dočasné dobré umístění ve výsledcích, nicméně z dlouhodobého hlediska je stránka vyhledávačem potrestána a vyřazena z vyhledávání.
White-hat SEO
Povolené a nutné metody optimalizace stránek pro vyhledávače s cílem zlepšení pozic ve výsledcích vyhledávání.
Tag
Html kód stránek obsahuje text obalený do speciálních tagů. Každý tag má nějaký význam. Například tag pro adresu: , nadpis 1:
9. Ledford, Jerri L. Search Engine Optimization Bible. Indianapolis, Indiana : Wiley, 2009. 978-0-470-45264-6. 10. Enge, Eric. The Art of SEO: Mastering Search Engine Optimization. Sebastopol : O'Reilly, 2009. 978-1-449-30421-8. 11. German BMW Banned From Google. Blogoscoped. [Online] 4. 2 2006. [Citace: 19. 2 2013.] http://blogoscoped.com/archive/2006-02-04-n60.html. 12. Kubíček, Michal. Velký průvodce SEO: Jak dosáhnout nejlepších pozic ve vyhledávačích. Brno : Computer Press, 2008. 978-80-251-2195-5. 13. Black hat SEO a metoda doorway stránek. Vyhledávače.info. [Online] 15. 12 2008. [Citace: 17. 2 2013.] http://vyhledavace.info/clanky/244/black-hat-seo-dorway-stranky. 14. Black Hat SEO Techniques. Howstuffworks. [Online] [Citace: 19. 1 2013.] http://computer.howstuffworks.com/search-engine-optimization3.htm. 15. First Impressions Matter. ConversionXL. [Online] 15. 11 2012. [Citace: 22. 1 2013.] http://conversionxl.com/first-impressions-matter-the-importance-of-great-visual-design/.
17. Flash and other rich media files. Google. [Online] 3. 12 2012. [Citace: 19. 3 2013.] http://support.google.com/webmasters/bin/answer.py?hl=en&answer=72746. 18. Google Crawlers Now Index Text from Images. Dailybits. [Online] 5. 11 2008. [Citace: 1. 3 2013.] http://www.dailybits.com/google-crawlers-now-index-text-from-images/. 19. Optimalizace. Seznam. [Online] [Citace: 19. 1 http://napoveda.seznam.cz/cz/hledani-fulltext-optimalizace-seo-faq-dotazy.html.
2013.]
20. 200 Parameters in Google Algorithm. SearchEngineJournal. [Online] 18. 12 2009. [Citace: 17. 3 2013.] http://www.searchenginejournal.com/200-parameters-in-googlealgorithm/15457/. 21. How Do I Build the Perfectly Optimized Page? SeoMoz. [Online] 17. 8 2009. [Citace: 16. 1 2013.] http://www.seomoz.org/blog/perfecting-keyword-targeting-on-page-optimization. 22. Title Tag. SeoMoz. [Online] [Citace: 15. 2 2013.] http://www.seomoz.org/learn-seo/titletag. 23. Meta Description. SeoMoz. [Online] [Citace: 15. 2 2013.] http://www.seomoz.org/learnseo/meta-description. 24. Google does not use the keywords meta tag in web ranking. Google. [Online] 21. 9 2009. [Citace: 15. 2 2013.] http://googlewebmastercentral.blogspot.cz/2009/09/google-does-notuse-keywords-meta-tag.html. 25. 5 common mistakes with rel=canonical. [Online] GoogleWebmasterCentra, 8. 4 2013. [Citace: 15. 4 2013.] http://googlewebmastercentral.blogspot.cz/2013/04/5-commonmistakes-with-relcanonical.html. 26. Jak by měla vypadat URL adresa? Prohlížeče.info. [Online] 9. 9 2010. [Citace: 15. 2 2013.] http://prohlizece.info/clanky/seo-jak-by-mela-vypadat-url-adresa/.
49
Seznam obrázků Obrázek 1: Ukázka prvního vzhledu Yahoo při jeho vzniku, rok 1994 .................................................................. 4 Obrázek 2: Ukázka Doorway stránky zaměřené na klíčové slovo "jazyková škola"............................................. 11 Obrázek 3: Ukázka zobrazení popisu stránky ve vyhledávači Google. ................................................................ 18 Obrázek 4: Váhy jednotlivých faktorů na SERP pozice ve vyhledávačích. .......................................................... 23 Obrázek 5: Procesní model pro zlepšení SERP na základě SEO........................................................................... 26 Obrázek 6: Logický datový model vytvoření v PowerDesigner 12.5. ................................................................... 31 Obrázek 7: Fyzický datový model pro implementaci do prostředí MS Access 2007. ........................................... 32 Obrázek 8: Relační datový model zobrazení v MS Access 2007. ......................................................................... 33 Obrázek 9: Stav aplikace po načtení vybraného projektu. ..................................................................................... 34 Obrázek 10: Načten sken domény www.tulikivi.cz a návrhy úprav stránky produkty. ......................................... 35 Obrázek 11: Ukázka výpisu přehledu chyb a doporučení z aplikace. ................................................................... 36 Obrázek 12: Statistika výskytů klíčových slov pro stránku www.tulikivi.cz/produkty. ........................................ 37 Obrázek 13: Ukázka zobrazení textu stránky ze zvýrazněným klíčovým slovem "čistění a údržba". ................... 38 Obrázek 14: Ukázka seznamu klíčových slov a jejich odpovídajících pozic ve vyhledávači Google. .................. 39 Obrázek 15: Ukázka historického vývoje pozice domény na klíčové slovo "Katalog krbů". ................................ 39 Obrázek 16: Shrnutí analýzy z aplikace pro stránku Sálavé teplo. ........................................................................ 42 Obrázek 17: Ukázka výstupu ze služby Trendy pro klíčové slovo teplo. .............................................................. 42 Obrázek 18: Zobrazení využití klíčového slova v nejdůležitějších částech stránky. ............................................. 43 Obrázek 19: Zobrazení všech slov uložených v nejdůležitějších místech obsahu stránky. ................................... 43 Obrázek 20: Ukázka zjištění pozic pro hlavní klíčová slova stránky sálavé teplo. ............................................... 44
