Techniky a nástroje pro optimalizaci webových stránek

Transkript

1 ZVYŠOVÁNÍ ODBORNÝCH KOMPETENCÍ AKADEMICKÝCH PRACOVNÍKŮ OSTRAVSKÉ UNIVERZITY V OSTRAVĚ A SLEZSKÉ UNIVERZITY V OPAVĚ Techniky a nástroje pro optimalizaci webových stránek Bogdan Walek

2 ÚVOD DO PROBLEMATIKY V současné době zažíváme velký rozmach v oblasti vytváření webových stránek a publikování různých typů informací na Internetu Na vytvářené webové stránky jsou kladeny stále větší nároky v oblasti SEO optimalizace pro vyhledávače, optimalizace pro zobrazení v různých webových prohlížečích a na různých zařízeních (PC, notebook, tablet, mobilní telefon) Balíček se věnuje současným technikám a nástrojům pro optimalizaci webových stránek a jejich aplikaci v praxi 2

3 POPIS SOUČASNÉHO STAVU 3 70 % návštěv webových stránek pochází z internetových vyhledávačů V současné době existuje velké množství vyhledávačů, z nichž jsou mezi českými uživateli nejrozšířenější Google a Seznam Existuje také velké množství webových prohlížečů Stále více se prosazuje trend přístupu na webové stránky pomocí tzv. chytrých telefonů a tabletů Z těchto důvodů je potřeba optimalizovat webové stránky pro vyhledávače, webové prohlížeče a různá zařízení

4 NOVINKY A TRENDY V OBLASTI V oblasti SEO optimalizace webových stránek je aktuálním trendem tzv. copywriting vytváření relevantního, uživatelsky čtivého a unikátního obsahu na webu (může významně zlepšit pozici webových stránek ve výsledcích vyhledávání) V oblasti webových prohlížečů je aktuálně stále více podporován jazyk HTML5 a kaskádové styly CSS3, což by mělo vést ke sjednocení zobrazení webových stránek v různých typech prohlížečů 4

5 NOVINKY A TRENDY V OBLASTI V oblasti optimalizace webu pro různá zařízení je trendem používat tzv. responzivní design Automaticky přizpůsobí vzhled a rozložení hlavních částí webu dle typu zařízení, které uživatel pro prohlížení webu používá 5

6 METODY APLIKACE DO PRAXE 6 V oblasti SEO optimalizace existuje několik účinných metod pro zlepšení pozice webových stránek ve výsledcích vyhledávání: kvalitní a unikátní obsah webových stránek, správné použití HTML značek a validní zdrojový kód, používání titulků, nadpisů a popisů, krátká a srozumitelná URL adresa, budování zpětných odkazů. Účinným nástrojem pro vyhodnocování statistik návštěvnosti, měření účinností metod SEO optimalizace, apod. je Google Analytics

7 METODY APLIKACE DO PRAXE V oblasti optimalizace pro webové prohlížeče existuje několik užitečných nástrojů pro testování vzhledu webu v různých prohlížečích: IE NetRenderer, IE Tester, Spoon Browsers. 7

8 METODY APLIKACE DO PRAXE 8 V oblasti optimalizace pro různá zařízení je účinné použití techniky responzivní design Existuje několik užitečných frameworků, které lze použít pro optimalizaci webu pro různá zařízení: Twitter Bootstrap, Foundation, Skeleton, HTML5 Boilerplate, HTML KickStart, Montage HTML5 Framework.

9 SHRNUTÍ V rámci balíčku byl vytvořen soubor metod a technik pro optimalizaci webových stránek Byla vytvořena studijní opora v rozsahu 67 stran Obsah balíčku byl lektorován v rámci 5 workshopů konaných v průběhu října 2013 Bylo vytvořeno e-learningové prostředí v systému Moodle jehož součástí byly materiály a korespondenční úkoly 9

10 OVĚŘENÍ DOSAŽENÝCH OČEKÁVÁNÍ 10 Balíček byl ověřen na skupině 8 studentů a 2 akademických pracovníků Studenti získali teoretické i praktické vědomosti v oblasti optimalizace webových stránek Získané poznatky byly v rámci provedených workshopů prakticky aplikované na vytvořených webových aplikacích studentů Získané znalosti jsou přímo využitelné v praxi při vytváření a optimalizaci webových stránek, provádění SEO optimalizace, aplikaci internetového marketingu a dalších činnostech souvisejících s webovými stránkami

11 PŘÍNOS ŘEŠENÍ BALÍČKU Přínos balíčku spočívá v komplexním shrnutí současných technik a nástrojů pro optimalizaci webových stránek s důrazem na praktickou využitelnost Získané znalosti z oblasti SEO optimalizace, copywritingu, internetového marketingu, tvorby reklamních kampaní, kampaní pro sociální sítě jsou jednoduše využitelné v praxi Přínos balíčku a získaných vědomostí byl také pozitivně hodnocen v průběhu evaluace balíčku studenty pomocí připravených dotazníků 11