CSS. SEO Search Engine Optimization (optimalizace pro vyhledávače)

Transkript

1 CSS SEO Search Engine Optimization (optimalizace pro vyhledávače) Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Marek Čechák. Financováno z ESF a státního rozpočtu ČR.

2 Název školy Číslo projektu Autor Název šablony Název DUMu Stupeň a typ vzdělávání Vzdělávací oblast Vzdělávací obor Tematický okruh Druh učebního materiálu Cílová skupina Anotace Vybavení, pomůcky Klíčová slova Střední škola hotelová Zlín, s.r.o. CZ.1.07/1.5.00/ Mgr. Marek Čechák III/2 Inovace a zkvalitnění výuky prostřednictvím ICT VY_32_INOVACE_19 SEO Střední odborná škola Informační a komunikační technologie Práce s počítačem Tvorba www Prezentace Žák SŠ Výukový materiál je obsahově zaměřený na vysvětlení principu optimalizace webových stránek pro internetové vyhledávače. PC Informatika, SEO, optimalizace, vyhledávače Datum ověření

3 Základní otázky 1. Co je to SEO? Optimalizace kódu webových stránek pro internetové vyhledávače. 2. Co je to vyhledávač? Vyhledávač má za úkol najít, na základě zadaných klíčových slov, co nejrelevantnější odkazy na internetu. Nejoblíbenější vyhledávače v česku jsou Seznam a Google. 3. Proč optimalizovat? Cílem optimalizace je posunout webové stránky ve výsledcích vyhledávání co nejvýše, a tím dosáhnout vyšší návštěvnosti.

4 Jak fungují vyhledávače? Katalogy: O zařazení do katalogu je potřeba se většinou postarat. Základní zápis do katalogu je většinou zdarma. První se nabízejí placené odkazy. Bývají rozděleny dle oblastí. Fulltextové vyhledávání: Prohledávání celého obsahu webových stránek. Vyhledávač si vyhledává sám. Výsledky zobrazuje dle svého hodnocení kvality.

5 Hodnocení stránek Se systémem hodnocení stránek pomocí nějakého algoritmu přišel první Google. Výsledkem hodnocení je číslo, které určuje, jak dobře si stránka na dané škále stojí. Google PageRank Seznam S-rank

6 Jak vytvářet nový web? 1. Provést analýzu úspěšných stránek s podobným obsahem. 2. Pronajmout vhodnou doménu. 3. Navrhovat strukturu s ohledem na SEO. 4. Dbát na validitu kódu. 5. Zajistit registraci do katalogů. 6. Vybudovat zpětné odkazy. 7. Monitoring webu, aktualizace a případné úpravy.

7 Na co si dát pozor? Nepřirozené získávání zpětných odkazů Nakupování velkého množství zpětných odkazů najednou. Duplikovaný obsah Obsah vytvořený automatickými systémy. Tapetování stránky klíčovými slovy Lépe hodnocený je přirozený obsah. Maskování obsahu Jiný obsah pro návštěvníky a pro vyhledávače, například pomocí skriptu. Skrytý text Skrytí textu pomocí CSS. Tlačítka ano, ale větší množství textu ne. Duplicitní stránky (stejný obsah na více adresách)

8 Ověření validity kódu K ověření validity kódu, tedy jeho správnosti vzhledem k uvedené verzi DTD, slouží validátor

9 Oddělení obsahu od formy 1 Oddělené CSS a HTML v jednom souboru. Vhodné pro cvičení a ladění. CSS 2 CSS v externím souboru. Profi varianta. (X)HTML <link rel="stylesheet" href="format.css" type="text/css" /> (X)HTML CSS

10 Sémantická správnost Obsah uzavírat do správných značek Nadpis Odstavec Seznam apod. Špatně: <div class="nadpis">nadpis stránky</div> Správně: <h1>nadpis stránky</h1>

11 Titulek stránky Titulek stránky je zobrazován ve vyhledávačích jako hlavní část výsledků vyhledávání. Pravidla: Musí korespondovat s obsahem stránky. Mělo by se v něm vyskytnout nějaké klíčové slovo. Měl by obsahovat název firmy a předmět podnikání. Na každé stránce jiný titulek, pokud to konstrukce stránek umožňuje. Optimální délka znaků.

12 Meta informace Pomocí značky <meta> je možné do stránky vložit popisné informace: 1. Klíčová slova <meta name="keywords" content="slovo1, slovo2, slovní spojení..." /> 2. Stručný popis obsahu stránky <meta name="description" content="zde je potřeba vložit stručný popis..." /> Obsah uvedený v atributu content bude uveden ve výsledcích vyhledávání pod titulkem stránky. Text by měl být stručný a měl by obsahovat klíčová slova.

13 Nadpisy Základná stavební kameny webové stránky. Říkají nám, kde se nacházíme a jaký je obsah stránky. Vyhledávače jim přisuzují větší váhu. Na stránce by měl být pouze jeden nadpis H1.

14 Odkazy V navigaci: Navigace kopíruje strukturu webu. Uvádějí se jako seznamy a poté se upravují pomocí css do výsledné podoby. V názvech odkazů je dobré uvádět klíčová slova. V textu: Text odkazu slouží k informaci, kam se návštěvník dostane. Špatně: Pro více informací klikněte zde. Špatně: Pod tímto odkazem Vám poskytneme více informací o Dobře: Výsledky soutěže Entrův pohár.

15 Obrázky Velmi důležité je uvádět alternativní text. <img src="rhodesian-ridgeback.jpg" alt="fibi Saranga - Rhodesian ridgeback" /> Proč: Roboti prohledávají pouze textové informace. Alternativní text se zobrazuje tam, kde máme v prohlížeči potlačené zobrazování obrázků. Volíme správné názvy obrázků: Špatně: img jpg Správně: chorvatsko-01.jpg

16 Zpětné odkazy Jsou to odkazy na jiných stránkách, které odkazují na náš web. PageRank se potom počítá podle toho, kolik a jak důležitých stránek na nás odkazuje. Část své hodnoty stránka odkazem propůjčuje další stránce, na kterou odkazuje. Čím více odkazů na stránce, tím méně každé další stránce předá. TÍM, ŽE STRÁNKA OBSAHUJE ODKAZY, O SVŮJ PAGERANK NEPŘICHÁZÍ.

17 Použité zdroje DOMES, Martin. SEO: jednoduše. Vyd. 1. Brno: Computer Press, 2011, 141 s. Naučte se za víkend (Computer Press). ISBN Kliparty Microsoft Office