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>

Další lekce >>

<< Předchozí lekce