SEO optimalizace webových prezentací využívající technologie Flash

Transkript

1 Mendelova univerzita v Brně Provozně ekonomická fakulta SEO optimalizace webových prezentací využívající technologie Flash Diplomová práce Vedoucí práce: Ing. Oldřich Trenz, Ph.D. Bc. Zbyněk Dufka Brno 2011

2 Tímto bych velice rád poděkoval Ing. Oldřichu Trenzovi, Ph.D., vedoucímu mé diplomové práce, za cenné rady a podporu, kterou mi poskytl při psaní této práce.

3 Prohlašuji, že jsem diplomovou práci SEO optimalizace webových prezentací využívající technologie Flash vypracoval samostatně dle pokynů vedoucího práce a na základě literatury uvedené v závěru této práce. V Brně dne 26. května

4 4 Abstract Dufka, Z. Search Engine Optimization web presentations utilizing the Flash technology. Diploma thesis. Brno, The scope of the Thesis is the optimization of web presentations utilizing the Flash technology. The focus is to describe the theoretical background behind the problematic. It elaborates the methodology and realization of internet presentations that are based on the Flash technology. The methodology is followed by the process of optimization of a particular Flash presentation. The resume concludes the value added and includes a proposal for further development regarding the optimization. Abstrakt Dufka, Z. SEO optimalizace webových prezentací využívající technologie Flash. Diplomová práce. Brno Tato diplomová práce se zabývá problematikou optimalizace webových prezentací využívajících technologii Flash. Snaží se poskytnout dostatečné teoretické zázemí týkající se této problematiky. Navrhuje metodiku a ukazuje realizaci budování internetových stránek založených na technologii Flash. Na metodiku navazuje optimalizace pro vyhledávače konkrétní webové Flash prezentace. V závěru práce zhodnocuje přínos a navrhuje další rozvoj dané optimalizace. Klíčová slova:

5 OBSAH 5 Obsah 1 Úvod a cíl práce Úvod Cíl práce Teoretická východiska práce Definování pojmů Search Engine Optimization (SEO) Vyhledávací robot Search Engine Result Page (SERP) Optimalizace vyhledávačů pro Flash Javascript v SEO Optimalizace vyhledávacích strojů Analýza SEO strategie Webdesign v SEO Výběr klíčových slov Optimalizace on-page faktorů Optimalizace off-page faktorů Měření úspěchu Komunikace s vyhledávacími roboty Sitemap Robots.txt Meta Tag Robots Nofollow atribut Stránka s výsledky vyhledávání Náhled stránky v SERP Úryvek (snippet) Hodnocení stránek (Rank) Placené výsledky vyhledávání Optimalizace vyhledávačů pro Flash Úvod do optimalizace Flash obsahu SWF metadata Jaký Flash obsah lze a nelze indexovat Optimalizace Flash obsahu pro vyhledávače Odkazy ve Flash Aplikacích Deep linking pro Flash SWFObject Metoda statického publikování Metoda dynamického publikování SWFAddress Omezení SWFAddress Datová výměna mezi Flash a JavaScriptem

6 OBSAH 6 3 Metodická východiska práce 37 4 Vlastní práce Analýza SEO strategie firmy DesignBeat Návrh a realizace webového designu Informační architektura Rozvržení stránek Výběr barev Technické řešení Výběr klíčových slov a optimalizace on-page faktorů Nástroje pro návrh klíčových slov Tabulka klíčových slov Optimalizace on-page faktorů Optimalizace pro Flash prezentace Publikování metadata značek pro SWF Statické a dynamické textové pole v Adobe Flash Implementace SWFObject Technika Full Browser Flash Implementace SWFAddress Problém URL obsahující soubor SWF Příprava komunikace s vyhledávacími roboty Vytvoření mapy webu Konfigurace přístupu vyhledávačů Návrh a realizace off-page faktorů Diskuze Přínosy optimalizace Návrhy na zlepšení Závěr 71 7 Literatura 72 Přílohy 75 A Drátěný model titulní strany. 76 B Drátěný model případových studií. 77 C Drátěný model detailu případových studií. 78 D Drátěný model sekce klíčoví lidé. 79 E Drátěný model detailu sekce klíčoví lidé. 80

7 OBSAH 7 F Drátěný model support. 81

8 1 ÚVOD A CÍL PRÁCE 8 1 Úvod a cíl práce 1.1 Úvod Informační technologie a prostředí Internetu se dynamicky rozvíjí a je velmi pravděpodobné, že jejich využití bude v různých oblastech stále více nabývat na významu. Jednou z výhod Internetu je vysoká míra interaktivity uživatelů a jejich zapojení se do marketingového procesu. V dnešní době snad neexistuje odvětví, ve kterém by se firmy nebo organizace, které chtějí uspět v tvrdém konkurenčním boji, obešly bez prezentace na Internetu. Čím vyšší je prestiž firmy, tím více se marketingoví manažeři snaží o co reprezentativnější a přitažlivější firemní webovou prezentaci anebo mikrostránku propagující daný produkt nebo firmu samotnou. Ačkoliv je velmi důležité a reprezentativní mít poutavou webovou prezentaci, mnohdy to však pro získání zákazníků nestačí. Pro celkový úspěch webu je potřeba myslet také na optimalizaci pro vyhledávače, a to po celou dobu vytváření webu a v průběhu jeho životnosti. Téměř každá informace na Internetu má určitý počet zájemců, kteří právě danou informaci hledají. K čemu ale budovat a provozovat takové stránky, o kterých se nikdo nedozví nebo se o nich dozví pouze malý počet lidí, což další vývoj daného webu nepodpoří. V tento okamžik je nutné se zamyslet a navrhnout optimální SEO (Search Engine Optimization) strategii. Jelikož se Internet rychle mění a denně neustále přibývá obrovské množství nových webových stránek, vyhledávače tomuto faktu musí přizpůsobovat svůj vyhledávací algoritmus. Pro udržení webových stránek na předních místech ve výsledcích vyhledávání je potřeba SEO stále budovat a přizpůsobovat novým trendům. Když před více jak deseti lety přišla společnost Macromedia s technologií Flash, málokdo by si představil jeho dnešní využití ve webdesignu a aplikacích RIA (Rich Internet Applications). Nyní je Flash přes pět let produktem společnosti Adobe a prochází značným vývojem. Interaktivní animace tvořené v Adobe Flash velmi rychle na Internetu vytlačují klasické bannery, například ve formátu GIF. V poslední době se Flash ujal nejen jako nástroj pro tvorbu animací a her, ale i jako technologie pro vytváření lákavých interaktivních webových mikrostránek nebo rozsáhlejších webových prezentací. V začátcích technologie Flash nebylo možné stránky vyhledávacími roboty indexovat. Z tohoto důvodu nebyly stránky tvořené Flashem zahrnuty do výsledků vyhledávání. Toto však dnes už neplatí. Přední světové vyhledávače se snaží ve spolupráci se společností Adobe již několik let tento problém přizpůsobovat novým trendům ve vyhledávání a stejně tak mění své algoritmy vyhledávání. Faktem však zůstává, že optimalizace (SEO) aplikací vytvořených pomocí Adobe Flash je mnohem obtížnější než je tomu u standardních HTML stránek. Nejnovější metody optimalizace (SEO) webových prezentací založených na technologii Flash umožňují dosáhnout přívětivých výsledků ve vyhledávání také pro tuto technologii.

9 1.2 Cíl práce Cíl práce Cílem diplomové práce je návrh metodiky pro efektivní optimalizaci (SEO) webových stránek postavených na Flash technologii, zejména pro vyhledávač Google a její ověření na reálném projektu. K dosažení vytyčeného cíle je zapotřebí analyzovat konkrétní prostředí SEO. Dále navrhnout a vybudovat moderní a interaktivní webový design s důrazem na klíčové prvky optimalizace pro vyhledávače. Za splnění cíle této diplomové práce lze také považovat zobrazení webové prezentace na vyšších pozicích ve výsledcích vyhledávání a dosažení indexace obsahu uvedeného ve vytvořené Flash animaci, zejména u nejznámějšího vyhledávače Google.

10 2 TEORETICKÁ VÝCHODISKA PRÁCE 10 2 Teoretická východiska práce 2.1 Definování pojmů Search Engine Optimization (SEO) Pojem SEO (Search Engine Optimization) označuje rozmanitou skupinu aktivit prováděných za účelem zvýšení cíleného provozu, jenž přichází na daný web z vyhledávacích strojů. Jedná se o průběžně vyvíjející se oblast online marketingu, jejímž cílem je nárůst počtu cílových zákazníků (Grappone, 2007, s. 22) Vyhledávací robot Vyhledávací robot je software, který vyhledávače používají k procházení webu a k ukládání obsahu webových stránek do jejich databáze. Tato činnost se nazývá indexace. Robot může být také nazýván jako crawler nebo spider (Grappone, 2007, s. 56) Search Engine Result Page (SERP) Zkratka SERP je úzce spjata se SEO, vyjadřuje první písmena slov Search Engine Result Page, neboli stránka s výsledky vyhledávání zobrazená internetovým vyhledávačem na základě vyhledávacího dotazu. Úkolem SEO je získat co nejlepší pozice na SERP (Kubíček, 2010, s. 21) Optimalizace vyhledávačů pro Flash SEO pro Flash znamená neustálé hledání optimálních strategií, které vylepší pozice webových stránek obsahující Flash ve výsledcích vyhledávání internetových vyhledávačů. Klíčovým faktorem vedoucím k úspěchu je efektivní zpřístupnění HTML kódu vyhledávačům (Perkins, 2009, s. XV) Javascript v SEO JavaScript je multiplatformní objektově orientovaný skriptovací jazyk vycházející z norem ECMA (Europen Computer Manufacturers Association) standardizován jako ECMAScript jazyk. Z ECMAScriptu vychází i multiplatformní objektově orientovaný programovací jazyk ActionScript určený pro vyvíjení aplikací pomocí Adobe Flash. Využití Javascriptu pro Flash aplikace může výrazně zlepšit user experience a zároveň SEO Flash prezentací. JavaScript poskytuje dostatečnou kontrolu nad tím, co uživatelé vidí při návštěvě Flash stránky, ať už mají Adobe Flash Player ve svém prohlížeči nainstalován nebo ne. Bez podpory Adobe Flash Playeru ve webovém prohlížeči nelze samozřejmě Flash prvky na stránce zobrazit. JavaScriptové knihovny SWFObject a SWFAddress jsou základem pro zlepšení user experience a SEO Flash aplikací (Perkins, 2009, s. 83).

11 2.2 Optimalizace vyhledávacích strojů Optimalizace vyhledávacích strojů Optimalizace pro vyhledávače znamená proces zviditelňování webového obsahu internetovým vyhledávačům a snaha o dosažení předních pozic ve výsledcích vyhledávání. Složitost optimalizace závisí na konkurenčním prostředí a použití webových technologií. Existuje skutečně mnoho rozhodujících faktorů ovlivňujících výsledky vyhledávání, v následujícím textu je uveden přehled těch nejdůležitějších z nich Analýza SEO strategie Plán optimalizace představuje metodu, kterou lze aplikovat na široké spektrum prací v oblasti SEO, pro konkrétní záměry a konkrétní webové prezentace je třeba tuto metodu přizpůsobit. Jinými slovy, pro žádný SEO plán neexistuje jen jedna univerzální forma. Malé firmy, velké firmy, kamenné obchody, neziskové organizace nebo autoři blogů mají vlastní potřeby, přednosti a výzvy. Úkolem SEO konzultanta je identifikovat, do jaké kategorie optimalizovaný web spadá (Grappone, 2007, s. 38) Webdesign v SEO Webdesign je rozsáhlý soubor činností, který zahrnuje plánování a tvorbu webových stránek včetně vizuálního návrhu, technického vývoje, struktury informací a optimalizace pro vyhledávače. Dobrý webdesign hraje obrovskou roli v použitelnosti stránek. Použitelnost stránek a SEO spolu úzce souvisí, jelikož oba tyto obory mají za úkol udržet návštěvníka na webu a přimět ho ke konverzi. Struktura a obsah webu jsou pro SEO důležité také, zejména dobrý obsah a rozvržení on-page faktorů, o kterých bude řečeno více v dalším textu této diplomové práce. M. Veloso (2009, s. 12) tvrdí, že web copywriting je velmi zajímavá činnost a profese, která dokáže přeměnit slova v peníze, jelikož Internet je jediným místem, kde může kdokoliv dělat obchod každý den a za malé nebo žádné peníze. Uživatelské rozhraní Autoři knihy The Smashing Book (2009, s. 11) uvádí, že každé vynikající uživatelské rozhraní sdílí následujících osm kvalit a charakteristik: 1. Jasnost správné rozhraní nepotřebuje žádný manuál, vyhýbá se nejasnostem, zajišťuje uživatelům vyhýbání se chybám při používání 2. Stručnost úkolem webdesignera je dělat rozhraní stručné a zároveň čisté, příliš mnoho věcí na stránce je z uživatelského hlediska složité až nudné. 3. Povědomost prvky na stránce by měly být uživatelům dobře známé, i když uživatel používá aplikaci poprvé, měly by být prvky na stránce pro něj zavádějící.

12 2.2 Optimalizace vyhledávacích strojů Reakčnost lze si představit jako rychlost a poskytování dobré zpětné vazby, když uživatel zadá nějaký vstup. 5. Konzistence udržování konzistence pro celou aplikaci je důležité pro rozpoznání způsobů užití. Pokud se uživatel naučí, jak pracuje jistá část rozhraní, nebude pro něj problém tuto zkušenost přenést i na ostatní místa nebo vlastnosti rozhraní. 6. Estetika rozhraní by mělo být pro uživatele atraktivní a příjemné. 7. Účinnost dobrý design a klávesové zkratky šetří čas uživatelů, zvyšují tak jejich produktivitu 8. Shovívavost uživatelé aplikací dělají chyby, je jen na aplikaci, aby uživatele za jejich pochybení netrestala, ale snažila se jim poskytnout pomoc o nápravu těchto chyb, například možností vzít akci zpět, obnovit smazaná data apod. Navigace na webu Účelem navigace na webu je pomoc najít to, co uživatel hledá. Navigace poskytuje uživateli opěrné body, aby se necítil na webu ztracen. Snaží se mu říci, co všechno na webu je a jaké stránky má používat. Webová navigace je zprostředkována pomocí ukazatelů, které uživatele webem vedou. Nejčastěji uživatelé hledají seznam hlavních sekcí, neboli hlavní menu. Dalšími ukazateli jsou vedlejší menu, drobečková navigace nebo samostatné odkazy. Steve Krug (2006, s. 49) přirovnává navigaci na webu k nákupu v nákupním středisku. Uživatelé přichází na web s cílem najít informace, které potřebují. Stejně jako v nákupním středisku čelí rozhodnutí, zda se mají zeptat nebo začít sami hledat. Rozdíl je v tom, že na webu nepostává nikdo, kdo by poradil, kde hledanou věc najít. Webovým ekvivalentem je zapsání dotazu do vyhledávacího pole. Pokud uživatel nenajde, co hledá, odejde a dospěje k názoru, že požadované informace na webu nejsou nebo je už hledáním otráven. Chyby použitelnosti webu V rámci hodnocení WebTop100 jsou uvedeny na portálu Dobrý web (2010) tyto nedostatky z hlediska použitelnosti dvou stovek webů nejvýznamnějších českých firem: 1. Nepodtrhané odkazy nejčastější chyba, které se grafici dopouští, srozumitelnost a přehlednost by měla být vždy na prvním místě, uživatel musí na první pohled poznat, na co může klikat. 2. Účel webu uživatel by na první pohled měl vidět, kde se ocitl, komu web patří, čím se firma zabývá a měl by tyto informace vědět hned. 3. Nepoužitelná navigace navigace je pro návštěvníka důležitým pomocníkem a záchytným bodem, pokud ji nedokáže snadno ovládat, těžko se někam dostane

