Přednáška pro studenty Studia nových médií (StuNoMe) na FFUK o tom jak připravit web pro SEO.

1. Vytvořeno pro SEO
Designed for SEO
Studia Nových Médií, Pavel Ungr, H1.cz
+420 272 763 111 info@h1.cz www.h1.cz

2. Co je to SEO: Definice
“SEO je balíček metod, které umožňují vyhledávačům
snadněji nalézat, indexovat, třídit a hodnotit webový
obsah.” Lee Odden, CEO Top Rank Online Marketing
„Optimalizace nalezitelnosti na internetu“ Marek Prokop
„Proces zvyšování objemu a kvality návštěvnosti webu
z vyhledavačů prostřednictvím přirozených neboli
neplacených (organických či algoritmických) výsledků
hledání.“ Wikipedia

3. Co je to SEO
Všechny metody jak „oblafnout“ vyhledávače z
dlouhodobého hlediska selhávají
Optimalizace jen „pro“ vyhledávače je slepá stezka
Využívejte silných stránek vyhledávačů
Nezneužívejte slabých míst vyhledávačů
Co je dobré pro lidi, je dobré i pro vyhledávače

5. Základní pojmy: Odkaz a anchor text
Odkaz je základní stavební kámen internetu
Anchor text určuje jeho obsah, relevanci
URL určuje jeho smysl
<a href=http://www.h1.cz/skoleni>Školení</a>

6. Jak pracuje vyhledávač
Crawling
Výpis
Indexace
výsledků
Porovnávání Katalogizace
Hodnocení

7. Indexace
Pouze text – zdrojový kód

8. Překážky indexace
Nevhodné technologie – Google je napřed
Flash, Silverlight
JavaScript
Obrázky
Rámce (Frames)

9. Robots.txt protokol
Textový soubor:
http://www.example.com/robots.txt
Zákaz indexace částí webu, jednotlivých stránek, např.:
User-agent: *
Disallow: /admin
Odkaz na sitemaps.xml:
Sitemap: http://www.example.com/mapa/sitemap.xml
http://www.robotstxt.org/robotstxt.html
http://www.sitemaps.org/protocol.php#submit_robots
http://napoveda.seznam.cz/cz/hledani-fulltext-komunikace-s-vyhledavaci-robots-txt.html#robots_txt

10. Robots <META> tag
Zákaz indexace pomocí metaznaček přímo v kódu stránek:
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
Google meta tagy
<META NAME="GOOGLEBOT" CONTENT="NOINDEX, NOFOLLOW">
<META NAME="ROBOTS" CONTENT="NOIMAGEINDEX">
nosnippet, noodp, noarchive, unavailable_after:[date]
Rel nofollow
<a href="/stranka.html" rel="nofollow">odkaz</a>
http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=79812

11. Hodnocení stránek
On-page faktory
Klíčová slova v textovém
obsahu stránky
Titulek
URL
Meta description
On-site faktory
Historie domény

12. Black Hat SEO
Přečtěte si nápovědu od vyhledávačů
Nepoužívejte skrytý text
Cloaking

13. Skrytý text
Bílý text na bílém pozadí (i nedostatečný kontrast)
Odlišný text na pozadí obrázku nebo za obrázkem
Skrytý text přes CSS display: hidden;
Velikost fontu 0 nebo záporné

14. Cloaking
Poskytování jiného obsahu uživatelům a jiného
vyhledávačům
Flash
Java Script
Images

15. Duplicitní obsah
Stejný obsah na více URL

16. Duplicitní obsah
Subdomény (www).
http://example.com = http://www.example.cz
Doménové aliasy.
example.com & illustration.com = xxx.xxx.xxx.xxx
Výchozí soubory.
www.example.com/index.php = www.example.com/
Výchozí hodnoty parametrů (stránkování).
www.example.com/?page=1
Session ID.
example.com/noheaders?click=6EE2BF1AF6A3D705D5561B7C3564D9C2

17. Řešení duplicitního obsahu
Odstranění duplicit, přesměrování na výchozí variantu
URL.
Zákaz indexace duplicitních variant.
Značka link rel="canonical„
<link rel="canonical" href="http://www.example.com/vychozi-
varianta"/>

18. Podobný obsah
Velký podíl shodného obsahu na stránkách
(menu, doplňkový obsah).
Rozsáhlé menu na začátku stránky.
Formuláře.
Shodná metadata:
Titulky.
Description.
Tiskové stránky.
Různá řazení téhož seznamu.

19. Penalizace webu
Stránky mohou být penalizovány na několika úrovních
GTPR
Pozice v SERP
Odstranění z indexu vyhledávačů na půl roku nebo rok
Co můžeme dělat s penalizací?
Odstranit všechny problémy
V Google Webmasters Tool požádat o nové posouzení
Nebo odstranit všechny problémy a přesunout stránky na
novou doménu

20. Obsah na stránkách
Obsah je král
Zajímavý a unikátní obsah je stále více a více
důležitý pro internetové vyhledávače
CHMI.cz
www.jakpsatweb.cz

21. Technické factory
Zdrojový kód - validita
Sitemap
Duplicita
Přesměrování
Indexace webu
Sémantika

22. Sitemaps
XML soubor se seznamem stránek webu:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://www.example.com/stranka1</loc>
<lastmod>2008-03-31</lastmod>
<changefreq>daily</changefreq>
<priority>0.5</priority>
</url>
</urlset>
Nástroje na generování:
CMS, případně plugin.
Google Sitemap Generator (python).
GSiteCrawler (Win aplikace).
Xenu.
http://sitemaps.org/protocol.php

