Home >> HTML návod >> HTML Metadata

HTML Metadata

V této lekci se seznámíme s HTML metadaty. Řekneme si co to metadata vlastně jsou, k čemu jsou dobré a také proč je důležité mít správně vypněné meta tagy na stránce.

Správně vyplněná metadata jsou nezbytnou součástí každé webové stránky. Říkají prohlížeči kdo je autorem stránky, jaké kódování je použito, obsahují klíčová slova a popisek stránky, jenž je nesmírně důležitý pro vyhladávače, dále informace pro roboty a další.

Umístění metadat

Metadata se zapisují pomocí nepárového tagu <meta> a umisťují se do hlavičky HTML dokumentu - tedy mezi tagy <head> a </head>. Existuje spousta různých meta informací. Zde je seznam těch, které by rozhodně na Vaší stránce neměly chybět:

  • Kódování (Content-type)
  • Popisek stránky (Description)
  • Klíčová slova (Keywords)
  • Info pro roboty (Robots)

Nyní se na tyto meta informace podíváme podrobněji:

Kódování (Content-type)

Meta informace content-type definuje typ a kódování dokumentu. Definovat kódování je velmi důležité, jelikož pro české znaky, jako jsou písmena s háčky, existuje speciální kódování. Bez něj se Vám tyto znaky nezobrazí správně.

Pro češtinu se používají tato kódování:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

nebo

<meta http-equiv="Content-Type" content="text/html; charset=ISO 8859-2">

nebo

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Popisek stránky (Description)

Každá webová stránka by měla mít správně vyplněný popisek. Ten je důležitý zejména pro vyhledávače. Popisek by měl stručně vystihovat obsah stránky.

<meta name="description" content="Informace o metadatech pro začátečníky" >

Klíčová slova (Keywords)

Podobnou funkci jako popisek stránky mají také klíčová slova nebo-li keywords. Slouží k definování klíčových slov na stránce, která by měla výstižně popisovat obsah stránky. Jednotlivá klíčová slova se od sebe oddělují čárkou.

<meta name="keywords" content="meta, meta tagy, metadata, meta informace" >

Info pro roboty (Robots)

Meta informace Robots udává pomocí příkazů all, follow, nofollow, index a noindex pokyny indexovacím robotům, jak se mají zachovat při procházení Vašeho webu. Příkazy lze kombinovat.

Příkaz Význam
all Indexováno bude vše
follow Indexovány budou všechny stránky na ktére vedou odkazy z této stránky
nofollow Odkazy nebudou následovány
Index Tato stránka bude indexována
Noindex Tato stránka nebude indexována

Příklad informace pro roboty:

<meta name="robots" content="index, follow">

Správně vyplněná hlavička dokumentu

Správně vyplněná hlavička dokumentu je základem k zisku horních pozic ve vyhledávačích. Pokud budete mít správně vyplněný titulek stránky a tato důležitá metadata, která jsme si uvedli v tomto článku, Vaše pozice rozhodně nebudou špatné.

Zde je příklad správně vyplněné hlavičky dokumntu:

<html>
<head>
<title>HTML Metadata</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta name="author" content="Autor stránky">
<meta name="ROBOTS" content="index, follow">
<meta name="description" content="Na této stránce se dozvíte něco o metadatech.">
<meta name="keywords" content="HTML, Metadata, Meta tagy">
</head>

<body>
<p>Příklad užití metatagů</p>

</body>
</html>
HTML Návod
HTML Návod - HOME
Úvod
Začínáme
HTML Tagy
HTML Formátování textu
HTML Atributy
HTML Barvy
HTML Odkazy
HTML Obrázky
HTML Metadata
HTML Komentáře
HTML Formuláře
HTML Tabulky
Psaní HTML značek
HTML & CSS
HTML & JAVASCRIPT
HTML Webové šablony
HTML Test
Shrnutí
Užitečné seznamy a nástroje
Kompletní seznam HTML tagů
Kódy HTML značek
Pojmenované barvy v HTML
Generátor hexadecimálního kódu barev
HTML ukázky
Hudba na web
©2008 - 2011 Klikzone.cz
Ráj aut - inzerce nových i ojetých aut