13 2.2 Optimalizace vyhledávacích strojů 13 a odchází z webu pryč. Navigace by měla být také umístěna přesně tam, kde ji uživatel očekává a na daném místě také zůstat. 4. Orientace ve struktuře webu v každém okamžiku si potřebuje uživatel být jistý, na jakém místě se v rámci struktury webu nachází. K tomuto slouží především viditelný název dané stránky a zvýraznění aktuální položky v navigačním menu. Velmi dobrým pomocníkem je také drobečková navigace, která výborně znázorňuje strukturu webu a umožňuje návrat o úroveň nebo několik úrovní výš. 5. Neexistující stránky stránky, které jsou odkazovány z hlavního menu, ale přitom vůbec neexistují. 6. Nečitelný text text by měl být dostatečně veliký a kontrastní, rozdělen do kratších odstavců, proložen nadpisy nebo bodovými seznamy a provázán odkazy se souvisejícími stránkami. 7. Vyhledávání z uživatelského pohledu je nefunkční vyhledávání horší než žádné, web, který má jasnou a přehlednou strukturu, vyhledávání nepotřebuje, pokud však tuto možnost nabízí, mělo by nabízet relevantní výsledky. Designéři versus vývojáři Ve svém článku na serveru smashingmagazine.com C. McDaniel (2011) píše o rozdílech a neshodách mezi designéry a vývojáři. Problém ve vývoji webu nastává ve chvíli, když design i vývoj mají konkurenční zájmy a oba si jdou svou cestou. Oba tyto směry ovšem udávají svůj správný směr vývoje. Záleží jen na tom, jakou vedoucí týmu dokáže udržet pracovní morálku, aby dovedl projekt k co nejvyššímu úspěchu. Následující obrázek ukazuje, jak by měl design a vývoj směřovat ke stejnému cíli. Obr. 1: Společný cíl designérů a grafiků (McDaniel, 2011).

14 2.2 Optimalizace vyhledávacích strojů Výběr klíčových slov Veškeré vyhledávání na webu je založeno na textu, včetně hledaných netextových věcí jako jsou obrázky, videa, soubory typu pdf, MS word nebo Flash animace. Vyhledávače velmi zajímá, kolik textu a jak kvalitní obsah na webu máte. Srdcem každé SEO kampaně je proto důkladný výběr klíčových slov. Pro SEO webových stránek je třeba mít připravený seznam nejdůležitějších klíčových slov a ty v rozumných odstupech umísťovat na strategických místech. Pokud společnost změní svou firemní strategii nebo portfolio služeb, je třeba změnit i klíčová slova. I trendy vyhledávání a konkurence se mění, proto je dobré neustále klíčová slova analyzovat. Mezi klíčovými slovy by nemělo chybět (Kubíček, 2008, s. 99): Název organizace Název stránek Název produktu nebo služby Odborné označení nebo slangový název Slova nejlépe vystihující předmět podnikání Řešení problému, které dané služby nabízí Překlepy, víceslovné výrazy, varianty bez háčků a čárek Při výběru relevantních klíčových slov je třeba se nejprve ptát (Kubíček, 2008, s. 105): Jsou vybraná slova obecně užívaná? Jsou to slova, na které přijde opravdový zákazník? Jaká klíčová slova používají úspěšní konkurenti? Kolikrát jsou jaká slova vyhledávaná? Mnoho autorů SEO publikací také uvádí, že je dobré se při výběru klíčových slov zaměřit na tzv. longtail. Tento pojem vznikl spojením dvou slov long a tail, což v překladu znamená dlouhý a chvost. Longtail si lze představit jako dlouhý ocas táhnoucí se za kometou, kde kometa představuje hlavní klíčová slova a dlouhým ocasem slova, na která jsou dané stránky také vyhledatelné. Z dlouhodobých statistik vyplývá, že i když na hlavní klíčová slova bude dané stránky hledat více lidí, na méně konkurenční slova z ocasu může na stránky v absolutním počtu přijít mnohem více návštěvníků (Kubíček, 2010, s. 31).

15 2.2 Optimalizace vyhledávacích strojů Optimalizace on-page faktorů On-page faktory jsou ta kritéria webové stránky, která jsou určena obsahem stránky samotné. Grappponová a Couzinová (2007, s. 328) rozdělují kód stránek do dvou kategorií 8211; viditelný a neviditelný, přičemž obě tyto kategorie jsou pro optimalizaci velmi důležité. Viditelný text se skládá nejenom ze slov, která může z vašich stránek vidět celý svět, ale také z méně zřejmých prvků jako jsou název stránky, texty odkazů, navigační text, či popisky obrázků. Do kategorie neviditelného textu patří slova, která se sice přímo na stránce nezobrazují, ale jsou přidána do HTML kódu. Odborníci na optimalizace pro vyhledávače jako J. Sirovich a C. Darie (2008, s. 35) říkají, že vyhledávače dávají neviditelným on-page faktorům natolik malý význam, že se snad jimi nevyplatí ani zabývat. Je to dáno tím, že se velmi snadno ovlivňují, aniž by to jakkoliv ovlivnilo vzhled samotné stránky. Tyto faktory tak nemusejí být poctivé a přesné, spam se tak dá velice snadno ukrýt. Vyhledávače jim proto nedávají přílišnou důvěru a zabývají se tím, co uživatel skutečně vidí. Podle knihy 333 Tipů a triků SEO (Kubíček, 2010, s. 51) by se klíčová slova měla rozhodně objevit v: titulku stránky názvech odstavců samotném textu stránky názvech a alternativních popisech obrázků, Flash animací Titulek stránky Titulek stránky je textový řetězec definovaný obsahem elementu <title> v části dokumentu HTML v elementu <head>. Titulek je viditelný v titulku okna prohlížeče, v záložkách, jako nadpis výsledku vyhledávání a jako link anchor text externích stránek. Je jedním z nejdůležitějších faktorů SEO, protože rozhoduje při řazení výsledků vyhledávání a má velký vliv na míru prokliků. Obr. 2: Důležitost pořadí klíčových slov v titulku v Google (SEOmoz, 2010).

16 2.2 Optimalizace vyhledávacích strojů 16 Z průzkumu (SEOmoz, 2010) bylo dotázáno 37 odborníků na SEO, 35 z nich uvedlo, že umístění klíčových slov v titulku stránky je nejdůležitějším místem, které vede k vysokému hodnocení stránek. Na obrázku 2 je vidět, jakou důležitost klade Google na pořadí klíčových slov v titulku. Nadpisy stránky Nadpisy jsou tvořeny elementy <hx>, kde X je číslo mezi 1 a 6. Používají se pro zvýraznění textu na stránce a také vyhledávače jim dávají větší význam. Text stránky Stránka obsahující klíčová slova, která uživatel hledá, by pro něj samozřejmě měla být relevantní. Algoritmy vyhledávačů s tím také počítají. Vkládání klíčových slov by se nemělo přehánět, přílišné a záměrné opakování klíčových slov, keyword stuffing, může vést k označení stránky za spam. Psaní textů podle zásad SEO má za cíl vytvořit obsah webu tak, aby se dobře četl návštěvníkovi stránky, ale také byl zaměřený na určité vyhledávací fráze ve vyhledávačích (Sirovich, 2008, s. 37). V knize SEO v PHP (Sirovich, 2008, s. 45) autoři uvádí, že se vyhledávače snaží vyhnout indexování duplicitního obsahu a dokonce takové weby i penalizují. Opakované použití stejného obsahu tedy rozhodně nevylepší pozice v SERP v žádném z předních vyhledávačů. Odchozí odkazy Odchozí odkazy představují odkazy na vedlejší stránky. Kvalita a kvantita odchozích odkazů má nezanedbatelný vliv na SEO, hlavně pokud se jedná o mnoho odchozích odkazů a odkazů na absolutně bezvýznamný nebo spamový obsah. V tomto případě odchozí odkazy spíše zhoršují pozice ve vyhledávačích. Perkins (2009, s. 21) tvrdí, že pokud mají být odkazy na špatného souseda z nějakého důvodu přece jen použity, je třeba dbát na to, aby se robotům pomocí atributu nofollow sdělilo, že tyto odkazy nemá indexovat. Klíčová slova v doméně Pokud název domény obsahuje hledaná klíčová slova, je dost pravděpodobné, že se objeví i vysoko v SERP vyhledávačů. Nejspíš je to dáno mírou prokliků, protože samotný název domény uživatele spíše přesvědčí, aby na něj klepnul (Jerkovic, 2009, s. 75). Klíčová slova v URL stránky Klíčová slova v URL stránky mohou být užitečná nejen pro SEO, ale i pro použitelnost webu. Mnoho nových CMS systémů umožňuje využívat URL přepisovací

17 2.2 Optimalizace vyhledávacích strojů 17 techniky pro klíčová slova a líbivé odkazy. I z pohledu SERP vyhledávačů má technika přepisování URL adres své opodstatnění(jerkovic, 2009, s. 66). Značka strong HTML tag <strong> (Perkins, 2009, s. 22) slouží ke zdůraznění klíčových slov v textu, které si vyžadují větší pozornost. Mění písmo na tučné, podobně jako značka <b>. Optimalizace obrázků V knize 333 tipů a triků pro SEO autoři uvádí, že fotografie a obrázky nemusejí jen dělat stránky hezčími, ale mohou přivést i nové návštěvníky. Je dobré uvádět nejrelevantnější popis a klíčová slova v následujících místech (Kubíček, 2010, s. 77): pojmenování obrázků alternativní popisy obrázků titulek obrázku titulek stránky s fotkou text v okolí obrázku Popisek stránky Meta značka description v poslední době na pozice ve výsledcích vyhledávání nemá téměř žádný vliv, je dobré ji však na stránce uvádět z jednoho prostého důvodu. Vyhledávače většinou v SERP zobrazují na výstřižky textu obsahující hledaná slova. Může však nastat situace, kdy vyhledávač sáhne pro popis stránky ve značce meta, proto je dobré mít popisek stránky dobře připraven Optimalizace off-page faktorů Za off-page faktory jsou považovány veškeré faktory nebo úpravy, které nejsou prováděny na konkrétní internetové adrese. Pro SEO platí, že se nelze zaměřit jen na on-page faktory nebo naopak off-page faktory, ale je třeba realizovat obě části, protože obě tvoří v SEO jeden celek. V dnešní době se webdesign zaměřuje již při výrobě webu na správné on-page faktory. O pozicích ve výsledcích vyhledávání tedy rozhoduje převážně kvalita zpětných odkazů, nejdůležitějších off-page faktorů, kterou je třeba neustále vylepšovat (Kubíček, 2008, s. 189).

18 2.2 Optimalizace vyhledávacích strojů 18 Zpětný odkaz (Backlink) Zpětné odkazy jsou jakékoliv odkazy na webové stránce, které směřují na stránku jinou. Zpětným odkazem může být text na stránce, obrázek nebo třeba Flash banner (Jerkovic, 2009, s. 85). Hodnocení webu z pohledu vyhledávače může být podle autorů SEO v PHP (2008, s. 40) ovlivněno hned několika faktory souvisejícími se zpětnými odkazy: stáří odkazů množství příchozích odkazů kvalita příchozích odkazů relevance příchozích odkazů víření odkazů míra přírůstku odkazů anchor text autorita důvěryhodnost Linkbuilding Tento výraz se vztahuje k činnosti budování zpětných odkazů na daný web. Linhart a Kubíček (2010, s. 89) rozdělují linkbuilding na dvě části: Pasivní linkbuilding cílem pasivního linkbuildingu je snaha o získání zpětných odkazů na základě dobrého obsahu webu. Ovlivnit jej lze také publikováním kvalitních článků. Web se stává populárnějším a bude se na něj z ostatních stránek více odkazovat. Jedná se o tvorbu přirozených odkazů, které mají vyhledávače nejraději. Předpoklady pro úspěšný pasivní linkbuilding jsou: kvalitní informační obsah, poutavý a výstižný titulek, trvalé URL, linkbaiting. Aktivní linkbuilding jedná se o aktivní způsob získávání zpětných odkazů na základě žádostí o výměnu odkazů s majiteli jiných webů, nakupování zpětných odkazů, registrace do katalogů, registrace na soutěžních serverech, aktivní účast ve fórech a diskuzích, vkládání odkazů na satelitní weby, publikování na cizích webech, blogu apod. SEO v číslech Obrázek 3 vyjadřuje důležitost, jakou Google klade jednotlivým faktorům při optimalizaci stránek pro vyhledávače. Vychází z průzkumů SEOMOZ v roce 2009.

19 2.2 Optimalizace vyhledávacích strojů 19 Obr. 3: Faktory ovlivňující algoritmus hodnocení Google podle průzkumů SEOmoz v roce 2009 (Fishkin, 2009) Měření úspěchu Úspěšný web je takový web, jenž plní cíl, za kterým byl vytvořen. Za cíl se dá považovat libovolná akce nebo záchytný bod vytvářející vztah s vašimi návštěvníky, například vyplnění formuláře se zpětnou vazbou, přihlášení se k odběru informací, zanechání komentáře u příspěvku na blogu, stažení PDF dokumentu, zobrazení stránky se speciální nabídkou nebo klepnutí na ový odkaz mailto. Nedostatečně výkonný web umoří návratnost investic a může poškodit značku. Webová analytika poskytuje nástroje pro shromažďování informací o tom, co se na webu děje. Smyslem webové analytiky je poskytnout znalosti, na jejichž základě lze provádět informovaná rozhodnutí o změnách internetové strategie (Clifton, 2009, s. 21). Pro sběr dat se v podstatě používají dvě techniky značení jednotlivých stránek a serverové logy. V poslední době se stále více stává populárnější metoda značkování stránek. Značky ve formě javascriptu na stránkách sbírají data prostřednictvím webového prohlížeče návštěvníka. Obě techniky mají své nevýhody, obecně se do-

20 2.2 Optimalizace vyhledávacích strojů 20 poručuje pro webovou analytiku použít nástrojů založených na obou technikách. Google Analytics Služba Google Analytics vyvíjená společností Google je postavena na metodě značkování stránek. Důležitým faktem je, že Google Analytics je poskytována bezplatně a je zcela udržována a aktualizována společností Google. Implementace nástrojů webové analytiky s sebou nese ne zrovna zanedbatelné režijní náklady. I z tohoto důvodu je v této diplomové práci právě nástroje Google Analytics využito. Brian Clifton (2009, s. 48) vytyčuje následující klíčové rysy služby Google Analytics: podpora a rozhraní v několika jazycích vysoká škálovatelnost prvky použitelné pro velké společnosti i drobné podnikatele integrace se systémem AdWords pouhými dvěma klepnutími myši sledování veškerých kampaní, nejen ze systému AdWords vizualizace cest uživatelů, než dosáhnou konverze řídící panely na míru vizualizace prokliků na stránce lokalizace uživatelů na mapě křížová segmentace export dat a plánování porovnání časových období tvorba přehledů pro elektronické obchody statistiky interního vyhledávání sledování událostí Co se soukromí a služby Google Analytics týče, všechny přehledy služby Google Analytics obsahují souhrn neosobních informací. Při využívání služby Google Analytics se setkávají strany nezávislého webu, návštěvníka tohoto webu a společnost Google. Právě společnost Google navrhla taková opatření v oblasti ochrany soukromí, aby se bral ohled na každého z účastníků služby. Google Analytics nesleduje uživatele napříč několika nesouvisejícími weby, pro každý web používá jiné soubory cookie. Používá anonymní a statistické přehledy, které neobsahují žádné informace, na jejichž základě by mohla být osoba uživatele identifikována (Clifton, 2009, s. 53).

