Co je to

HTML

Off-page SEO, Technické SEO, On-page SEO

HTML je značkovací jazyk, který slouží k tvorbě struktury webových stránek. Umožňuje definovat nadpisy, odstavce, odkazy, obrázky a další prvky, které prohlížeč následně zobrazí uživateli. Je to základní kámen každého webu.

Na rozdíl od programovacích jazyků neprovádí výpočty ani logiku, pouze popisuje, jak má být obsah uspořádán. HTML tedy řeší strukturu a význam obsahu, zatímco vzhled se řídí pomocí CSS a chování pomocí JavaScriptu. Díky tomu je možné oddělit formu od funkce a udržovat kód přehledný.

📄 Základní prvky HTML:
🧱 Tagy : určují jednotlivé části dokumentu, např. <p>, <h1>, <a>.
📚 Atributy : doplňují informace o prvcích, např. href, src, alt.
🌐 Struktura dokumentu : hlavička <head> s metadaty a tělo <body> s obsahem.

V praxi se HTML používá při tvorbě webových prezentací, e-shopů či aplikací. Každý webový vývojář s ním pracuje denně – například při vytváření popisků produktů, formulářů nebo článků na blogu.

HTML je jako kostra webové stránky – sama o sobě nevypadá složitě, ale bez ní by stránka neměla tvar ani smysl.

Off-page SEO

HTML atribut rel

Atribut rel v jazyce HTML určuje vztah mezi aktuálním dokumentem a cílem odkazu nebo vloženého souboru. Nejčastěji se používá u prvků a, link a area, kde pomáhá prohlížeči nebo vyhledávači pochopit, jaký druh vztahu mezi dokumenty existuje. 🧒 Základní škola Atribut rel říká, jaký vztah má odkazovaný soubor nebo stránka k té, na které právě…
Off-page SEO

Sponsored atribut odkazu

Sponsored je speciální atribut odkazu v HTML, který říká vyhledávačům, že odkaz je placený nebo souvisí s reklamou. Pomáhá tak Googlu a dalším systémům rozlišovat, které odkazy vznikly přirozeně a které vznikly kvůli penězům nebo partnerství. 🧒 Základní škola Atribut sponsored se dává do odkazu, když je odkaz reklamní. Když třeba někdo zaplatí, aby se…
Off-page SEO

Noreferrer atribut odkazu

Výraz noreferrer je nastavení používané v HTML (v odkazech), které říká prohlížeči, aby neposílal informaci o původu odkazu (tzv. referrer) na cílovou stránku. Zjednodušeně řečeno, když klikneš na odkaz s tímto atributem, web, kam přijdeš, nepozná, odkud jsi přišel. 🧒 Základní škola Když klikneš na odkaz na internetu, počítač obvykle webu, na který jdeš, řekne,…
Off-page SEO

Nofollow a dofollow odkazy

Na internetu jsou odkazy způsobem, jak se webové stránky propojují. Ale ne všechny odkazy jsou pro vyhledávače stejné. Existují dofollow odkazy, které předávají „sílu“ a pomáhají stránce růst v žebříčku Google, a nofollow odkazy, které tuto sílu nepředávají. To je důležité pro SEO (optimalizaci pro vyhledávače). 🧒 Základní škola Představ si, že máš sešit s…
Technické SEO

404 error page (stránka nenalezena)

Základní škola Představ si, že hledáš svůj oblíbený sešit ve školní tašce, ale nemůžeš ho najít. Stránka 404 je jako taková zpráva, která ti říká „Jejda, tuhle webovou stránku jsme nemohli najít!“ Je to jako když ti počítač říká: „Promiň, ale to, co hledáš, tady není.“ Většinou se objeví, když klikneš na rozbitý odkaz nebo…
Technické SEO

Strukturovaná data

Strukturovaná data v SEO jsou speciální značky v kódu webové stránky, které pomáhají vyhledávačům lépe pochopit obsah stránky. Díky nim může Google nebo Seznam zobrazit v rozšířených výsledcích (tzv. rich snippets) informace jako hodnocení, cenu, datum, recept, produkt nebo autora článku. 🧒 Základní škola Představ si, že máš web o pečení a chceš, aby si…
Technické SEO

AMP (Accelerated Mobile Pages)

Základní škola AMP je jako zrychlená verze webových stránek pro mobily. Představ si, že máš těžkou školní tašku – to je jako normální webová stránka. AMP je jako kdyby sis z tašky vyndal jen to nejdůležitější a dal to do lehkého batůžku. Díky tomu se stránka načte mnohem rychleji a lépe se ti s ní…
On-page SEO

Schema markup (strukturovaná data)

Schema markup je speciální způsob, jak „označit“ obsah webové stránky tak, aby mu vyhledávače lépe rozuměly. Pomocí těchto značek můžeme říct Googlu, že text na stránce není jen obyčejný text, ale například recept, recenze, produkt, událost nebo osoba. 🧒 Základní škola Představ si, že máš webovou stránku a chceš, aby Google přesně pochopil, o čem…
On-page SEO

Canonical tag (kanonický odkaz)

Kanonický odkaz (canonical tag) je prvek v jazyce HTML, který pomáhá vyhledávačům rozpoznat, která verze webové stránky je ta hlavní, pokud existuje více podobných nebo totožných verzí. Zabraňuje tak duplicitnímu obsahu, který může poškodit hodnocení webu ve výsledcích vyhledávání. 🧒 Základní škola Když máš na internetu dvě skoro stejné stránky, třeba dvě kopie jednoho článku,…
On-page SEO

Alt text (alternativní text obrázků)

Základní škola Alt text je jako popisek pod obrázkem v knížce. Když si obrázek nemůžeš prohlédnout (třeba když se špatně načte), tento text ti řekne, co na něm je. Je to jako když kamarádovi popisuješ fotku, kterou zrovna nemůže vidět – snažíš se mu co nejlépe říct, co na ní je. Střední škola Alt text…
On-page SEO

Nadpisy H1, H2, H3, H4

Základní škola Nadpisy jsou jako štítky v obchodě – pomáhají ti najít, co hledáš. H1 je jako velký nápis nad obchodem, H2 jsou nápisy nad různými odděleními (ovoce, pečivo), H3 označují menší skupiny (jablka, hrušky) a H4 už jsou úplně malé štítky u jednotlivých věcí. Čím větší číslo, tím menší a méně důležitý nadpis. Střední…
On-page SEO

Meta description (meta popisek)

Meta description neboli meta popisek je krátký text, který se zobrazuje pod názvem stránky ve výsledcích vyhledávání. Slouží k tomu, aby stručně a zajímavě popsal obsah webové stránky a přiměl uživatele na ni kliknout. 🧒 Základní škola Meta popisek je krátký text, který říká lidem, o čem je nějaká webová stránka. Když si něco hledáš…

HTML

Co je to? Napište pojem a objevte jeho význam