August 14, 2008
Vieme, že jazyk HTML používa tagy a značky (párové alebo nepárové). Medzi nepárové tagy patria aj tak zvané META tagy. Tie sa stávajú dôležité čoraz viac lebo v dnešnej dobe sa kladie veľký dôraz na SEO optimalizáiu (Search engine optimalization) – optimalizácia stránky pre vyhľadávače (napr. Google).
META Tagy
META tagy sú vždy umiestnené v hlavičke zdrojového kódu, teda sú uzavreté v tagoch:
<head>
</head>
Meta tagy poskytujú informácie predovšetkým vyhľadávačom a katalógom, ktoré musia stránku najprv zaindexovať, to znamená vložiť do svojej databázy aby bolo možné ju vyhľadávať a zobrazovať vo výsledkoch hľadania na určité kľúčové slová alebo frázy. Meta tagy aktiež určujú či sa stránka má vbec indexovať, v akom kódovaní sa má zobraziť (existuje niekoľko znakových kódovaní, napríklad ISO, UTF-8, WINDOWS a iné), autora stránky, rok výroby, poslednú aktualizáciu a podobne.
Na rôznych diskusiách na internete sa možno dočítate že meta tagy už nemajú svoj význam, sú zbytočné, ale pozor, neverte tomu!
Príklady
Začneme najprv meta tagom určujúcim kódovanie stránky. Nezabúdajte, že ich píšeme vždy do hlavičky. Takže kódovanie:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
V ďalších príkladoch už head uvádzať nebudem. Tento meta tag (vidíme, že je nepárový a nepárové tagy sa ukončujú medzerou a lomítkom na konci) nastaví kódovanie na výstupe stránky na UTF-8. Odporúčam na VŠETKY vaše stránky používať UTF-8. Vyhnete sa tým zbytočným problémom.
Ďalší dôležitý META tag je Desciption, alebo Popis. Ten využívajú hlavne vyhľadávače.
<meta name="Description" content="Stránka informujúca o stave školských lavíc na ZŠ Kybernetikov AB v Lučenci" />
V tomto meta tagu už vidím zvyčajnú syntax (tvar) ako by mal vyzerať. Na začiatku je meta a nasleduje hodnota name. tam je uvedené o aký meta tag ide, o čom bude informovať. A následne content kde je už samotný obsah meta. V Description META , vidíme že v krátkosti popisuje obsah webu/stránky ktorá je zameraná, alebo kde sa nachádzajú informácie o stave školských lavíc. Žiadne podrobné a zbytočné veci tam nie sú. Iba stručné informácie, žiadne obsiahle opisovanie každej funkcie, každej informácie na stránke (toto nie je slohová práca).
Ďalší dôležitý meta tag je Keywords. Ako už názov hovorí, ide o kľúčové slová ktoré bude vyhľadávač/katalóg používať.
<meta name="Keywords" content="lavice,škola,skola,zakladna,stav,lucenec,ZS" />
Syntax tagu je opäť rovnaká. Name a content. V prípade Keywords sa môžete vypísať do sýta. Kľúčové slová alebo frázy oddeľujte čiarkou. Fráza, slovné spojenie by nemalo byť dlhšie ako 2 slová. Môžte uviesť ľubovoľne veľa kľúčových slov na ktoré ma vyhľadávač reagovať aby zaradil Vašu stránku do výsledkov. Opäť to ale nepreháňajte. Ak ich uvediete veľa môže to mať opačný účinok. Samozrejme uvádzajte len slová ktoré sú charakteristické pre VAŠU stránku, pre ten konkrétny web a nevymýšľajte si slová ktoré s ním nemajú nič spoločné.
Prvkom, ktoré využívajú vyhľadávače je aj meta tag Author. Aj z tohto názvu dokážeme usúdiť, že sa jedná a o tag určujúci autora stránky. Skúste si najprv tipnúť ako bude vyzerať jeho zápis…. Ak už máš tak čítaj ďalej:
<meta name="Author" content="Maťko kukurička" />
Uhádol si? Nič zložité ale veľmi účinné. Nezabúdajme na ukončenia meta tagov. Keď už sme pri tom autorovi, čo tak si doplniť ešte Copyright, vlastníctvo a práva pre web. Ako to bude vyzerať? Kľúčové slovo som ti poskytol… skús.
<meta name="Copyright" name="Maťko Kukurička (c) 2008" />
Napríklad aj takto. Alebo tam mže byť len meno, prípadne rok, alebo meno a (c).
Teraz keď sme si prešli tie základné meta tagy je čas, aby ste si ich vyskúšai vložiť na web, prípadne sa naučii ich syntax. V pokračovaní si povieme o zložitejších meta tagoch toré určujú cache (ukladaciu pamäť), expiráciu, indexovanie a podobne. Tie hovoria vyhľadávačom, čo majú so stránkou spraviť.
Užitočné odkazy
Štatistiky
Partneri
 |
 |
 |