21 2.3 Komunikace s vyhledávacími roboty 21 Prohlášení o ochraně soukromí lze najít na stránce Centrum ochrany osobních údajů Google Komunikace s vyhledávacími roboty Mezi základní aktivity SEO bezpochyby patří komunikace s roboty. Vyhledávače by totiž měly o webu vědět jen to, co se žádá, aby o něm věděly. Ne všechno, co robot vidí, se ale obměňuje stejně často a má vždy stejnou hodnotu Sitemap Mapa webu, neboli sitemap je soubor obvykle ve formátu XML, php, asp, aspx, htm nebo html, kde najde vyhledávač v jasně daném strukturované formátu odkazy na všechny stránky daného webu (Jerkovic, 2009, s. 193). V raných dobách internetu byly mapy webu primárně určeny pro lidské návštěvníky. Avšak již od této doby hraje sitemap velkou roli v SEO. V roce 2005 Google přišel s konceptem vytvoření vlastního Google Sitemap protokolu. Během roku 2006 byl tento protokol přejmenován na XML Sitemap protokol a přijat za univerzální. Za posledních pět let XML Sitemap protokolu rozumí nejen Google, ale i ostatní přední světové vyhledávače společností Yahoo!, Microsoft, Ask a IBM. Od roku 2007 dokonce i český Seznam. Mapa webu není povinná a ani nedokáže přímo zaručit lepší postavení v žebříčku vyhledávačů. Dokáže však vyhledávací roboty relativně rychle upozornit na nový obsah na webu a hlavně na stránky, které vyhledávače těžko indexují (Kubíček, 2008, s. 182) Robots.txt V mnoha případech při provozu a budování webových prezentací nastává případ, kdy je třeba říci vyhledávačům, aby se o určité stránky, adresáře nebo soubory na daném webovém serveru nezajímaly. Mohou to být stránky, dokumenty, obrázky nebo Flash animace určené k interním účelům nebo pouze stránky, které by vytvářely duplicitní obsah a tím škodily SEO. Vynechání těchto stránek z mapy webu však neznamená, že tyto stránky nebudou vyhledávače ve svých výsledcích vyhledávání zobrazovat. Z tohoto důvodu mají vyhledávače způsob, jakým je lze informovat o tom, že určitá místa na webovém serveru mají při procházení ignorovat a tím je textový soubor robots.txt (Grappone, 2007, s. 52). Obvykle bývá uložen v kořenovém adresáři webu a je přesným opakem souboru sitemap.xml. Stejně jako mapu webu můžete soubor robots.txt vytvořit buď sami nebo sáhnout po nějaké aplikaci, například Google Webmaster Tools a automaticky vygenerovat.

22 2.4 Stránka s výsledky vyhledávání Meta Tag Robots Todd Perkins ve své publikaci (2009, s. 37) uvádí, že velmi snadnou a rychlou metodou jak dát robotům echo, že nemají stránku indexovat, je pomocí meta značky <meta name= robots content= noindex />. Pokud však už stránku robot zaindexoval, bude se v SERPu dále objevovat. Dokonce i heslem chráněné stránky přímo v kódu serveru, např. souborem.htaccess používaným Apache serverem, která je jednou z nejspolehlivějších metod prevence před zaindexováním robotem. Zmíněné metody je proto dobré používat ještě před tím než vyhledávač stránku najde. Však žádná z těchto metod není pro všechny vyhledávače úplně spolehlivá, proto je dobré je kombinovat. Pokud však chcete stránky z indexů vyhledávačů odstranit, lze to provést manuálně, například již několikrát zmíněným nástrojem Google Webmaster Tools. Meta tag robots umožňuje robotům zakázat nebo povolit indexování obsahu a sledování odkazů. Přípustné hodnoty jsou noindex, index, nofollow, follow a all (Seznam.cz, 2010) Nofollow atribut Atribut rel=8220;nofollow8220; představuje způsob jak dát vyhledávačům pokyn nesledovat konkrétní odkaz. Znamená to, že vyhledávače na tyto odkazy nepřevádí hodnocení ani text odkazu. Nofollow byl navržen společností Google za účelem snížení spamu. Odkazování do tzv. šedé zóny může pravděpodobně snížit hodnocení stránky, neplatí však naopak (Google, 2011). 2.4 Stránka s výsledky vyhledávání Internetové vyhledávače nesou pro uživatele internetu obrovské množství způsobů jak získat informace o tom, co právě hledají. Ať už se jedná o informace o určitých produktech, službách, cenách nebo jakékoliv jiné informace, cílem většiny webů na internetu je být uživateli viděn a vyhledán. Optimalizace pro vyhledávače má pak za úkol dostat web, na určitá klíčová slova zadávána uživatelem, na co nejlepší pozice ve stránkách s výsledky přirozeného vyhledávání. Vedle seznamu přirozených výsledků vyhledávání jsou na stránce s výsledky vyhledávání, známé také pod označením SERP z anglického Search Engine Result Page, placené výsledky vyhledávání neboli placené reklamní odkazy. Na obrázku 1 jsou v SERP vyhledávače Google červeně zvýrazněny placené odkazy a zeleně přirozené výsledky vyhledávání na dotaz vyhledání slova webdesign. Společnost Ataxo, jedna z předních firem zabývajících se internetovým marketingem uvádí, že přes 90% uživatelů si v SERP vybere stránku, kterou navštíví, právě z výsledků zobrazených na první stránce výpisu. Celých 80% z nich zaměří svou pozornost na prvních pět odkazů, zbylých 20% uživatelů si prohlédne všechny odkazy na první stránce (Ataxo, 2011).

23 2.4 Stránka s výsledky vyhledávání 23 Obr. 4: Stránka s výsledky vyhledávání Google (červeně sponzorované odkazy, zeleně organické vyhledávání) Náhled stránky v SERP Náhled stránky je snímám a generován automaticky samostatným vyhledávacím robotem. Jedná se o screenshot webové stránky, který se zobrazuje u výsledků vyhledávání v SERP. Tato funkce vyhledávačů má za úkol zvýšit rychlost a efektivitu vyhledávání a pravděpodobnost, že bude uživatel spokojen s výsledkem, na který klikne. Funkce náhledu stránky umožňuje jak přední světový vyhledávač Google, tak i oblíbený český Seznam. U Googlu se aktivuje funkce dynamického náhledu kliknutím na symbol lupa nebo na modrý podklad výsledku v SERP, viz. obrázek 5. Poté lze získat vizuální náhled dané webové stránky pouhým najetím myši na výsledek v SERP. Obr. 5: Ukázka náhledu stránky v SERP Google. Sbírání screenshotů probíhá sice automaticky, urychlit přidání náhledu nebo jej aktualizovat lze u Seznamu provést zadáním URL stránky do přidávacího formuláře na adrese

24 2.4 Stránka s výsledky vyhledávání 24 Obr. 6: Náhled stránky v SERP vyhledávače Seznam, červeně vyznačená místa označují placené výsledky vyhledávání. Mezi výhody dynamického náhledu Google řadí (Google, 2011): rychlé porovnání výsledků zvýraznění relevantního obsahu interakce se stránkou s výsledky vyhledávání Náhledy stránek uživatelům umožní si udělat obrázek o vizuální podobě stránky ještě předtím, než na výsledek kliknou Úryvek (snippet) Snippet je extraktem vyhledané stránky, kde se snaží vyhledávač ukázat podle něj nejrelevantnější část vyhledávané stránky. Stačí změnit vyhledávací dotaz a vyhledávač ukáže snippet jiný. Pokud má vyhledávač pocit, že na hledaná slova je na stránce málo relevantního obsahu, může použít jako úryvek popis z metaznačky description. Google také sahá pro informace, které o stránce najde v katalogu DMOZ, Seznam si zase pomáhá záznamem ze svého katalogu firem. Ideálním případem je, když stránka obsahuje dostatek relevantního obsahu, má dobře vyplněn popisek v metaznačce description a dobré záznamy v katalozích (Kubíček, 2010, s. 23) Hodnocení stránek (Rank) Vyhledávače používají pro ohodnocení internetových stránek mnoho hodnotících systémů, jedním z nich je přidělování tzv. ranku. Rank internetové stránky je veličina určující důležitost stránky na Internetu a je počítána z off-page faktorů. Oficiálně

25 2.4 Stránka s výsledky vyhledávání 25 vyhledávače nezveřejňují jeho hodnotu a ani není znám přesný algoritmus výpočtu, lze však zjistit aspoň přibližnou hodnotu. Google uděluje stránkám PageRank, Seznam svůj S-rank. Cílem linkbuildingu však není získat co největší ranky, i když je tato hodnota také důležitá, ale především získání klienta, který stránce zajistí konverzi. Zaměření jen na ranky nebo na počet příchozích odkazů rozhodně není dobrou cestou optimalizace stránek. Další text této diplomové práce se bude zabývat PageRankem a S-rankem dominantních vyhledávačů českého Internetu od Googlu a Seznamu. PageRank (PR) PageRank je algoritmus hodnocení stránek podle vyhledávače Google navržený zakladateli vyhledávače Google Lawrencem Pagem a Sergeyem Brinem. Ve spojení s PageRank se zavádí pojem Google Toolbar PageRank (GTPR), což je přepočítaný PR na jedenáctistupňové škále od 0 do 10 pro vzestupné hodnocení stránky. Právě hodnotu GTPR je možné získat pomocí různých SEO nástrojů. Tato hodnota se přepočítává přibližně jednou za tři měsíce. Algoritmus PR vychází z Kandall-Weiovy teorie porovnávání lidí a věcí na základě vlivu, který na sebe vzájemně mají. Zjednodušeně řečeno, PageRank představuje hodnotu důvěryhodnosti, každá stránka předává část svého hodnocení stránkám, na které odkazuje. Hodnota předání této důvěryhodnosti klesá s množstvím odkazů na stránce uvedených (Kubíček, 2008, s. 44). Dle Googlu (Google, 2011) PageRank interpretuje odkaz ze stránky A na stránku B jako hlas pro stránku B od stránky A. Poté PR vyhodnotí důležitost stránky podle počtu získaných hlasů. Rovněž zohledňuje důležitost každé stránky, která udělila hlas. Hlasy od některých stránek mají větší hodnotu, a odkazovaná stránka tak získá vyšší ohodnocení. Stránky s vyšším ohodnocením PR se zobrazí na začátku výsledků vyhledávání. K určení důležitosti Google používá souhrnné informace webu. Technologie PageRank umožňuje objektivní měření důležitosti webových stránek řešením rovnice s více než pět set miliony proměnnými a dvěma miliardami termínů. Software stojící za vyhledáváním provádí sérii simultánních výpočtů během zlomku vteřiny a prozkoumává celkovou strukturu odkazů na webu, aby určil nejdůležitější stránky. Dané informace potom využívá k analýze podle hypertextu, z níž vyplyne, jaké stránky jsou vzhledem k prováděnému vyhledávání relevantní. Analýza podle hypertextu znamená, že PR analyzuje také kompletní obsah stránky a zohledňuje faktory, jako jsou písma, odstavce nebo přesné umístění každého slova. Google také dokáže analyzovat obsah sousedních webových stránek, aby zajistil výsledky co nejlépe odpovídající dotazu uživatele. Google k poskytování co nejrychlejších a nejpřesnějších výsledků vyhledávání používá speciální způsob uspořádání serverů spočívající v propojení osobních počítačů, tím se vyhýbá zpomalení serverů a je možné rychle nalézt odpověď na každý dotaz. Životnost dotazů znázorněná na obrázku 7 je obvykle méně než půl sekundy, ale je během ní nutné provést řadu různých kroků. Poté jsou výsledky doručeny

26 2.4 Stránka s výsledky vyhledávání 26 uživateli vyhledávajícímu informace. Obr. 7: Životnost dotazu Google (Google, 2011). S-rank Vlastní hodnocení důležitosti internetové stránky má i český vyhledávač Seznam (Seznam.cz, 2010). S-rank se počítá zejména algoritmem z odkazované sítě, který jednak zohledňuje odkazy, které na stránku míří, ale i to, kam ze stránky vedou. S-rank je orientační hodnotou jakési populárnosti stránky a z této hodnoty nelze odvozovat předpokládané pořadí ve výsledcích vyhledávání. Výsledná relevance vzhledem k zadanému dotazu Seznam stejně jako Google počítá z mnoha kritérií, kde S-rank je jednou z nich. Není tedy nic neobvyklého, když je stránka s vyšším S-rankem v SERP za stránkou s S-rankem nižším. Přesný výpočet S-ranku není veřejný, počítá se váženou nelineární kombinací různých veličin, v nichž výrazně převažují off-page faktory. Výpočet hlavního zdroje ranku se podobá známému algoritmu Hubs & Authorities, ale je upraven tak, aby dával smysl i pro netematické množiny stránek. Hodnota S-ranku může nabývat hodnot ; 10, přičemž stejně jako u Google PR je 10 považováno za nejlepší hodnocení. Zvýšení S-ranku není snadné, ale dá se dosáhnout tím, že na web budou odkazovat jiné stránky s dobrým hodnocením a daný web bude odkazovat na tematicky podobné stránky. Zjistit S-rank lze pomocí Seznam lištičky nebo různých online SEO nástrojů měřící hodnocení stránky

27 2.4 Stránka s výsledky vyhledávání 27 Negativní faktory pro hodnocení stránek Kolektiv autorů Art of SEO (2009, s. 51) vymezuje pět hlavních faktorů, které negativně ovlivňují ranking stránek: 1. častá nedostupnost stránek robotům 2. duplicitní obsah nebo obsah velmi podobný jiným stránkám 3. odchozí odkazy na nekvalitní stránky nebo spam 4. účast na aktivním prodej odkazů 5. duplicitní titulky stránek nebo meta značky Placené výsledky vyhledávání Většina známých i méně známých vyhledávačů ve svých výsledcích vyhledávání zobrazuje placené výpisy. Jedná se o tzv. PPC (Pay per Click) služby neboli platby za kliknutí poskytované právě samotnými vyhledávači. PPC reklama spadá do oblasti SEM (Search Engine Marketing), marketingu ve vyhledávačích, jenž lze velmi zjednodušeně přirovnat k placenému SEO. Na rozdíl od SEO je efekt SEM okamžitý. PPC je obecně systém, který je založen na dražbě, kdy inzerenti soupeří o pozice v SERP výškou svých nabídek. Cena za proklik však není jediným rozhodujícím faktorem pro umístění, jak tomu dříve bylo. Pay per Click je zajímavá forma zviditelnění stránek v SERP, ale hodnotícímu algoritmu se stejně jako u SEO nevyhnou. Současné PPC algoritmy s největší pravděpodobností také zohledňují známé značky, přitažlivý, relevantní text, míru prokliku a další faktory (Grappone, 2007, s. 86). Google AdWords Tento produkt společnosti Google je prozatím nejpropracovanější systém PPC v České republice i ve světě. Reklamy vytvořené pomocí AdWords se standardně zobrazují v pravém sloupci SERP Google nebo nad výsledky organického vyhledávání. Současně se také reklamy mohou zobrazovat na stránkách partnerů Google, kteří jsou zaregistrováni do systému Google AdSense. AdWords je online nástroj dostupný na adrese Provoz zajišťuje Google, pro spuštění první reklamní kampaně je třeba zaplatit aktivační poplatek a dobíjet kredit pro zobrazení PPC reklam. Úspěch PPC reklamní kampaně v Google AdWords ovlivňuje tzv. skóre kvality, což je číslo od 1 do 10. Vyšší číslo znamená lepší skóre kvality a tím lepší postavení v umístění mezi konkurenty. Významné faktory ovlivňující skóre kvality daného Google AdWords účtu dle B. Geddese (2010, s. 176) jsou: odhadnutá hodnota nabídky pro první stránku

28 2.4 Stránka s výsledky vyhledávání 28 Obr. 8: Zobrazení reklam publikovaných Google Adwords (Google, 2010). AdRank vyhledávací sítě (číslo odvozené násobením skóre kvality maximální cenou za proklik CPC) způsobilost se objevit na klíčová slova ve specifickém obsahu obsahové sítě zda skóre kvality umožní vybrat umístění reklamy na místo, kde se cílení nejvíce vyžaduje Sklik Podobně jako Google i český vyhledávač Seznam má svůj reklamní systém umožňující zobrazování cílených reklam na stránkách výsledků vyhledávání nebo v obsahové síti Seznam.cz. Sklik nevyžaduje žádné vstupní poplatky ani minimální útratu, platí se pouze za kliknutí na inzerát. Inzeráty Skliku se zobrazují v pravé části na stránce hledání v Internetu Seznam.cz, na stránce vyhledávání Zbozi.cz, na stránce v katalogu Firmy.cz a na stránce vyhledávání Encyklopedie.cz. Za zmínku stojí také to, že vyhledávače jako Google a Seznam nenabízí pouze možnost placených výpisů na stránce výsledků vyhledávání, ale také na partnerských stránkách. Tento systém se nazývá kontextová reklama, placené výsledky jsou zde porovnávány s obsahem stránky, aby se zjistilo, zdali na stránce mohou být zobrazeny. Kromě cenového modelu PPC se dá využít i cenový model CPM.

