HTML - meta tagy

Meta tagy

Meta tagy jsou zvláštní značky, které se píšou do hlavičky stránky. Popisek = description pro vyhledávače

Popis obsahu stránky se zadává meta tagem description, např: <meta name="description" content="Popis tvorby a publikování WWW stránek pro začátečníky i profesionály.">.

Některé starší vyhledávací stroje (např. Altavista) si všímaly popisu stránky zadaného autorem a pokud stránku vypisují v seznamu nalezených, připojují k titulku stránky i tento popis. Google vypisuje popisek tehdy, pokud obsahuje hledané slovo (nebo většinu hledaných slov). Takže se ve výpisu pod titulkem objeví

Popis tvorby a publikování WWW stránek pro začátečníky i profesionály.

Kdybych výše zmíněný tag nevložil, tak by se mohlo objevit třeba:

V této sekci: Základní kurz Prvky stránek Barvy Provoz webu Další sekce:

to je začátek zmíněné stránky a vypadá trochu blbě.

Jak si postupem času vyhledávače přestávají meta tagu description výrazněji všímat, jeho smysl se mírně oslabuje. Další informace pro vyhledávače Klíčová slova

Nejdůležitější vyhledávače Google a Seznam klíčová slova ignorují. Já osobně používám keywords pouze kvůli internímu vyhledávači (Atomz). Aby takové primitivnější vyhledávače snadněji pochopily, o čem se na té které stránce píše, lze jim sdělit, jaká jsou klíčová slova textu. Do hlavičky dokumentu se vloží tag

<meta name="keywords" content="hudba,kytara,flétna,fletna,Oldfield,Asonance,Spirituál">.

Tato klíčová slova jsem kdysi měl na své stránce hudby. Klíčová slova se oddělují čárkami, za čárkami mohou být mezery. Zákaz indexování

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

říká robotům vyhledávačů (Altavista, Webfast, Google apod.), že stránku nemají zařazovat do seznamů, ale že mají sledovat hyperlinky v ní obsažené. To se vyplatí jenom u naprostého minima stránek (například obsah levého rámu s obsahem, ten by zobrazen v celém okně mátl). Další hodnoty index nebo nofollow jsou zřejmé. Více v textu o robots.txt. Pro Google

Google akceptuje meta tag googlebot. Příklad zakázání výpisu úryvku stránky a zákazu archivovat:

<meta name="googlebot" content="nosnippet,noarchive"> Jazykové nastavení

<meta http-equiv="Content-language" content="cs">

Informace o použitém jazyce. Slouží prý zejména pro automatické přepínání jazyka, pokud je dokument ve více verzích. Nevěřím tomu. Vyhledávače by se teoreticky podle tohoto tagu mohly řídit, ale v praxi to pokud vím nedělají (řídí se raději textovým obsahem stránky). Čeština, nastavení kódování

Existuje spousta pracných způsobů, jak zajistit na Internetu správné kódování češtiny. Jednoduše se to dá udělat využitím následujícího tagu, který se zadává do hlavičky html souboru:

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

Tím říkám, že dokument je kódován v kódování windows-1250. V případě jiných kódování se namísto windows-1250 píše norma kódování, která může být různá.

Lepší než kódování windows-1250 je používat Latin-2 (ISO 8859-2). Pak to vypadá takto:

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

Charset pro kódování UTF-8:

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

Tento meta tag se má správně používat ještě před titulkem (tag <title>), protože kdyby titulek obsahoval čárkovaná písmena, a meta tag by byl až za ním, nemusí se pak v Exploreru stránka vůbec zobrazit. Automatické přesměrování

Do hlavičky (to jest mezi tagy <head> a </head>) se vloží tento tag:

<meta http-equiv="refresh" content="6;URL=http://www.nekam.cz/cokoliv">,

kde 6 je počet sekund, který server vyčká před začátkem přesměrování, a adresa se samozřejmě zadává jiná. Prohlížeč se potom pokusí do stejného okna načíst stránku specifikovanou v URL podobně, jako kdyby dostal příkaz HTTP protokolem. Zadá-li se bez URL, obnovuje se tatáž stránka, teoreticky donekonečna. Více o přesměrování. Generator

Specializované programy na psaní HTML vkládají do svých výtvorů meta tag s popisem, že stránka vznikla s jejich pomocí. Například FrontPage tam vkládá

<meta name="generator" content="Microsoft FrontPage 3.0">

Tato informace nemá praktické využití, proto tento řádek zásadně mažu. Navíc například FrontPage při každém ukládání tento tag přepíše, jakoby stránku udělal on, i když ji neudělal.

Některé HTML editory si do dokumentů vkládají meta tagy, které používají pro svoji potřebu. Například FrontPage si tak drží informace o použití sdílených okrajů (shared borders) nebo použitých motivů (themes). Author apod.

<meta name="author" content="Dušan Janovský">

Je to úplně na nic, ale já to dávám do stránek, když jsem smutný a chci se proslavit.

Občas jsou na zdrojových kódech k vidění meta informace typu copyright, company a podobné. Nemá to žádný praktický účel, je to podobné, jako když pejskové počůrávají patníky. Neukládání a vypršení

Pomocí meta tagů se dá také omezeně nastavit, že se stránka nemá ukládat na počítači klienta a ve vyrovnávacích pamětech cache.

<META http-equiv="cache-control" content="no-cache">

Kromě hodnoty no-cache, která zabraňuje cacheování obecně, se uvádějí nepoužitelné hodnoty public, private (neukládat ve veřejných cache) a no-store (ukládat ale nearchivovat). Cache-control má i více vlastností, které jsou specifikovány v protokolu http 1.1.