23. Přesměrování URL
Změna URL - riziková operace, jen v případě nutnosti.
Cool uris don't change.
Stavové kódy 301, 302.
Realizace: PHP, ASP, mod rewrite, web server.
header ("HTTP/1.0 301 Moved Permanently");
header ("Location: http://example.com/");
header ("Connection: close");
Pokud není možno použít přesměrování 301/302, tak meta
refresh.
Prodleva alespoň 10 vteřin.
Kombinace s textovým odkazem.
<meta http-equiv="refresh"
content="10;url=http://example.com"/>

24. Mod_rewrite
Despite the tons of examples and docs, mod_rewrite is voodoo.
(Brian Moore)
Testovat, testovat, testovat.
Jiné chování stejných direktiv dle umístění:
.htaccess, httpd.conf: <Directory>, <VirtualHost>.
Př. přesměrování domény example.com na www.example.com:
RewriteCond %{HTTP_HOST} ^example.com
RewriteRule ^(.*)$ http://www.example.com/$1 [R=301,QSA]
http://httpd.apache.org/docs/1.3/mod/mod_rewrite.html
http://www.jakpsatweb.cz/server/mod-rewrite.html
http://www.jakpsatweb.cz/server/mod_rewrite/mod-rewrite-priklady.html

25. Obsahové faktory
Texty
Titulky
Meta tagy Description
Nadpisy
Anchor text
Alt

26. Použitelnost
Není to SEO, ale může pomoct
Verze s www a bez www
Java Script
Atribut Alt
Flash
Video
Kontrast
Velikost fontu

27. Přístupnost
Není SEO, ale může být užitečná
Drobečková navigace
Chybová stránka 404
Struktura navigace

28. Klasifikační schémata a typy navigací
Primární klasifikace
Hlavní navigace
Sekundární klasifikace
Paralelní navigace
Lokální navigace
Maticové křížení (každý s každým)
Štítky, abecední index – velká „šířka“ - + nebo -?
Kontextová navigace

29. Navigace vytvářená uživateli
Štítky
www.flickr.com

30. Navigace vytvářená uživateli
Chování uživatelů
www.amazon.com

31. Výběr CMS
Modifikace: title, URL, název v navigaci, nadpis, alternativní názvy.
URL - schopnost generovat cool URIs.
Meta tagy (description).
Editace obsahu - sémantika, nadpisy, alty.
Možnosti strukturování obsahu.
Možnosti přesměrování URL.
Možnosti navigace - alternativní schémata, drobečková navigace, texty
odkazů.
Exporty (xml, rss, sitemaps).
Obsah navigačních (obecně všech generovaných) stránek (např. výpis
kategorie).
Duplicitní obsah.
Generování kontextového obsahu dle obsahu hlavního.
http://www.seomoz.org/blog/choosing-the-right-cms-platform-for-your-website-from-an-seo-perspective

32. Použití nástroje Xenu
Xenu's Link Sleuth (TM)
http://home.snafu.de/tilman/xenulink.html
Analýza řady technických a obsahových faktorů
Duplicitní obsah
Podobný obsah
Stavové kódy
Titulky
Přesměrování
Přístupnost navigace
Neplatné odkazy

33. SEO mýty
Klíčová slova v nadpisech mají vysokou váhu.
Validní kód stránek znamená lepší pozici ve výsledcích.
Vyšší PageRank (S-rank) znamená vyšší pozici ve
výsledcích.
A teď už zůstaneme nahoře...
Pozor na informace z konferencí, zvláště českých.

34. Obsahový spam - Panda (farmers) update
Změna algoritmu cílící na regulaci spamu ve
vyhledávačích - obsahový spam
Od února 2011 - verze 3.3 z března 2012
Panda je paralelní systém hodnocení
Panda označuje weby
Likvidace PR a jiných webů
V ČR od 12. září 2011
Ovlivňuje 6 – 9% dotazů – aktuálně
může až 25%

35. Mikroformáty (rich snippets)

36. Google Sociální: Tlačítko +1
SEO pro marketéry a vedoucí projektů

37. Google Sociální: Plus search the world

38. Nástroje
Nástroj pro návrh klíčových slov Google AdWords
https://adwords.google.com/select/KeywordToolExternal
Návrh klíčových slov pro Sklik
https://www.sklik.cz/navrh-klicovych-slov
Google Analytics
http://www.google.com/analytics/
Google Webmasters Tool
https://www.google.com/webmasters/
Advanced Web Ranking
http://www.advancedwebranking.com/
Majestic SEO
http://www.majesticseo.com/
Firebug
http://getfirebug.com/
Web Developer Toolbar (Firefox)
http://chrispederick.com/work/web-developer/
SEO profesionál toolbar (Firefox)
http://www.seo-profesional.cz/toolbar/
SEO Quake extension (Firefox)
http://www.seoquake.com/guide.php?sln=en

39. Zdroje informací
České:
http://vyhledavace.info/
http://seo.nawebu.cz/
http://fulltext.sblog.cz/
http://blog.h1.cz/
http://blog.ataxo.com/
Anglické:
http://www.seomoz.org/
http://www.seobook.com/
http://searchenginewatch.com/
http://www.searchengineland.com/
http://www.mattcutts.com/blog/type/googleseo/
http://googleblog.blogspot.com/
http://googlewebmastercentral.blogspot.com/

40. A to je konec…
Twitter: @necodymiconer
E-mail: pavel.ungr@h1.cz
LinkedIn: http://www.linkedin.com/in/pavelungr
Google+: https://plus.google.com/u/1/111591629637338650377/posts
Instagram: pavelungr
Pinterest: http://pinterest.com/necodymiconer/
Facebook: https://www.facebook.com/pavelungr