29 2.5 Optimalizace vyhledávačů pro Flash 29 CPM (Cost per Mile) neboli platba za zobrazení je cenovým tarifem účtování za reklamu na Internetu, kde se vždy jedná o paušální cenu za tisíc zobrazení reklamního sdělení. Proti PPC se reklamní plochy musí hledat ručně a mohou být časově velmi náročné. CPM je především imageovou záležitostí s cílem posílení povědomí o značce (Štědroň, 2009, s. 69). M. Kubíček (2008, s. 233) definuje tyto výhody a nevýhody reklamy PPC: je přesně cílená, a tedy užitečnější je méně obtěžující není vnímána negativně má garantovanou cenu platba jen za přístup na stránku není vhodná na podporu značky nevzniká povědomí o propagované značce neumí stimulovat spontánní poptávku 2.5 Optimalizace vyhledávačů pro Flash Doposud již bylo řečeno vše podstatné o obecné optimalizaci pro vyhledávače, další část této diplomové práce se bude věnovat konkrétněji teoretickým východiskům optimalizace pro Flash Úvod do optimalizace Flash obsahu Todd Perkins (2009, s. 62) je názoru, že většina důvodů proč lidé nemají rádi Flash, jsou založeny na zastaralých mýtech, týkající se technologické neschopnosti optimalizace Flash. První z mýtů říká, že pokud chceme stránky optimalizovat, musíme z nich odstranit podstatnou část, ne-li dokonce všechny Flash prvky. Tohle však zdaleka neplatí, pokud využíváme Flash efektivně. Ostatní mediální prvky na stránce jako jsou obrázky, audio a video se dají vyhledat, pokud jej správně obklopíme HTML obsahem. Na stejném základě je postaveno SEO Flash aplikací. Druhý mýtus mluví o tom, že roboti nemohou Flash obsah uvnitř SWF souborů indexovat. Po dlouhou dobu tato skutečnost byla pravdou, ačkoliv v posledních letech se ukázalo, že existují metody, jak lze obsah uvnitř SWF souborů některými roboty indexovat. Společnost Adobe věnuje optimalizaci Flash značnou pozornost, kolem roku 2008 oznámila, že předním světovým vyhledávačům Google a Yahoo! předala speciální verzi Flash Playeru, která umožňuje robotovi průchod Flash animací stejně jako skrz HTML. Na svém webu Adobe uvádí Flash a SEO strategie a techniky a jaké kroky je dobré podniknout pro lepší vyhledávací pozice. Tematicky zde tým Adobe odborníků rozděluje jednotlivé kategorie

30 2.5 Optimalizace vyhledávačů pro Flash 30 SEO strategií a technik. K většině z témat jsou k dispozici užitečná videa, tutoriály a diskuze uživatelů ve formě komentářů. Flash optimalizace s sebou nese různá úskalí a je třeba při vývoji takové aplikace čelit několika obvyklým otázkám. Perkins (2009, s. 64) vidí základní problém v tom, jakou váhu klade vyhledávač různým elementům. Například v HTML můžeme odlišit důležitost textu vložením do nadpisových tagů, tagů zvýrazňujících text tučně nebo tvořením odkazů. Flash umožňuje umístění HTML v textových polích a váhu jednotlivých elementů lze kontrolovat pomocí CSS, pravděpodobně to však neznamená, že tyto elementy budou mít stejnou váhu pro robota jako je tomu u HTML. Další otázku klade na použitelnost full Flash stránek. Uživatelé, kteří na stránky zavítají, by měli intuitivně a neobtížně webem projít a najít informace, které chtějí. Z tohoto plyne další dilema jak vytvářet ve full Flash odkazy, aby bylo možné vytvářet podstránky, které je nutné navzájem propojit a jak zprovoznit tlačítka prohlížeče zpět a vpřed SWF metadata SWF je přípona souboru vektorového grafického formátu vytvořeného firmou Macromedia (nyní vlastněná firmou Adobe). Formát se používá k vytváření animací a interaktivních webových aplikací. I když je to technicky nepřesné, někdy se soubory SWF nazývají flashové animace (Sirovich, 2008, s. 367). Stejně jako HTML mohou i soubory SWF obsahovat metadata, tak zvaná SWF metadata. Flash animace může obsahovat svůj titulek a popis. Vyhledávací roboti však tyto metadata neindexují, je ale dost možné, že tomu bude v budoucím vývoji SEO jinak, proto je vhodné metadata SWF souborů uvádět Jaký Flash obsah lze a nelze indexovat Adobe Flash nabízí dvě metody pro textová pole. Textová pole statická a dynamická. Vyhledávací roboti jako GoogleBot dokáží indexovat libovolný text v textovém poli a libovolné URL adresy, které odhalí v actionscriptu. Znamená to, že Google dokáže indexovat text, který je do Flash animace vložen staticky, i ten, který je vkládán dynamicky z externího souboru. To zahrnuje jak URL adresy, které chceme, aby robot indexoval, tak i URL, u kterých si to nepřejeme. Aby se dal Flash obsah vyhledat, nemusíme toho dělat mnoho, pokud vůbec něco, GoogleBot se o vše postará sám. Co se týče obsahu, který nechceme, aby robot vyhledal, zde je to horší, proto je dobré vyvarovat se zveřejňování citlivých údajů a vůbec údajů, které si nepřejeme uveřejňovat. Nejspolehlivější metodou, jak zabránit vyhledání Flash obsahu, je převést písmena do vektorové nebo bitmapové grafiky Optimalizace Flash obsahu pro vyhledávače Perkins ve své knize (2009, s. 72) uvádí, že pokud vyhledávač dokáže Flash aplikace vyhledat, je rozhodující pochopit, jak je robotem indexován HTML text vložený do

31 2.5 Optimalizace vyhledávačů pro Flash 31 Flash obsahu oproti Flash obsahu bez použití HTML. Formátování textu v Adobe Flash stejným způsobem jako v HTML neznamená, že se bude chovat v prohlížeči úplně stejně jako HTML. Rozhodnout, zda je metoda použití HTML v dynamických textových polích spolu s CSS nejlepší v současném a budoucím vývoji SEO pro Flash, je velmi obtížné. Každopádně je touto cestou zajištěna maximální kontrola nad strukturou a stylem textových polí a zároveň i nad jejich optimalizací. Adobe Flash Player 10 podporuje následující výčet HTML tagů a vlastností CSS v ActionScript 3.0: Ch. Grover (2010, s. 573) ve své knize uvádí, že kódování HTML textu do Adobe Flash probíhá ve dvou krocích. Za prvé je třeba vytvořit textové řetězce obsahující HTML kód a potom jim přiřadit vlastnost htmltext, která bude text zobrazovat formátovaný. K formátování povolených HTML tagů používá Flash podobně jako HTML CSS styly. StyleSheet object určuje cestu k vytváření selektorů a také pak přiřazení hodnot jednotlivým vlastnostem, které Flash rozpozná. Jednou z hlavních výhod CSS je to, že ke stylování stránek umožňují používat externí soubory. V ActionScriptu je třeba pro takové užití CSS připojit externí CSS soubor, následně přečíst a uložit instrukce stylů, aplikovat styly na textové pole renderované jako HTML, zobrazit textové pole a v poslední řadě přiřadit text s HTML tagy htmltext vlastnosti textového pole Odkazy ve Flash Aplikacích Otázka jak dělat odkazy je jednou z nejzákladnějších při budování rozsáhlejších Flash aplikací. Výhodou HTML je, že lze snadno a přirozeně provázat jednotlivé stránky webu, odkazovat na libovolná místa na stránce nebo odkazovat na jiné umístění či stránky v internetu. Flash nabízí určité metody, které umožňují vkládání hyperlinků nebo anchor tagů do textového obsahu. Oproti HTML však Flash jednoduše nemění styl textu na podtržený jako to dělá implicitně HTML, proto si musíme pomoct <u> tagem a CSS styly (Bhangal, 2004). O problematice odkazů, jejich nedostatků a nemožnosti využití tlačítek Zpět a Vpřed webového prohlížeče píše ve svém článku i Ondřej Brichta, správce portálu flash.cz a autor mnoha užitečných příspěvků. To, že je ve Flash aplikacích nemůžeme využívat, není pravda, není dokonce ani pravda to, že nelze Flash stránky vkládat do složky Oblíbené a při jejich novém zobrazení mít aplikaci na místě, kde jsme si ji do oblíbených položek vložili. Jediné, co je pravda, je fakt, že si zde s čistým SWF souborem nevystačíme a musíme si vzít na pomoc JavaScript, vše ostatní je na nás a na správném použití této technologie (Brichta, 2007) Deep linking pro Flash Deep links znamenají ve WWW hypertextové odkazy, které ukazují na specifickou stránku nebo obrázek místo na stránku hlavní. Tato metoda se ukázala jako nejosvědčenější ve vytváření odkazů v Adobe Flash. Je prozatím nejlepším řešením v SEO pro Flash, dovoluje odkazovat na libo-

32 2.6 SWFObject 32 volný stav Flash prezentace a umožňuje asynchronní navigaci. Stejně jako v HTML je základem myšlenka jakým způsobem lze uživatele navigovat na různá místa stránek, aniž by bylo třeba stránku znovu nahrát. Podstata spočívá v Javascriptu, který používá speciální adresy ke komunikaci s Flash. Nejznámější metodou je SWFAddress od společnost Asual DZZD. 2.6 SWFObject SWFObject je relativně malý JavaScriptový soubor pro vkládání Flash obsahu do webových stránek původně vyvinutý Geoffem Stearnsem ve spolupráci s dalšími vývojáři jako jsou Michael Williams a Bobby Van Der Sluis. Jelikož jsou všechny přední světové webové prohlížeče s JavaScriptem kompatibilní, byl SWFObject všeobecně přijat jako standard pro užívání Flash obsahu na webu. Bobby van der Sluis publikoval na webu Adobe článek o vlastnostech, výhodách a možnostech užití SWFObjectu. Jako hlavní výhody uvádí (Sluis, 2011): je standardizován a podporován všemi známými prohlížeči detekuje Adobe Flash Player v prohlížeči a snaží se vyhnout poškozenému SWF obsahu jednoduchost použití podporuje vkládání alternativního obsahu pro uživatele bez Adobe Flash Player pluginu nabízí uživatelům instalaci chybějícího Adobe Flash Player pluginu poskytuje JavaScript vývojářům propracované API soubor swfobject.js má velikost pouze něco přes 10KB Právě vlastnost alternativního obsahu je velmi důležitá pro SEO. Tím, že je obvykle napsán v HTML, za použití CSS a JavaScriptu efektivně pomáhá robotům v indexaci obsahu webu. Alternativní obsah se dá také velmi efektivně využít pro navedení uživatelů k instalaci chybějícího Adobe Flash Player pluginu. Oficiální web SWFObject je umístěn a spravován na stránkách Google Code Je zde možné najít dokumentaci SW- FObject, diskuse, návody a samozřejmě stáhnout aktuální verzi. Zdrojový kód je Open Source a spadá pod licenci MIT. SWFObject vkládá do HTML SWF soubory a automaticky aktivuje alternativní HTML obsah, když koncový uživatel nemá nainstalovaný Adobe Flash Player pomocí metod statického a dynamického publikování (Reinhardt, 2009, s. 100).

33 2.6 SWFObject Metoda statického publikování Metoda statického (Wiki, 2011) publikování vkládá zároveň alternativní a Flash obsah, SWF soubor, pomocí standardizovaných HTML značek a decentního JavaScriptu, který dokáže řešit řadu problémů vznikajících při použití HTML značek samotných. Hlavní výhodou této metody je mechanismus vkládání SWF souboru, který spoléhá pouze na element object. Pokud má uživatel ve svém prohlížeči nainstalovaný Adobe Flash Player plugin, ale nemá podporován JavaScript nebo jej z nějakých důvodů zakázal, bude se mu na rozdíl od jiných metod založených na JavaScriptu Flash obsah zobrazovat. Flash tak může běžet například u konzolí, jako jsou PSP nebo jeho obsah mohou číst automatické čtečky RSS a nástroje jim podobné. Metoda statického publikování je pro svou jednoduchost a účinnost velmi oblíbenou u webových vývojářů. Ukázka metody statického publikování (Wiki, 2011): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" lang="en" xml:lang="en"> <head> <title>swfobject - step 1</title> <meta http-equiv="content-type" content="text/html; charset=iso " /> </head> <body> <div> <object classid="clsid:d27cdb6e-ae6d-11cf-96b " width="780" height="420"> <param name="movie" value="mycontent.swf" /> <!--[if!ie]>--> <object type="application/x-shockwave-flash" data="mycontent.swf" width="780" height="420"> <!--<![endif]--> <p>alternative content</p> <!--[if!ie]>--> </object> <!--<![endif]--> </object> </div> </body> </html>

34 2.6 SWFObject Metoda dynamického publikování Základní myšlenkou metody dynamického publikování (Wiki, 2011) je vytvoření alternativního obsahu v HTML a jeho následné nahrazení Flash obsahem pomocí JavaScriptu, jestliže webový prohlížeč má nainstalován a povolen Flash Player a samozřejmě dostatečně podporuje JavaScript. Základními vlastnostmi této metody jsou: výborná integrace se skriptovacími aplikacemi dovoluje používání dynamických proměnných zvaných Flashvars odstraňuje 8222;click to activate8220; mechanismus Internet Exploreru a Opery používá málo HTLM kódu Tato metoda nabízí dvě verze, easy to use plně automatickou verzi, která je oblíbená spíše u Flash vývojářů a holou JavaScript API verzi určenou pro JavaScriptové a AJAXové odborníky. Ukázka metody dynamického publikování (Wiki, 2011): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" lang="en" xml:lang="en"> <head> <title>swfobject - step 3</title> <meta http-equiv="content-type" content="text/html; charset=iso " /> <script type="text/javascript" src="swfobject.js" /> <script type="text/javascript"> swfobject.registerobject("myid", " ", "expressinstall.swf"); </script> </head> <body> <div> <object id="myid" classid="clsid" width="780" height="420"> <param name="movie" value="mycontent.swf" /> <!--[if!ie]>--> <object type="application/x-shockwave-flash" data="mycontent.swf" width="780" height="420"> <!--<![endif]--> <p>alternative content</p> <!--[if!ie]>--> </object> <!--<![endif]-->

35 2.7 SWFAddress 35 </object> </div> </body> </html> 2.7 SWFAddress SWFAddress je malá a výkonná knihovna umožňující deeplinking Flash a AJA- Xovým aplikacím. Vývojáři používají tento nástroj pro vytváření unikátních URL adres, které umí odkazovat na různé sekce webové stránky nebo stavy aplikace. Pro Flash SEO má SWFAddress obrovský význam, neboť umožňuje definovat vazby na jakýkoliv stav aplikace a vyhledávače je mohou všechny indexovat. SWFAddress je open source a volně stažitelná knihovna na adrese swfaddress/. Bulharská společnost Asual DZZD (Asual, 2008) na svém webu uvádí řadu důležitých funkcí, které chybí dnešním RIA aplikacím a které právě SWFAddress řeší: vytváření záložek v prohlížeči nebo na sociální síti posílání odkazů přes nebo messenger nalezení specifického obsahu hlavními vyhledávači historie prohlížeče využívání tlačítek zpět, vpřed a obnovit Omezení SWFAddress Ačkoliv SWFAddress může nabízet vynikající formu použitelnosti Flash aplikací, je důležité mít na paměti, že veškerý potenciál SWFAddress pro SEO končí ve chvíli, kdy vyhledávače začnou pro danou aplikaci indexovat více stránek. Například pokud je Flash na jedné HTML stránce, použitím SWFAddress může dostat více URL adres odkazujících na tuto jednu stránku, to však neznamená, že roboti budou indexovat různý obsah pro každou URL. Jinými slovy, jestliže HTML stránka v každé z SWFAddress odkazuje právě na jednostránkovou aplikaci, vyhledávače budou jistě indexovat stejný HTML obsah pro každou URL. Neznamená to však, aby se v tomto případě SWFAddress nepoužívalo, ale to, že je tato metoda užitečnější spíše pro použitelnost aplikace než pro SEO (Perkins, 2009, s. 95) Datová výměna mezi Flash a JavaScriptem Při optimalizaci flasového webu potřebujeme zajistit určitou výměnu dat, například kód HTML. SWFAddress zajišťuje výměnu dat mezi Flash a JavaScriptem pomocí