Ukládání obecně by měl zabránit také zápis

<META http-equiv="pragma" content="no-cache">

ale v některých prohlížečích prý nefunguje. Bude to patrně tím, že pragma není součástí http standardu.

Varování: dobře si rozmyslete, než zakážete pro stránky ukládání a cacheování! Odříznete si tak nezanedbatelnou část čtenářů, kteří si prohlížejí stránky z domova offline. Také zvýšíte průtok dat ze serveru a svým uživatelům stránky znatelně zpomalíte! Doporučuji nastavovat to jenom u stránek, které se opravdu často mění. Vypršení

<meta http-equiv="expires" content="Sat 21 Jun 2003 20:04:00">

Prohlížeč si stránku uloží a u takto označené stránky zapamatuje, že je platná jenom do konce jara 2003. Kdyby se na ní chtěl uživatel z téhož počítače podívat v létě 2003, prohlížeč si určitě sáhne na server, protože ví, že to, co má uložené, už neplatí.

Konkrétní chování prohlížeče závisí na jeho nastavení, dá se třeba nastavit, že si prohlížeč pro novou verzi stránek sáhne vždy. A proč to nefunguje

Žádná cache fungující na serveru (např. squid) nečte html zdroj, takže nemá šanci všimnout si meta cache nastavení. Je to začarovaný kruh -- keš si může teoreticky meta tagu všimnout až poté, co stránku uloží (a tedy jej chtě nechtě nerespektuje).

Meta nastavení cacheování tedy funguje pouze na cache prohlížečů (Temporary Internet Files). Pokud na vypršení opravdu záleží, je třeba, aby hlavičky o expiraci posílal server.

Vizte též kešovací návod pro autory webu a webmastery a Na co stránka čeká. Pics-label

Informace o (ne)závadnosti obsahu zejména z morálního hlediska. Nevím přesně, jak se používá, ale v kódu na weblogu Martina Michálka jsem (když ještě fungoval) našel příklad. Sice mu nerozumím, ale pro úplnost jej uvádím:

<meta http-equiv="pics-label" content='(pics-1.1 "http://www.icra.org/ratingsv02.html" comment "ICRAonline v2.0" l gen true for "http://machal.creativity.cz" r (nz 1 vz 1 lz 1 oz 1 cz 1) "http://www.rsac.org/ratingsv01.html" l gen true for "http://machal.creativity.cz" r (n 0 s 0 v 0 l 0))' />

Další informace mi mailem poslal Jersywoo:

   Probíhá to asi takhle(americký model):
   Na pornostránky vložíš tag pics-label. Nějaká maminka svému děcku nastaví v IE, že se nemají zobrazovat stránky s erotickým obsahem. Když bude se to dítě chtít podívat na tu stránku, tak se mu nezobrazí, kurňa musím frčet do Opavy na služebku, dopíšu to jindy.

Nějaké info na www.icra.org (anglicky). Microsoftí meta tagy

<meta http-equiv="imagetoolbar" content="no" />

zruší v Internet Exploreru 6 taková ta tlačítka, když se jede myší přes obrázek (totéž se dá vypnout přímo u obrázku pomocí nestandardního atributu galeryimg="false").

<meta http-equiv="MSThemeCompatible" content="no">

v systému Win XP vykresluje stránky jakoby stylem 2000 (lišty a tlačítka).

<meta name="mssmarttagspreventparsing" content="true" />

popisuje Michal Illich v konferenci SEO, má jít o vypnutí smart tags.

<meta http-equiv="Site-Exit" content="revealTrans(Duration=1.0,Transition=12)">

přechodový filtr při natažení stránky. Má to víc nastavení, podporuje to Internet Explorer. Doporučuji nepoužívat. Vlastní meta tagy

Do name a content si teoreticky můžete dát cokoliv, aniž byste narušili význam stránky.

<meta name="hocičo" content="jakákoliv hodnota">

Takové meta tagy se pak dají použít zejména pro různé programy, které si pro práci se stránkami napíšete. Obecná syntaxe tagu meta

Slovo "meta" pochází tuším z řečtiny a znamená "něco, co je nad" nebo "za". Pokud html stránky chtějí říci něco, co je svou podstatou nadřazeno jejich vlastnímu obsahu, použijí tag meta.

Tagy meta se zadávají do hlavičky HTML dokumentu:

<html>

<head>
 <title>...</title>
 <meta ...>
 <meta ...>
</head>

<body> ... dokument...

Prvním atributem meta je buďto

   * "name" (obecná meta informace),
   * nebo "http-equiv" (systémová, prohlížeč ji interpretuje stejně jako hlavičku http protokolu).

V tomto atributu je napsáno, jaký druh metainformace bude sdělován (např. meta="keywords" => budou sdělována klíčová slova). Obecně zapsáno:

<meta name="druh informace" content="obsah informace"> nebo <meta http-equiv="druh informace" content="obsah informace">

Druhým povinným atributem je "content", což znamená "obsah". Ten je roven vlastnímu obsahu metainformace. Například content="housle, smyčce, kalafuny". Existují i další nepovinné atributy, z nichž uvádím pouze lang.

  • 8 Uživatelům pomohlo
Byla tato odpověď nápomocná?

Související články

.htaccess

  enable mod_rewrite (jako první řádek):  Options +FollowSymLinks Redirecting a non-www URL to...

PHP webhosting

Podporované verze aktuálně náš webhosting běží na verzi 7.4.29 verze 8.1 bude mít aktivní...