HTML

HTML (zkratka z anglického HyperText Markup Language) je značkovací jazyk, který tvoří základní kostru každé webové stránky. Pokud si představíte web jako dům, HTML jsou cihly a zdi, které určují, kde je kuchyně a kde ložnice.

HTML neřeší to, jak web vypadá (barvy, fonty – to má na starosti CSS), ani jak se chová (interaktivita – to řeší JavaScript). HTML řeší strukturu a význam obsahu. Pomocí značek (tzv. tagů) říká prohlížeči: “Toto je hlavní nadpis”, “Toto je odstavec textu” a “Toto je obrázek”.

Jazyk se skládá z tzv. elementů, které jsou ohraničeny špičatými závorkami < >. Většina elementů má otevírací a uzavírací značku.

Příklad jednoduchého kódu:

• <h1>Toto je hlavní nadpis</h1>

• <p>Toto je odstavec textu pod nadpisem.</p>

• <a href="https://www.seznam.cz">Toto je odkaz na Seznam</a>

Pro běžného uživatele je důležité, co vidí na obrazovce. Pro vyhledávače (Google, Seznam) je ale klíčové to, co je “pod kapotou” – tedy ve zdrojovém kódu.

Pokud je HTML kód webu napsaný špatně, vyhledávací roboti mohou mít problém pochopit obsah stránky. V rámci optimalizace pro vyhledávače je proto důležité tzv. sémantické HTML. To znamená použití správných značek pro správný typ obsahu.

1. Title (<title>): Titulek stránky, který se zobrazuje ve výsledcích vyhledávání. Jeden z nejdůležitějších faktorů.

2. Meta Description: Popisek stránky v HTML, který láká uživatele ke kliknutí v SERPu.

3. Nadpisy (<h1> až <h6>): Hierarchie nadpisů pomáhá robotům pochopit strukturu a důležitost jednotlivých částí textu. Na stránce by mělo být vždy jen jedno <h1>.

4. Alt text u obrázků (alt): Atribut v HTML, který popisuje obrázek. Pomáhá nevidomým a zároveň říká Googlu, co na obrázku je.

5. Kanonické odkazy (rel="canonical"): Řeší problém s duplicitním obsahem tím, že v HTML označí preferovanou verzi stránky.

Dnešním standardem je verze HTML5, která přinesla nové značky pro lepší definici částí stránky, jako jsou <header> (hlavička), <footer> (patička), <article> (článek) nebo <nav> (navigace). Díky těmto značkám vyhledávače přesně vědí, která část kódu je hlavní obsah a co je jen patička webu.

Pokud potřebujete rychlou a přesnou definici, zde jsou klíčová fakta:

• Co to je: HTML (HyperText Markup Language) je standardní značkovací jazyk pro tvorbu webových stránek.

• Hlavní funkce: Definuje strukturu a význam obsahu na webu (nadpisy, odstavce, tabulky) pomocí značek.

• Rozdíl HTML vs. CSS: HTML tvoří kostru (obsah), zatímco CSS určuje vzhled (barvy, fonty, rozložení).

• Význam pro SEO: Správné sémantické HTML umožňuje vyhledávačům správně pochopit a indexovat obsah stránky.

Ačkoli je samotná tvorba HTML kódu prací pro programátory a kodéry, jako SEO specialista s těmito prvky denně pracuji. Právě v HTML kódu se totiž nastavují klíčové SEO faktory.

Při optimalizaci webu se sice “nehrabu” hluboko v kódu šablony, ale zajišťuji, aby byly správně vyplněné všechny značky, které rozhodují o vašem úspěchu ve vyhledávání – od titulků až po strukturu nadpisů.

Chyby nebo nedostatky v kódu z pohledu SEO zpravidla odhaluji v rámci SEO auditu.