36 2.7 SWFAddress 36 třídy ExternalInterface. Další metodou takové výměny dat můžou být například flashvars proměnné. Třída ExternalInterface ExternalInterface class umožňuje volání JavaScript funkce z Flash a Flash funkce z JavaScriptu. Touto cestou je možné snadno vyměňovat data mezi JavaScriptem a ActionScriptem. ExternalInterface class je dostupná od verze Adobe Flash Player 8. Předchozí verze využívají pro datovou komunikaci metody Flashvars. Důvod proč používat ExternalInterface je prostý, pro Flash je téměř každá informace webového prohlížeče nedostupná, ale je snadno čitelná pro JavaScript. Pokud jde o SEO, je velmi žádoucí, abychom chtěli po Adobe Flash zobrazit text z HTML containeru tak, abychom nemuseli znovu měnit SWF soubor při aktualizaci obsahu (1, s. 101)(Perkins, 2009, s. 101).

37 3 METODICKÁ VÝCHODISKA PRÁCE 37 3 Metodická východiska práce Studium teorie problematiky optimalizace webových prezentací založených na Flash technologii je výchozím bodem pro návrh metodiky vlastní práce. Pro konkrétní webovou prezentaci společnosti DesignBeat s.r.o., jejímž cílem je propagace obchodní značky, jsou navrhnuty následující kroky řešení: Analýza SEO strategie firmy DesignBeat s.r.o. Návrh a realizace webového designu. Výběr klíčových slov a optimalizace on-page faktorů. Optimalizace pro Flash prezentace. Konfigurace přístupu vyhledávacím robotům. Návrh a realizace off-page faktorů. Zhodnocení přínosu optimalizace a návrh dalšího rozvoje. Analýza SEO strategie firmy DesignBeat s.r.o. Provedení analýzy strategie pro SEO zkoumané společnosti má za úkol identifikovat kategorii, do které zkoumaná společnost momentálně spadá a určit z tohoto prostředí její silné stránky, slabé stránky, příležitosti a hrozby pro optimalizaci vyhledávacích strojů. Návrh a realizace webového designu Návrh a realizace webdesignu byla obsáhlá část této práce, která se zabývala výstavbou zcela nové webové prezentace společnosti DesignBeat s.r.o. Důraz byl kladen na jasnou hierarchickou informační architekturu s předem vymezenými cíli. Rozvržení jednotlivých stránek bylo modelováno pomocí drátěných modelů, které měly za úkol poskytnout potřebné podklady k technickému řešení stránek, zejména pak ke grafickému návrhu stránek a návrhu struktury webu. S technologií pro výstavbu webu bylo použito HTML, CSS, Flash a JavaScript. Výběr klíčových slov a optimalizace on-page faktorů Návrh klíčových slov vychází hned z několika zdrojů. Klíčová slova jsou postupně doplňována do tabulky klíčových slov. Mezi nejvýznamnější zdroje klíčových slov patří profil samotné společnosti DesignBeat s.r.o., její portfolio služeb, firemní brainstorming a online nástroj pro návrh klíčových slov Google AdWords. Samotný výběr klíčových slov vychází z analýzy klíčových slov uvedených v tabulce klíčových slov, která se provádí za pomoci online nástrojů Návrhy klíčových slov Google AdWords,

38 3 METODICKÁ VÝCHODISKA PRÁCE 38 Statistiky vyhledávání Google a Statistiky hledanosti dotazů na Seznam.cz. Optimalizace vybraných on-page faktorů je prováděna na základě předchozí analýzy klíčových slov, která je zhodnocena a zvolena pro cílení optimalizace. Optimalizace pro Flash prezentace Optimalizace pro flash prezentace je nejpodstatnější částí této diplomové práce, která se zabývá tím, jak lze dosáhnout SEO úspěchu i ve webových prezentacích založených na Flash technologii. Názorně se zde na příkladu Flash prezentace designbeat.cz předvádí způsob, jakým se při výstavbě takového webu postupuje. Vkládání Flash animace do HTML je realizováno pomocí JavaScriptové knihovny SW- FObject metodou dynamického publikování. Následuje vyřešení problému zobrazení Flash animace na 100 Konfigurace přístupu vyhledávacích robotů Předmětem komunikace s vyhledávacími roboty je správné vytvoření mapy webu, souboru robots.txt a zápisu meta značek na základě struktury souborů webového serveru. Pomocí těchto nástrojů je robotům vydán zákaz vstupu na místa, u kterých by nebylo žádoucí, aby jejich obsah indexoval. Na druhou stranu jsou pak robotům poskytnuty informace o místech, která by za normálních okolností nemusely vůbec najít. Návrh a realizace off-page faktorů Závěr kapitoly vlastní práce se věnuje získávání zpětných odkazů z různých zdrojů. Jsou zde uvedeny konkrétní způsoby linkbuildingu a jejich odhadovaný přínos pro dosažení předních pozic ve výsledcích vyhledávání. Představeny jsou některé nástroje pro měření důležitých SEO parametrů. Zhodnocení přínosu optimalizace a návrh dalšího rozvoje V rámci samostatné kapitoly diskuze je zhodnocen celkový přínos optimalizace webové prezentace designbeat.cz. Nástrojem pro měření SEO úspěchu po celou dobu optimalizace slouží online analytický nástroj Google Analytics. Provedeny jsou testy indexování Flash obsahu vyhledávačem Google pomocí operátoru site. Návrh dalšího rozvoje spočívá zejména v rozšíření Flash prezentace co do uživatelské zkušenosti a použitelnosti webu.

39 4 VLASTNÍ PRÁCE 39 4 Vlastní práce Teoretická a metodická východiska této diplomové práce jsou dostatečným informačním zázemím pro samotné praktické řešení. Kapitola vlastní práce popisuje kompletní realizaci webové prezentace využívající technologie Flash. Dle návrhu metodiky začíná vlastní práce analýzou SEO strategie společnosti DesignBeat, pokračuje návrhem struktury firemní Flash prezentace, budováním webových stránek, optimalizací pro vyhledávače a testováním indexace Flash obsahu vyhledávači. 4.1 Analýza SEO strategie firmy DesignBeat V roce 2009 se v obrovském světě Internetových služeb zrodila nová maličká společnost Bluedata s.r.o. Pouze za necelé dva roky od svého vzniku prodělala tato společnost velké změny, co se do počtu zainteresovaných lidí týče i v organizační struktuře firmy samotné. Během své krátké působnosti na trhu firma nabírala zkušenosti a budovala své know-how od velmi drobných zakázek až po zakázky většího rozsahu. Právě větší zakázky vedly firmu k vytyčení momentálních cílů a užší specializaci na webový design. Díky těmto okolnostem v polovině roku 2010 společnost změnila svoje obchodní jméno z Bluedata s.r.o. na DesignBeat s.r.o. Nyní firma Designbeat s.r.o. vystupuje jako Internetová agentura zprostředkovávající komplexní služby v propagaci firem, organizací i jednotlivců na Internetu. Strategie firmy DesignBeat se neustále vyvíjí. V době vypracovávání této diplomové práce se společnost zaměřila na budování nového administračního systému pro správu webových prezentací svých stávajících i potencionálních klientů a propagaci své značky. Právě poslední zmíněné úzce souvisí s výstavbou nové firemní webové prezentace a její optimalizace pro zviditelnění se na webu. DesignBeat jakožto malá firma na trhu musí své SEO strategie přizpůsobit své velikosti a příliš napnutému rozpočtu. Následující obrázek znázorňuje analýzu optimalizace pro vyhledávače z pohledu malé organizace.

40 4.1 Analýza SEO strategie firmy DesignBeat 40 SWOT ANALYSIS Strengths vysoká kontrola provedení SEO vyhnutí se nadměrné byrokracii přátelský vztah se zákazníky dobrá zpětná vazba učení se od silnějších přirozená propagace SEO pro Flash Weaknesses špatná organizace času není příliš fiannčních prostředků sestavení malého týmu dlouhý interval návratnosti investic špatně vedená webová analytika prozatím nevybudované know-how Opportunities propagace značky organizace času získávání zpětných odkazů sestavování PPC kampaní správa profilů sociálních sítí zaměření klíčových slov na longtail rychlý nárust návštěvnosti Threats špatně zvolená klíčová slova špatné vedení PPC kampaní parazitování na jméně značky neprováděna webová analytika špatné určení cílů Black Hat SEO přílišný nárust odkazů DesignBeat s. r. o. Neumannova 1453/28 Praha 5, Zbraslav, PSČ Obr. 9: SWOT analýza společnosti DesignBeat s.r.o.

41 4.2 Návrh a realizace webového designu Návrh a realizace webového designu Účelem webové prezentace společnosti DesignBeat je zaujmout širokou veřejnost a poskytnout dostatečné informace o tom, čím se firma zabývá. Důraz je kladen na poutavé interaktivní zpracování a moderní design. Nejde zde o žádné hezké čtivo, ale o to udělat co nejlepší grafický vizuál. Mezi klíčové vlastnosti pro návrh webu patří osobitost, kreativita, profesionalita a důvěryhodnost Informační architektura Informační architektura webu představuje množinu prvků, které definují, jak web ve výsledku vypadá, komu je určen a jakým způsobem funguje. Webové stránky designbeat.cz jsou přístupné komukoliv na veřejné internetové síti. Jejich obsah je statický, tvoří jej pouze jednoduchý, výstižný a stručný text. Uživatelé nemají jakoukoliv možnost změny obsahu. Prezentace slouží ke komerčním účelům a zábavné formě propagace značky. Uspořádání webu je hierarchické, kde záchytným bodem je titulní strana, jak je možné vidět na obrázku 10. Mezi další metody vyjádření informační architektury patří skica webu, neboli wireframe a obrázkový scénář storyboard. Pomocí wireframe a storyboard se dá velmi dobře definovat obsah, vlastnosti a funkce stránek a prvků stránky, což je možné vidět v dalším textu této kapitoly. Obr. 10: Skica uspořádání webu designbeat.cz

42 4.2 Návrh a realizace webového designu Rozvržení stránek Moderní webdesign vyžaduje hodně trpělivosti, preciznosti a znalostí. Zatímco návrh prvků stránky stanovuje hierarchii stránek a vnitřní vztahy mezi jednotlivými prvky, layout stránek zastává pozici kostry webu, která zajišťuje, aby jednotlivé elementy stránky plnily své role správně. Pro tento projekt výstavby webové prezentace je zvolen layout fixní šířky, který znamená, jak již název správně napovídá layout, který má svoji šířku stanovenou na přesnou fixní hodnotu. Všechny ostatní prvky stránky jsou umístěny uvnitř wrapperu této šířky. Použití fixního layoutu je zde z jednoho prostého důvodu. Nad celým layoutem včetně jednotlivých komponent je totiž zajištěna naprostá kontrola a preciznost pozicování. Výchozí hodnota šířky layoutu se odvíjí od průměrného rozlišení obrazovek uživatelů. V této práci je nastavena na hodnotu 940px, protože stále obrovské procento uživatelů používá rozlišení obrazovky 1024px na šířku, kolem 20px se pohybuje šířka scrollovací lišty prohlížeče. Obsah webu je zarovnán na střed. Významné prvky webu: hlavní horizontální menu přehrávač hudby přehrávač videa blok s kontakty blok pro stažení marketingových materiálů blok s odkazem na sociální síť blok pro důležité informace patička stránky (pouze na homepage pro zobrazení referencí) preloader (grafické znázornění načítání Flash) nadpisy stránky fotogalerie rozcestník klíčoví lidé Následující obrázek 11 představuje wireframe čtyř významných stran webu. Drátěné modely, které definují rozmístění funkčních prvků na dané stránce, jsou uvedeny v přílohách B až G na konci této diplomové práce. Skicy webu jsou tvořeny stručně za pomocí textu a čar. Slouží pro vyjádření informační architektury, kde lze jednoznačně vidět, co se kde nachází, co vyjadřuje a s čím je spojeno.

43 4.2 Návrh a realizace webového designu 43 Obr. 11: Wireframe významných stran webové prezentace desihnbeat.cz Výběr barev Správný výběr barev hraje jednu z klíčových rolí ve webdesignu a použitelnosti webu. Barevné schéma je znázorněno na obrázku 12. Z obrázku plyne, že byly vybrány barvy z akcentované palety barev, tedy barvy tlumené s jedinou barvou ve vysoké sytosti. Vybrané schéma reprezentuje celkový vizuál a obor činnosti společnosti. Zapojení akcentované palety barev do textu má své podstatné využití v čitelnosti obsahu stránek a ve zdůraznění důležitých prvků na stránce. Je obecně známo, že barva postihuje člověka citově i psychicky. Modrá barva v tomto případě vyjadřuje důvěryhodnost, stabilitu, klid nebo zdvořilost. Šedá potom v kombinaci s modrou vyjadřuje serióznost a nadčasovost webu. Zda tento výběr barev má za následek dobře vypadající web dosahující značného ohlasu uživatelů, odhalí až webová analytika, o které bude více zmíněno později v dalším textu této práce Technické řešení Grafický návrh Grafický návrh webové prezentace DesignBeat s.r.o. je tvořen ve spolupráci s grafikem a Flash programátorem. Vyplývá z informační architektury a plánovaného

44 4.2 Návrh a realizace webového designu 44 Obr. 12: Barevné schéma vytvořené online nástrojem Color Scheme Designer rozvržení stránek, tedy stručně řečeno z vypracovaných drátěných modelů. Veškeré grafické podklady jsou tvořeny v prostředí Adobe, konkrétně Adobe Photoshop CS4 a Adobe Illustrator CS4. Výchozí grafický návrh titulní strany lze vidět na obrázku 13. Obr. 13: Grafický návrh titulní strany webové prezentace designbeat.cz Struktura webu Kostru webové prezentace firmy DesignBeat představuje pouze jediný HTML soubor index.html, obsahující prvky HTML, CSS, JavaScriptu a Flash. Přičemž poslední tři zmíněné CSS, JavaScript a Flash soubory jsou deklarovány externě ve zvláštních

45 4.2 Návrh a realizace webového designu 45 složkách. Typ dokumentu pro správnou interpretaci HTML a CSS prohlížečem je deklarován jako XHTML 1.0 Transitional. Struktura HTML stránky je základem celého webu a určuje jeho celkovou úspěšnost v SEO, proto je na její kvalitu kladem zvláštní důraz. Je třeba mít na mysli, že vyhledávací robot chce po webu jednu velmi důležitou věc, a tou je jeho obsah. Pro SEO je tedy velmi důležité dbát na to, aby struktura obsahu webu dodržovala správnou hierarchii a správné použití HTML značek. Alternativní obsah Alternativní obsah je taková část kódu ve stránce webové prezentace, o které lze s jistotou říci, že se dá optimalizovat pro vyhledávače. Je to právě on, který pomáhá zlepšovat pozice ve výsledcích vyhledávání. Alternativní obsah tedy není nic jiného než kus HTML kódu webové stránky, jehož obsah vidí uživatel právě tehdy, když jeho prohlížeč Internetu nepodporuje Adobe Flash nebo nemá povolen JavaScript. Když robot navštíví stránku, prochází postupně její kód a indexuje vše, co je mu umožněno indexovat. V tomto případě robot prochází veškerým HTML kódem a indexuje všechny jemu známé typy souborů na webovém serveru, ke kterým má přístup. Roboti však přehlíží JavaScript, nedílnou součást struktury webu, který implementuje JavaScriptovou knihovnu SWFObject, řešící na webu, stručně řečeno, zda má v prohlížeč uživateli zobrazit Flash animaci nebo alternativní obsah. JavaScriptová knihovna SWFObject bude podrobněji představena později. Použití alternativního obsahu má obrovské výhody jak pro SEO, tak i pro použitelnost stránek. Obvyklá věta 8222;Nainstalujte si prosím Adobe Flash Player8220; naprosto nestačí. Existuje mnoho případů, kdy není možné v prohlížeči Adobe Flash Player nainstalovat nebo neumí JavaScript. Webová prezentace designbeat.cz s tím však počítá, nikdy se totiž nedá odhadnout, odkud přijde opravdový zákazník. Tvorba alternativního obsahu vychází ze stejných požadavků na jednoduchost, čistý vizuální styl a uveřejnění pouze těch nejdůležitějších informací. Patří mezi ně lehké představení společnosti vlastnící tyto webové stránky, důležitá informace o chybějícím zásuvném modulu Adobe Flash Player a odkaz na jeho stažení pro správné zobrazení mikrostránky, kontakt, odkaz, odkaz ke stažení marketingových materiálů, odkaz na sociální síť Facebook, vybrané reference. Grafický návrh pro alternativní obsah webu a struktura HTML a CSS je možné vidět v přílohách teéto práce. Flash animace Zdrojový soubor s názvem designbeat.swf, který je vkládán do HTML struktury webové prezentace metodou SWFObject představuje výslednou Flash aplikaci, jenž je zobrazena návštěvníkovi webového serveru designbeat.cz. Popis kompletní výstavby Flash animace je nad rámec této diplomové práce. Jsou zde proto popsány pouze jednotlivé kroky přímo související se SEO pro Flash.

46 4.3 Výběr klíčových slov a optimalizace on-page faktorů Výběr klíčových slov a optimalizace on-page faktorů Návrh klíčových slov pro web vychází hned z několika zdrojů. Všechna slova se postupně zaznamenávají k dalšímu zpracování do tabulky klíčových slov, která již slouží k hodnocení, analýze a výběru klíčových slov pro jejich vhodné umístění. Klíčová slova jsou vybírána jak pro optimalizaci a cílení on-page a off-page faktorů, tak pro PPC reklamní kampaně. Seznam zdrojů pro návrh klíčových slov: představa vyhledávání určitých frází z pohledu uživatele, představení společnosti a nabízených služeb, co dané produkty řeší a jak mohou pomoci, slangové výrazy a pravopisné chyby pro daný obor, pomoc spolupracovníků, webové statistiky, oslovení zákazníků, příbuzné termíny ve vyhledávačích, nástroje pro návrh klíčových slov, přátelé, nečekané nápady a stránky konkurence Nástroje pro návrh klíčových slov Na otázku, kde zjistit, jak se uživatelé ptají vyhledávačů, když hledají služby nebo stránky firmy DesignBeat, nabízí snadno a pohodlně odpověď některé známé online nebo offline nástroje pro návrh klíčových slov. V této diplomové práci je využito online nástrojů Návrhy klíčových slov produktu Google AdWords, Statistiky vyhledávání Google a Statistiky hledanosti dotazů na Seznam.cz. Obrázek 14 znázorňuje některé vybrané možnosti návrhu keywords, které služba Google AdWords nabízí. Jsou zde uvedeny návrhy klíčových slov pro zadanou oblast klíčového slova nebo fráze, jejich míra konkurence, objem vyhledávání za měsíc, trendy ve vyhledávání nebo například přibližná cena za klik pro PPC reklamu. Přestože Google ve svém oboru vyniká a jeho nástroje jsou svou dostupností, provázaností a vlastnostmi bezkonkurenční, nelze opomenout obrovskou působnost vyhledávače Seznam.cz na českém Internetu. Jsou zde zobrazeny statistiky hledanosti daného dotazu nebo dotazů, v nichž je obsažen. Graf je k dispozici, pokud počet hledaných dotazů dosáhne minimálně stovky za den.

47 4.3 Výběr klíčových slov a optimalizace on-page faktorů 47 Obr. 14: Google AdWords Návrhy klíčových slov pro oblast slova webdesign. Obr. 15: Google Statistiky vyhledávání slova webdesign.

48 4.3 Výběr klíčových slov a optimalizace on-page faktorů 48 Obr. 16: Statistika hledanosti dotazu webdesign na Seznam.cz Tabulka klíčových slov Tabulka klíčových slov vychází ze seznamu zdrojů pro návrh klíčových slov uvedeného na začátku této podkapitoly. Především však z vlastních nápadů inspirovaných uvedeným seznamem zdrojů, z firemního brainstormingu a ze zmíněného nástroje Google AdWords, který zejména posloužil k hodnocení a výběru klíčových slov a popřípadě návrhu obměn a alternativ k těmto slovům. První sloupec tabulky 4 zaznamenává klíčové slovo nebo frázi. Objevují se zde jednotlivé oblasti klíčových slov a slova pro long tail, vedlejší klíčová slova, která v absolutním počtu přivádějí na stránky více návštěvníků a disponují zpravidla vyšším konverzním poměrem. Ve druhém sloupci je uveden objem vyhledávání v ČR za měsíc. Hodnota vyjadřuje průměrné měsíční vyhledávání za období předcházejících dvanácti měsíců. Třetí sloupec vyjadřuje míru konkurence daného klíčového slova neboli počet inzerentů, kteří nastavili nabídku na jednotlivá klíčová slova. Stínovaný pruh představuje obecné kvantitativní vodítko, do jaké míry je umístění reklamy pro konkrétní klíčové slovo konkurenceschopné. V posledním čtvrtém sloupci je podstatný údaj pro PPC kampaně cena za klik.

49 4.3 Výběr klíčových slov a optimalizace on-page faktorů 49 Tab. 1: Tabulka nejdůležitějších klíčových slov Objem vyhledávání Klíčové slovo Konkurence Přibližná za měsíc CPC(v Kč) designbeat 32 Nízká 1,72 internetová agentura 140 Střední 10,04 internetové prezentace 260 Střední 12,65 www prezentace 590 Střední 9,19 Webdesign Střední 23,47 Webdesign Praha 170 Vysoká 18,41 Webdesign Brno 260 Vysoká 18,35 Grafika webdesign 210 Vysoká 17,07 webdesign reference 73 Vysoká 19,73 design webu 390 Vysoká 18,58 Flash Nízká 6,53 Flash animace 1600 Nízká 5,16 SEO Flash 58 Nízká 23,21 Internet markteting 1000 Nízká 18,14 Branding 1900 Nízká 20,10 Corporate identity 1300 Nízká 7,01 Photoretouch 110 Nízká 5,22 Microsite 480 Nízká 6,15 DTP studio 390 Nízká 7,01 CMS eshop 73 Střední 17,43 Jednotný vizuální styl 140 Nízká 3,65 Logotyp 880 Střední 5,53 Firemní logo 390 Střední 6, Optimalizace on-page faktorů Mezi on-page faktory webové stránky patří všechny prvky stránky, které uživatel může vidět na dané stránce, ve výsledku vyhledávání nebo v obou zároveň. Uživatelé hledající na Internetu určité informace vyžadují, aby tyto hledané výrazy obsahovaly stránky, které vyhledávač uživateli poskytne. Z tohoto důvodu vyhledávače dávají některým on-page faktorům velký význam. Záleží jen na zkušenostech SEO odborníka, jakou strategii pro výběr a umístění klíčových slov v on-page faktorech zvolí.

50 4.3 Výběr klíčových slov a optimalizace on-page faktorů 50 Návrh titulku stránky Z vlastních zkušeností a průzkumů odborníků na SEO, je titulek stránky jedním z nejdůležitějších on-page faktorů pro umístění klíčových slov. Titulek stránky musí být relevantní se stránkou, to znamená, že klíčová slova v něm uvedená musí být obsažena ve stránce samotné. Strategií zvolenou pro optimalizaci titulku je použití právě takových klíčových slov, na které jsou cíleny off-page faktory uvedené v pozdějším textu diplomové práce. Titulek stránky designbeat.cz vypadá tedy následovně: <title>designbeat Creative agency Webdesign Praha Brno</title> Na pořadí slov v titulku nezáleží, vyhledávače jako Google nedělají rozdíl mezi různými kombinacemi pořadí klíčových slov v titulku. Důležité je, aby titulek vypadal dobře a lákavě pro uživatele vyhledávačů. Celý titulek není zobrazen z jednoho prostého důvodu, Google totiž v SERP zobrazuje titulky o délce cca 60 znaků včetně mezer. Obr. 17: Ukázka title designbeat.cz v SERP Google Nadpisy stránky Dalším důležitým faktorem pro umístění klíčových slov jsou nadpisy stránky. Vyhledávače totiž dobře ví, že se uživatelé jimi na stránce orientují. Pro hlavní nadpis webu h1 slouží samotný název stránky DesignBeat. Je zde vhodně použito spojení s klíčovou frází Flash animace, které je využito taktéž pro linkbuilding. Zdrojový kód nadpisu h1 vypadá následovně. <h1 class="out">designbeat Flash Animace</h1> Vhodný výběr klíčových slov obsahují samozřejmě i ostatní nadpisy stránky. Obecně by stránka neměla obsahovat příliš mnoho 8222;kopií8220; klíčových slov, aby ji vyhledávače nepovažovaly za spam. O jaký počet se jedná, není jasně dáno. Pro tento projekt bylo rozhodnuto následujícím způsobem, přínos této optimalizace odhaluje až webová analytika. <h2>designbeat INTERNETOVÁ AGENTURA</h2> <h3>webdesign...branding...media...photo&retouch...dtp...flash</h3> <h4>webdesign reference</h4> <h5>oddělení webdesignu</h5>

51 4.3 Výběr klíčových slov a optimalizace on-page faktorů 51 Popisek stránky a meta keywords Pro dnešní algoritmy vyhledávačů mají zanedbatelný vliv a troufám si říci, že nesprávné užití a příliš mnoho klíčových slov v těchto meta značkách naopak stránkám z pohledu optimalizace škodí. Nicméně jsou v této internetové prezentaci zlehka uvedeny, zejména popisek stránky description, který se zobrazuje ve výsledcích vyhledávání. V naprosté většině případů bývá text v prvku meta description Googlem nahrazován výstřižkem textu kolem hledaného slova. Pro web designbeat.cz to však není vhodné, jelikož je textově velmi chudý a je zaměřen spíše na vizuál. Popisky stránek v SERP vyhledávačů je proto ovlivněno tím, že je jim následujícím způsobem jednoduše sděleno, aby nepoužívaly libovolný snipet kódu, ale braly popisek stránky ze značky meta description. <meta name="robots" content="nosnippet" /> Pomocí zápisu meta name= robots content= noodp / pak vyhledávače jako Google, Yahoo! a MSN nebudou používat popisek z katalogu stránek DMOZ, do kterého, jak se dá dále dozvědět, je web designbeat.cz zaregistrován. Popisek v SERP Seznam.cz je možné názorně vidět na obrázku 18 a Google na předchozím obrázku 17. Obr. 18: Popisek a náhled výsledku vyhledávání designbeat na Seznam.cz Optimalizace obrázků Stránka s alternativním HTML obsahem ve své struktuře obsahuje hned několik obrázkových log, která by mohla přilákat nějaké návštěvníky. Pravděpodobně se sice nebude jednat o přímé zákazníky, ale cílem této prezentace je propagace značky. Čím více uživatelů web uvidí, tím více se obchodní značka DesignBeat dostane do podvědomí lidí. Obrázky tedy nelze ponechat bez vhodné SEO. Pro klíčová slova jsou v HTML značce img vhodně vymezena místa v titulku obrázku, pojmenování obrázkových souborů a alternativním popisku obrázku. Konkrétní příklad kódu takové optimalizace je uveden níže, kde je provedena optimalizace loga Provozně ekonomické fakulty Mendelovy univerzity v Brně. <img src="./pics/pef.png" alt="pef MENDELU" title="provozně ekonomická fakulta Mendelovy univerzity v Brně" class="right-side-margin left" />

52 4.4 Optimalizace pro Flash prezentace 52 Ostatní pro SEO důležité on-page faktory Textový obsah webu je velmi chudý, webová prezentace designbeat.cz, jak již bylo zmíněno, je zaměřen na vizuální kvality a interaktivní prvky, kde se klade důraz na jednoduchost, průhlednost a čistotu webu. Odchozí odkazy jsou zde uvedeny také v nepatrném počtu, lze tady najít odkaz na stažení prohlížeče Adobe Flash v alternativním HTML a link na fanouškovské stránky sociální sítě Facebook.com. Interní URL adresa existuje reálně jedna, pouze index.html. Ostatní URL jsou řešeny v ActionScriptu jako virtuální URL pro Flash. Více je uvedeno později v kapitole zabývající se problematikou samotné Flash optimalizace. 4.4 Optimalizace pro Flash prezentace Doposud bylo v této části diplomové práce, věnované vlastnímu řešení, řečeno vše podstatné o optimalizaci HTML stránek. Neznamenalo to však odbočení od tématu zadání diplomové práce. Vzhledem k SEO se Flash bez HTML neobejde. Pokud má tedy zaznamenat konečný výsledek SEO webové prezentace využívající technologie Flash úspěch, je nezbytně nutné, jak již bylo dříve nastíněno, se zaměřit na optimalizaci nikoliv pouze HTML nebo jen Flash obsahu, který je do HTML implementován, ale na optimalizaci obou simultánně. Následující text popisuje jednotlivé metody SEO pro Flash Publikování metadata značek pro SWF Podobně jako v HTML můžeme jednoduše nastavit SWF souboru s Flash animací značky meta, které jsou relevantní pro SEO. V současné době však vyhledávače tyto metadata neindexují, ale může se stát, že v budoucnu tomu bude jinak. Přidání metaznaček do SWF je velmi snadné, tak není důvod proč to neudělat. Nejjednodušší cestou je v prostředí Adobe Flash CS4 otevřít okno s informacemi o souboru a vyplnit patřičné údaje. V případě designbeat.swf je přidání XMP metadat vidět na obrázku 19.

53 4.4 Optimalizace pro Flash prezentace 53 Obr. 19: Vkládání metadat do Flash animace v prostředí Adobe Flash Statické a dynamické textové pole v Adobe Flash Prostředí Adobe Flash nabízí dvě možnosti pro práci s textovými poli. První možností je klasické statické textové pole, kde je text pevně vložen do Flash animace a za běhu animace s ním již nelze nic dělat. Tou druhou možností jsou dynamická textová pole, která již nabízejí větší prostor pro práci s textem a jeho úpravami. Dynamická textová pole umožňují tedy změny textu za běhu animace, mohou být tvořeny ActionScriptem a brát data z externích souborů. Jsou důležité také pro SEO, jelikož obsahují vlastnosti html a htmltext, které dovolují formátování textu pomocí HTML značek. I když statická textová pole vlastnost htmltext nemají, stejně jako u dynamických textových polí dokáže Google text v nich obsažený indexovat. Z tohoto důvodu bylo při výstavbě této prezentace myšleno i na to, aby alternativní obsah používal nepříliš podobného textu a klíčových slov a předešlo se penalizaci Googlem za duplicitní obsah.

54 4.4 Optimalizace pro Flash prezentace 54 Pro Flash animaci této práce je použito obojí, statických i dynamických textových polí. Toto rozhodnutí ovlivnila jedna důležitá skutečnost a tou je použití nestandardního fontu pro Flash animaci. Dynamická pole jsou sice ovládaná přes ActionScript za běhu samotné Flash animace, ale kvůli funkci volání znaků, aby se text zobrazil přesně takovým fontem, jaký se žádá, datová velikost výsledné animace se rapidně s přibývajícím textem zvětšuje. Druhou nevýhodou dynamických textových polí a použití nestandardního fontu je, že font se nezobrazuje tak hezky jako u statických dynamických polí a to ani za použití různých vyhlazovacích metod písma. Z těchto důvodů je u této Flash animace používáno statických textových polí pro obsah, který se nemění často nebo nemění vůbec a pro text, který má větší velikost písma. Dynamická textová pole se používají pak tam, kde se žádá častá změna obsahu a snadná modifikace bez zásahu do zdrojového kódu Flash animace. Ukázka kódu naplnění a naformátování obsahu sekce pro reference Case Studies, za použití HTML značek. //text bg.detailtitle._text.autosize = "left"; bg.detailtitle._text.text = boxtitlearr[ boxmc.number ]; bg.detailnote._text.autosize = "left"; bg.detailnote._text.text = boxnotearr[ boxmc.number ]; if ( boxurlarr[ boxmc.number ]!= ){ bg.detailurl.alpha = 1; bg.detailurl._text.autosize = "left"; bg.detailurl._text.htmltext = <a href=" +boxurlarr[ boxmc.number ]+ "> +boxurlarr[ boxmc.number ]+ </a> ; } else { bg.detailurl.alpha = 0; } bg.detaildesc._text.autosize = "left"; bg.detaildesc._text.htmltext = <strong> +boxdescarr[ boxmc.number ]+ </strong> ; Z tohoto kódu lze patrně vidět i názorné řešení odkazů v dynamickém textovém poli. Obrázek 20 je výsledkem výše uvedeného kódu, kde ukazatel myši znázorňuje najetí na odchozí odkaz.

55 4.4 Optimalizace pro Flash prezentace 55 Obr. 20: Ukázka odkazu ve Flash animaci designbeat.cz Implementace SWFObject Teoretické základy této JavaScriptové knihovny a jejích metod vkládání SWF souborů Flash animace do HTML kódu webové stránky byly dostatečně poskytnuty. Následující text se bude zabývat metodou dynamického vkládání, které bylo v této webové prezentaci využito. Prvním krokem je vložení souboru JavaScript knihovny SWFObject do hlavičky HTML stránky. Soubor má umístění v adresáři js, kde jsou všechny ostatní JavaScript soubory. Snahou programátora by mělo být co nejvíce oddělit JavaScript a CSS soubory od HTML kódu stránky samotné. <script type="text/javascript" charset="utf-8" src="./js/swfobject.js"></script> SWFObject se provede, jakmile je prohlížečem přečten a plní všechny manipulace s DOM (Document Object Model) jakmile je DOM nahrán. SWFObject podporuje všechny druhy prohlížečů, které umí JavaScript. Nyní následuje vložení SWF souboru s Flash animací JavaScriptem, které vypadá následovně. <script type="text/javascript"> var attributes = {id:"designbeat"}; swfobject.embedswf("designbeat.swf?home=true ", "super-container", "100%", "100%", "9.0.0", null, null, null, attributes); if (swfobject.hasflashplayerversion("9.0.0")) { swfobject.adddomloadevent(createfullbrowserflash); } </script> Dynamická metoda publikování zvaná swfobject.embedswf má celkem 10 parametrů, přičemž posledních 5 je volitelných.

56 4.4 Optimalizace pro Flash prezentace Technika Full Browser Flash Technika Full Browser Flash, jak již sám název napovídá, řeší problém zobrazení Flash animace na 100 stage.scalemode = StageScaleMode.NO_SCALE; stage.align = StageAlign.TOP_LEFT; stage.addeventlistener(event.resize, resizehandler); function resizehandler(event:event):void { } Výsledný JavaScript kód techniky Full Browser Flash metody dynamického publikování SWF včetně možnosti užití vlastní scrollovací lišty vypadá následovně. function createfullbrowserflash() { swfobject.createcss("html", "height:100%;"); swfobject.createcss("body", "height:100%; overflow:hidden;"); swfobject.createcss("#super-container", "margin:0; width:100%; height:100%; "); } var attributes = {id:"designbeat"}; swfobject.embedswf("designbeat.swf?home=true ", "super-container", "100%", "100%", "9.0.0", null, null, null, attributes); if (swfobject.hasflashplayerversion("9.0.0")) { swfobject.adddomloadevent(createfullbrowserflash); } Implementace SWFAddress Díky implementaci nástroje SWFAddress nabývá prezentace designbeat.cz především na použitelnosti a samozřejmě i na kvalitě SEO. Flash animace nyní může využívat virtuálních URL, titulků stránky, tlačítek prohlížeče zpět a vpřed, tlačítka pro obnovení stránky apod., obdobně jako je tomu v HTML. Pomocí virtuálních URL se dá odkazovat na libovolný stav aplikace, titulek jednoznačně určuje orientaci na webu. Postup implementace SWFAddress je následující, v první řadě musí být definován soubor s knihovnou SWFAddress v záhlaví HTML dokumentu. Musí však být definován až za SWFObject, aby fungoval dobře, jelikož využívá jeho funkce. JavaScriptový soubor s knihovnou SWFAddress je opět umístěn v externím adresáři pod názvem js.

57 4.4 Optimalizace pro Flash prezentace 57 <script type="text/javascript" charset="utf-8" src="./js/swfaddress.js"></script> Implementace SWFAddress v ActionScript začíná importem této knihovny do ActionScriptu. import com.asual.swfaddress.*; Důležité fáze definice hlavního menu Flash aplikace: a) inicializují se tlačítka - tlačítkem je míněn jednotl. movieclip var buttonhome = new ButtonHome(); var buttonstudies = new ButtonStudies(); var buttonpeople = new ButtonPeople(); var buttonblog = new ButtonBlog(); b) naplnění menu tlačítky _menu = new Array(); _menu[0] = buttonhome; _menu[1] = buttonstudies; _menu[2] = buttonpeople; _menu[3] = buttonblog; c) definice titulků první znak značí pořadí sekce _menu[0].swfadresstitle = "0Homepage"; _menu[1].swfadresstitle = "1Studies"; _menu[2].swfadresstitle = "2People"; _menu[3].swfadresstitle = "3Support"; _menu Proměnná zde vystupuje jako privátní proměnná, definová nad celou aplikací, aby byla stále k dispozici. Jedná se o datový typ pole, který obsahuje jednotlivé movieclipy, objekty hlavního menu. Proměnná typu string swfadresstitle je vlastní definovaná proměnná obsahující název řetězce, který se bude zobrazovat v titulku stránky. Následující text se ve stručnosti zabývá uvedeným kódem. Funkce onloaded- Complete se spustí až se načte a inicializuje XML soubor s informacemi o jednotlivých položkách menu. Poté se inicializuje posluchač událostí na objektu SWFAddress SWFAddress.addEventListener, který reaguje na událost. Pokud se změní URL,

58 4.4 Optimalizace pro Flash prezentace 58 zavolá se funkce onchange, která volá funkci loadpage načítání další stránky podle předem definovného příznaku. function onloadedcomplete(e:event):void { SWFAddress.addEventListener(SWFAddressEvent.CHANGE, onchange); function onchange(e:swfaddressevent):void { if ( e.value!= "/" ) { SWFAddress.setTitle( "DesignBeat - " + e.value.substring(2) ); } else { SWFAddress.setTitle( "DesignBeat - Homepage" ); } } } var pagenumber; if ( e.value == / e.value == /designbeat.swf ) { pagenumber = 0; } else { pagenumber = e.value.substring(1,2); } _currpage = pagenumber; loadpage( _currpage ); Funkce gotopage se volá, když se spustí událost kliknutí na hlavní menu. Změní hodnotu SWFAddress.setValue a vyvolá spuštění funkce onchange. function gotopage(e:mouseevent):void { var currobj:object = e.currenttarget; _currpage = currobj.topage; var titlestring:string = _menu[ _currpage ].swfadresstitle; SWFAddress.setValue( titlestring ); }

59 4.4 Optimalizace pro Flash prezentace 59 V této chvíli jsou ve Flash aplikaci vyřešeny všechny klíčové nedostatky v použitelnosti oproti běžným HTML stránkám a je udán správný směr pro SEO. Z pohledu uživatelů, tedy použitelnosti webu, jsou výsledky tohoto snažení známé téměř ihned. V optimalizaci pro vyhledávače je třeba více času a trpělivosti Problém URL obsahující soubor SWF SEO pro Flash je soubor různých úkonů a technik vedoucích k nalezení a indexování Flash obsahu vyhledávačem. Pokud uživatel zadá ve vyhledávači Google určitý dotaz, Google mu na něj poskytne určité výsledky. Mezi nimi může být právě URL samotné Flash aplikace namísto webového serveru, na kterém je SWF soubor uložen. Pro lepší představu zde poslouží obrázek 21. Obr. 21: Výsledek vyhledávání v SERP Google na dotaz 8222;designbeat zbynek8220;. Pokud si uživatel vybere právě zmíněný výsledek vyhledávání a klikne na jeho odkaz okamžitě se spustí Flash animace, která si však nebude rozumět se SWFAddress kvůli odlišnému URL, než očekává. Tento problém je vyřešen patřičnou úpravou ve vstupním parametru dynamické metody swfobject.embedswf. swfobject.embedswf("designbeat.swf?home=true", "super-container", "100%", "100%", "9.0.0", null, null, null, attributes); V ActionScript zdrojovém kódu pak následující úpravou: var s:string = stage.loaderinfo.parameters["home"]; if (s!= true ){ var url:string = " var request:urlrequest = new URLRequest(url); try { navigatetourl(request, _self ); } catch (e:error) { trace("error occurred!"); } }

60 4.5 Příprava komunikace s vyhledávacími roboty 60 Zjednodušeně řečeno bude stránka přesměrována na domovskou stránku Příprava komunikace s vyhledávacími roboty Vyhledávací roboti prochází naskrz celým obsahem webového serveru a ukládají si do indexu vše, co indexovat umí, pokud jim to však není patřičně zakázáno. Lepší orientaci robotů na webu je vhodné zajistit pomocí mapy webu, podle níž robot pozná strukturu stránek, prioritu jednotlivých URL a jak často se na jednotlivých místech webu obsah mění Vytvoření mapy webu V případě webu designbeat.cz je použití mapy webu obzvláště důležité. Stránky, které jsou totiž vytvářeny pomocí technologie Flash, Ajax a stránky s dynamickým obsahem, jsou pro vyhledávače jen obtížně indexovatelné nebo je nelze indexovat vůbec. Na tomto místě je tedy přinejmenším vhodné soubor sitemap.xml důkladně robotům připravit. Podstata mapy webu je vytvořit hierarchickou strukturu jednotlivých URL stránek, podle které se robot může lépe orientovat a dostat se na stránky, ke kterým by za normálních okolností měl znesnadněný přístup, nebo na ně nevedly žádné odkazy, které by ho na tyto stránky vedly. Soubor sitemap.xml obsahující mapu webu webové prezentace designbeat.cz, ukázka uvedena níže, je uložen do kořenového adresáře a dostupný na adrese Mapa webu je zde využita zejména pro virtuální URL adresy tvořené pro Flash aplikaci pomocí metody SWFAddress. Pro každou URL je nastavena přibližná hodnota frekvence návštěvy vyhledávače, priorita, se kterou budou jednotlivé stránky indexovány a hodnota poslední změny dané stránky. Hodnoty titulní strany jsou rozdílné od hodnot jednotlivých podstránek.

61 4.5 Příprava komunikace s vyhledávacími roboty 61 <urlset> <url> <loc> <lastmod> </lastmod> <changefreq>daily</changefreq> <priority>1</priority> </url> <url> <loc> <lastmod> </lastmod> <changefreq>daily</changefreq> <priority>0.8</priority> </url> <url> <loc> <lastmod> </lastmod> <changefreq>monthly</changefreq> <priority>0.8</priority> </url> <url> <loc> <lastmod> </lastmod> <changefreq>monthly</changefreq> <priority>0.8</priority> </url>... O skutečnosti, že soubor sitemap.xml na serveru webu v kořenovém adresáři existuje, je dobré Googlu dát vědět prostřednictvím online služby Webmaster Tool. Seznamu a ostatním vyhledávačům pak pomocí souboru robots.txt. Allow: /sitemap.xml\$

62 4.6 Návrh a realizace off-page faktorů Konfigurace přístupu vyhledávačů Optimalizace obrázků Dle mého názoru málokterý webový server se obejde bez obsahu, který by bylo lepší vyhledávačům znepřístupnit. Na serveru designbeat.cz existuje hned řada adresářů a některé typy souborů, které jsou vyhledávačům pomocí souboru robots.txt zakázány procházet. Textový soubor robots.txt obsahující informace pro roboty je nakopírován do kořenového adresáře webu a má následující podobu. Disallow: /downloads/ Disallow: /error/ Disallow: /flashtest/ Disallow: /fonts/ Disallow: /manager/ Disallow: /music/ Disallow: /pf/ Disallow: /projekty/ Disallow: /stats/ Disallow: /taskmanager/ Disallow: /*.as\$ Disallow: /*.xml\$ Allow: /sitemap.xml\$ Meta robots Webová prezentace designbeat.cz nemá před uživateli ani roboty co skrývat, právě naopak, hodnota značky meta v hlavičce HTML stránky obsahuje tedy hodnotu index,follow. <meta name="robots" content="index,follow" /> 4.6 Návrh a realizace off-page faktorů Cílem optimalizace stránek je dosáhnout na vybraná klíčová slova co nejvyšších pozic ve výsledcích vyhledávání při vyhledávání právě těchto klíčových slov nebo frází. Správně vybraná klíčová slova mohou zvýšit nejen návštěvnost, ale i jejich celkový zisk. Zaměřit cílení klíčových slov na nejfrekventovaněji vyhledávaná slova může být pro SEO nejen obtížné, ale i velmi nákladné. Celkový profit může být daleko nižší než ten, který přinese cílení na méně vyhledávaná slova či fráze, tzv.

63 4.6 Návrh a realizace off-page faktorů 63 longtail. Z předchozí analýzy klíčových slov byla zvolena klíčová slova webdesign Praha, webdesign Brno a Flash animace, na která je linkbuilding prováděn. Dříve v této diplomové práci je uvedeno, že o pozicích ve výsledcích vyhledávání rozhoduje převážně kvalita zpětných odkazů, nejdůležitějších off-page faktorů, která je třeba neustále vylepšovat. Tato podkapitola se zabývá zejména návrhem jednotlivých způsobů získávání zpětných odkazů a jejich následnou realizací. Celkové přínosy optimalizace off-page i on-page faktorů budou prezentovány v další kapitole této diplomové práce. Linkbuilding je dlouhodobá činnost vyžadující neustálý zájem a jejíž výsledky se projevují v delších časových intervalech. Zda je tedy použita optimální strategie pro tuto metodu optimalizace, je možné pozorovat až po uplynutí jednoho nebo více měsíců. Úspěšnost budování zpětných odkazů závisí především na kvantitě a kvalitě příchozích odkazů, na jejich relevanci a vhodného užití anchor textu. Kvalita odkazů je dána hodnocením stránky a celkovým počtem odkazů, které ze stránky vedou. Značný vliv má i tematická podobnost s optimalizovaným webem. Pro představu o ceně, za jakou se dají zpětné odkazy ze stránek s různým hodnocením koupit. Hodnota jediného odkazu o PR3 je kolem 30 Kč, PR4 60 Kč, PR5 100 Kč a PR6 až kolem 500 Kč za měsíc. Z předchozího tedy vyplývá, že rozhodujícím faktorem ovlivňující celkovou úspěšnost optimalizace off-page faktorů je zejména stanovený rozpočet. Návratnost off-page optimalizace záleží jen na vhodně použité strategii a efektivně vynaložených prostředcích na nákup zpětných odkazů. V následujícím textu jsou uvedeny konkrétní činnosti, které byly v rámci této diplomové práce pro web designbeat.cz vykonány. Bezplatná registrace do katalogů Katalogy slouží na internetu k zaregistrování stránek do různých kategorií, podle kterých si uživatelé vybírají jednotlivé stránky, které později navštíví. V České republice působí stovky katalogů, ne všechny nabízí bezplatnou možnost registrace svých stránek. Přínos bezplatné registrace v nejznámějších katalozích, do kterých byl web designbeat.cz mimochodem také zaregistrován, je však zanedbatelně malý. V dané kategorii webdesignu nebo Internetu je však zapsáno obrovské množství firem a hodnota zpětného odkazu bude mít takřka bezvýznamný vliv na podpoření hodnocení stránky. Také množství příchozích návštěvníků na stránky nebude příliš velké, jestli vůbec nějaké. Provozovatelé těchto katalogů zde opět nabízí možnost placeného zvýhodnění před ostatními nebo umístění reklamy. Této možnosti však zatím u registrací v následujících katalozích nebylo využito. FIRMY.CZ Nejznámější a největší katalog firem v ČR provozovaný společností Seznam.cz, a.s. Open Directory Project Nejznámější světový katalog. Dokáží z něj čerpat informace světové vyhledávače Google a Yahoo!

64 4.6 Návrh a realizace off-page faktorů 64 najisto.cz Významný český katalog firem pod správou centrum.cz a atlas.cz. POZRI ČESKÁ REPUBLIKA Větev slavného slovenského katalog Pozri.sk Databaze.cz klikni.cz OLX zdroj.cz Zóna.cz vybereme.cz Výměna odkazů funguje u našich klientů. Výměna odkazů funguje v rámci dobrých vztahů s klienty společnosti DesignBeat s.r.o. Jelikož se firma pohybuje na trhu krátce, většinou se jedná o nově založené weby, kde hodnota odkazu má zanedbatelný vliv. DesignBeat se však snaží, aby tomu bylo v budoucnu jinak. Publikování PR článků Cílem Public relations článků je informování o novinkách, službách, úspěších apod. PR články mají za úkol udržovat vztahy s veřejností a vzbuzovat větší důvěru vydavatele. Mimo to jsou v této práci použity pro budování zpětných odkazů, konkrétním cílením je výraz Flash animace. Výrobní hodnotu článku především představuje čas strávený napsáním takového článku. Z osobních zkušeností doporučuji objednání si výroby PR článku žurnalistou, kde se cena za normostranu pohybuje od 100 do 1000 Kč. V rámci této diplomové práce byly zveřejněny PR články, které je možné vidět pod následujícími odkazy na Internetu

65 4.6 Návrh a realizace off-page faktorů 65 Nákup zpětných odkazů Obchod s odkazy vymezují dva základní ukazatele, nabídka a poptávka. Měsíční taxu za backlink určuje hodnocení stránky, například PageRank. Pro analýzu odhadu PR a SR pro výběr webu, kde bude zpětný odkaz umístěn, bylo využito online nástroje XRank.cz, dostupném na adrese Další nástroj zjišťování důležitých SEO parametrů zde využitý je Seoquake, ke stažení na adrese Umístění odkazů je časově omezeno, platba probíhá obvykle předem. Záleží na obchodních schopnostech obou stran, která nakonec bude spokojenější. Prodejce zpětných odkazů se také obvykle zavazuje k plnění určitých podmínek, základní z nich je dodržování minima zpětných odkazů na stránce a neumístění odkazů konkurence na příslušná místa. Jak by měl koupený odkaz vypadat je uvedeno níže. Ideální je uzavřít dohodu s prodejcem na tři až šest měsíců, kdy se nejvíce projeví přínos placeného linkbuilding a může tak následovat jasné rozhodnutí, zda v této činnosti pokračovat. V případě budování zpětných odkazů pro designbeat.cz byla oslovena spřátelená externí společnost. Přínos této konkrétní optimalizace je popsán v následující kapitole věnované zhodnocení výsledků práce. Nákup zpětných odkazů na webech s PR4 a PR3 a cílením na klíčová slova webdesign Brno, webdesign Praha je možné vidět z odkazů:

66 5 DISKUZE 66 5 Diskuze Na základě provedených měření byly vyhodnoceny konkrétní přínosy optimalizace vytvořené webové prezentace využívající technologie Flash. Zároveň byly navrženy možnosti dalšího rozvoje. 5.1 Přínosy optimalizace Pomocí online analytického nástroje Google Analytics bylo provedeno monitorování úspěšnosti webu, které přispělo k následnému vyhodnocení přínosů optimalizace. Výsledky jednotlivých měření představují zpracovaná data za období od , kdy byla webová prezentace spuštěna, až do Operátorem site:domena string bylo průběžně testováno indexování Flash obsahu. Přehled návštěvnosti Graf návštěvnosti je možné vidět na obrázku 22, kde kolísání je způsobeno rozdílnou návštěvností v pracovní dny a v dny volna. Obr. 22: Graf kolísání návštěvnosti z Google Analytics pro designbeat.cz Nejvyšší návštěvnost byla zaznamenána den po velké marketingové kampani v Brně při příležitosti spuštění webové prezentace designbeat.cz. Poté, jak si lze všimnout, měla návštěvnost klesající tendenci, až do doby druhé, podstatně menší marketingové kampaně spuštěné opět v Brně koncem měsíce března. Aktivní linkbuilding, zejména nákup zpětných odkazů, způsobil vyšší nárůst návštěvnosti zhruba od poloviny měsíce dubna. V této době se začal web designbeat.cz objevovat mezi výsledky vyhledávání druhé strany ve vyhledávači Google na klíčová slova webdesign Brno a webdesign Praha. Začátkem měsíce května se na dotaz webdesign Praha web designbeat.cz začal zobrazovat v SERP Googlu již na první straně výsledků vyhledávání (obrázek 23) a byl opět zaznamenán vyšší růst návštěvnosti. Geografické rozdělení návštěvnosti lze vidět na obrázku 24, dominantní postavení zaujímá Brno, nárůst za poslední období zaznamenává i Praha, díky dobré pozici v SERP na klíčové slovo webdesign Praha. Nezanedbatelné procento návštěvnosti zaujímá i Ostrava. Mezi zdroji návštěvnosti prozatím nepatrně vedla návštěvnost z odkazujících stránek. Velké procento však stále zaujímá přímá návštěvnost, i když její podíl

67 5.1 Přínosy optimalizace 67 Obr. 23: Zobrazení designbeat.cz v SERP Google na dotaz webdesign Praha. Obr. 24: Google Analytics - vizualizace návštěvnosti designbeat.cz na mapě. nabral klesající trend na úkor zdrojů z vyhledávačů, mezi kterými jednoznačně vede vyhledávač Google. Na obrázku 25 je zobrazen graf zdrojů návštěvnosti. Klíčová slova neboli hledané výrazy, které vedly návštěvníky z vyhledávačů na dané stránky, zobrazuje obrázek 26, jenž vychází také ze statistik měření aplikace Google Analytics. Je z něj zřejmé, že dominantními klíčovými slovy jsou název společnosti designbeat a jeho obměna. Výrazné postavení zde již zaujímají cílená klíčová slova linkbuildingu webdesign Brno a webdesign Praha. Z měření návštěvnosti nelze prozatím jasně určit, zda měla vyšší návratnost investice do marketingových kampaní mimo síť Internet nebo investice do budování zpětných odkazů. Strategie společnosti však byla zaměřena na obojí a dále podobným způsobem pravděpodobně bude po nějakou dobu pokračovat

68 5.1 Přínosy optimalizace 68 Obr. 25: Google Analytics 8211; zdroje návštěvnosti webu designbeat.cz. Obr. 26: Google analytics 8211; sestupné seřazení zdrojů návštěvnosti na nejvýznamnější klíčová slova Testování indexace Flash obsahu Googlem Základem veškerého hledání na internetu a tedy i SEO je dobře formulovaný text, který robot dokáže vyhledat. Pro Flash aplikace to platí rovněž. Prostřednictvím dotazovacího operátoru, ve tvaru site:designbeat.cz 8220;řetězec8221; bylo zkoumáno, zda opravdu dokáže Google zadaný text ve Flash obsahu vyhledat. Níže uvedené výsledky testů jsou důkazem přínosu metod optimalizace Flash obsahu. Obr. 27: Důkaz indexování statického textového pole Googlem Z těchto výsledků vyplývá velmi důležitá skutečnost pro SEO ve Flash aplikacích, že Google dokáže indexovat Flash obsah i když je SWF soubor s animací vkládán JavaScriptem pomocí knihovny SWFObject.

69 5.2 Návrhy na zlepšení 69 Obr. 28: Důkaz indexování dynamického textového pole Googlem 5.2 Návrhy na zlepšení Málokterá webová prezentace bez získaných patřičných uživatelských zkušeností je vytvořená bezchybně a málokterý pokus o úspěšnou optimalizaci pro vyhledávače bez nabytého know-how dopadne dle představ. Webdesign z pohledu použitelnosti webu Při interní analýze a průzkumu uživatelských zkušeností byla získána potřebná zpětná vazba od několika dotázaných nezainteresovaných návštěvníků webu. Toto přispělo ke zjištění několika nedostatků internetové prezentace designbeat.cz. Hlavní nedostatek webu byl shledán v tom, že běžný uživatel internetu z webové prezentace designbeat.cz ihned nepozná, čím se firma zabývá. Mezi další nezanedbatelné nedostatky patřila chybějící jazyková mutace pro češtinu a výraznější banner pro informaci a instalaci chybějícího zásuvného modulu Adobe Flash Player v alternativním obsahu stránky. Poslední dva zmíněné nedostatky byly v době dokončování této diplomové práce již v řešení. Pro první a nejdůležitější shledaný nedostatek byl navržen drátěný model sekce služeb, kde bude uvedeno kompletní portfolio služeb společnosti DesignBeat s.r.o. Search Engine Marketing (SEM) Návrh na zlepšení z pohledu SEM spočívá ve využití dalších možností propagace značky na Internetu. Správné vedení profilů sociálních sítí a publikování článků na Internetu pro linkbaiting znamená snadné a levné získání velkého množství zpětných odkazů. Další návrh spočívá ve využití PPC reklamních kampaní kvůli možnosti přesného cílení na určité skupiny uživatelů a cílení na jiná klíčová slova, než jsou použita v optimalizaci on-page a off-page faktorů. V neposlední řadě spatřuji posílení SEO také doplněním vhodného textu, který bude v optimálním počtu obsahovat obměny klíčových slov jak pro Flash, tak pro alternativní HTML obsah. Webová analytika Google Analytics je robustní nástroj pro SEM, který se neustále vyvíjí a jeho funkce umožňují sledovat mnohem více, než bylo v této práci uvedeno. Návrh pro zlepšení

70 5.2 Návrhy na zlepšení 70 Obr. 29: Wireframe nové sekce služby webu designbeat.cz spočívá ve stanovení určitých cílů, nastavení hodnot těchto cílů a následné monitorování chování uživatelů na webu. Jedním z cílů, který by se měl ve službě Google Analytics nastavit, je nastavení stažení marketingových materiálů z titulní strany webu nebo nastavení určitého času stráveného na dané stránce webu.

71 6 ZÁVĚR 71 6 Závěr Flash je oblast experimentování a designérských triků, jejímž cílem je vytvořit originální a poutavé animace. Působnost Flash technologie se v poslední době posouvá od Flash bannerů po komplexní webové prezentace a RIA aplikace. Úkolem této diplomové práce bylo navrhnout metodická východiska optimalizace pro vyhledávače webových prezentací založených na technologii Flash. Vlastní řešení bylo realizováno na konkrétní webové prezentaci společnosti designbeat.cz, kde bylo možné vidět jednotlivé technologické postupy od samotného návrhu webové prezentace, přes její vývoj, metody optimalizace pro vyhledávače a návrh dalších zlepšení. Samotná optimalizace vycházela z nulového bodu, kdy byly webové stránky téměř nevyhledatelné. Zprvu nebylo možné vyhledat ani samotný název domény, což značí ve fázi budování značky velkou potíž. Při monitorování úspěchu a přínosu optimalizace bylo vyžadováno velké množství času a značná trpělivost. Každá změna strategie v SEO znamená totiž její reálné projevení se ve vyhledávači v intervalu jednoho až tří týdnů, někdy i více. Při zahájení projektu výstavby a optimalizace firemní internetové prezentace designbeat.cz bylo cokoliv pod doménou designbeat.cz i samotný kořenový název domény designbeat ve vyhledávači nedostupné, ale již krátce po dokončení těchto prací se podařilo Googlu začít indexovat Flash obsah prezentace designbeat.cz. Zároveň bylo díky vhodně zvolené SEO strategii dosaženo umístění na první straně výsledků vyhledávání Google (co se týče klíčového slova webdesign Praha a umístění na druhé straně co se týče klíčového slova webdesign Brno ). Dosažením těchto výsledků a splněním vytyčeného cíle, považuji tuto diplomovou práci za úspěšnou.

72 7 LITERATURA 72 7 Literatura Asual Asual: SWFAddress [online] [cit ]. Dostupné z WWW: Ataxo Optimalizace webu pro vyhledávače SEO [online] [cit ]. Dostupné z WWW: Bhangal, S. Flash Hacks: 100 Industrial-Strength Tips & Tools. First Edition. USA: O Reilly Media, Inc., s. ISBN Brichta, O. Flash tiptrik: flash a tlačítka prohlížeče. [online] [cit ]. Dostupné z WWW: aspx?id=862. CATTANEO, A., et al. The Smashing Book. Germany: Smashing Media GmbH, s.. Clifton, B. Google Analytics: Podrobný průvodce webovými statistikami. 1.vyd. Brno: Computer Press, a.s., s. ISBN Dover, D., Dafforn, E. Search Engine Optimization Secrets. 1st ed. USA : Wiley Publishing, Inc., s. ISBN Enge, R., et al. The Art of SEO: Mastering Search Engine Optimization. First Edition. USA: O Reilly Media, Inc., s. ISBN Fendrych, A. Dobrý web: 7 nejčastějších chyb použitelnosti. [online] [cit ]. Dostupné z WWW: newsletter-7-nejcastejsich-chyb-pouzitelnosti/. Fishkin, R. SEOmoz: Perfecting Keyword Targeting & On-Page Optimization: How Do I Build the Perfectly Optimized Page?. [online] [cit ]. Dostupné z WWW: perfecting-keyword-targeting-on-page-optimization. Grappone, J., Couzin, G. SEO : Search Engine Optimization. 1. vyd. Brno: ZONER software, s.r.o., s. ISBN Geddes, B. Advanced Google AdWords. 1st ed. USA : Wiley Publishing, Inc., s. ISBN Google Google: Inzerujte svou firmu na stránkách Google [online] [cit ]. Dostupné z WWW: Google Google: centrála pro webmastery [online] [cit ]. Dostupné z WWW: answer.py?hl=cs&answer=96569.

73 7 LITERATURA 73 Google Google: Dynamický náhled [online] [cit ]. Dostupné z WWW: Google Google: Informace o korporaci [online] [cit ]. Dostupné z WWW: Grover, Ch. Flash CS5: The Missing Manual. First Edition. USA: O Reilly Media, Inc., s. ISBN Jerkovic, J. I. SEO Warrior: Essential Techniques for Increasing Web Visibility. First Edition. USA: O Reilly Media, Inc., s. ISBN Krug, S. Web design: Nenuťte uživatele přemýšlet!. 2. vyd. Brno: Computer Press, a.s., s. ISBN Kubíček, M. Velký průvodce SEO : Jak dosáhnout nejlepších pozic ve vyhledávačích. 1. vyd. Brno: Computer Press, a.s., s. ISBN Kubíček, M., Linhart, J. 333 tipů a triků pro SEO. 1. vyd. Brno: Computer Press, a.s., s. ISBN McDaniel, C. Two Cats In A Sack : Designer-Developer Discord. Smashing Magazine. [online] [cit ]. Dostupné z WWW: two-cats-in-a-sack-designer-developer-discord/. Perkins, T. Search Engine Optimization for Flash : Best Practices for Using Flash on the Web. First Edition. USA: O Reilly Media, Inc., s. ISBN Reinhardt, R. Video with Adobe Flash CS4 Professional Studio Techniques. First Edition. USA: Adobe Press, s. ISBN SEOmoz SEOmoz: On-Site Related Topics [online] [cit ]. Dostupné z WWW: Seznam.cz Seznam.cz: Nápověda. Meta tag robots [online] [cit ]. Dostupné z WWW: fulltext-hledani-v-internetu/komunikace-s-vyhledavacim-robotem/ meta-tag-robots/. Seznam.cz Seznam.cz: Nápověda. Algoritmus [online] [cit ]. Dostupné z WWW: hledani-fulltext-algoritmus-vyhledavani-razeni-vysledku-faq-dotazy. html. Sirovich, J., Darie, C. SEO v PHP: Programujeme profesionálně. 1. vyd. Brno: Computer Press, a.s., s. ISBN

74 7 LITERATURA 74 Sluis, B. Detecting Flash Player versions and embedding SWF files with SWFObject 2. Adobe Developer Connection: Flash Player Developer Center. [online] [cit ]. Dostupné z WWW: devnet/flashplayer/articles/swfobject.html. Štědroň, B., Budiš, P., Štědroň, B. jr. Marketing a nová ekonomika. 1. vyd. Praha: C.H. Beck, s. ISBN Veloso, M. WEB COPY THAT SELLS: The Revolutionary Formula for Creating Killer Copy That Grabs Their Attention and Compels Them to Buy. 2nd ed. USA: AMACOM, s. ISBN Wiki Swfobject: documentation. [online] [cit ]. Dostupné z WWW:

75 Přílohy

76 A DRÁTĚNÝ MODEL TITULNÍ STRANY. 76 A Drátěný model titulní strany. Obr. 30: Drátěný model titulní strany.

77 B DRÁTĚNÝ MODEL PŘÍPADOVÝCH STUDIÍ. 77 B Drátěný model případových studií. Obr. 31: Drátěný model případových studií.

78 C DRÁTĚNÝ MODEL DETAILU PŘÍPADOVÝCH STUDIÍ. 78 C Drátěný model detailu případových studií. Obr. 32: Drátěný model detailu případových studií.

79 D DRÁTĚNÝ MODEL SEKCE KLÍČOVÍ LIDÉ. 79 D Drátěný model sekce klíčoví lidé. Obr. 33: Drátěný model sekce klíčoví lidé.