August 15, 2008
V minulej časti o meta tagoch sme si povedali čo to je, na čo sú dobré a základný prehľad tých najpoužívanejších. Dnes meta tagy dokončíme a povieme si niečo o tých zložitejších, ktoré vyhľadávačom určujú čo majú so stránkou robiť.
Opät pripomeniem že meta tagy MUSIA byť v hlavičke (<head>m</head>).
Meta
Nasledujúci meta tag je určený hlavne pre vyhľadávač Google. Určuje mu aby stránku archivoval a vypísal jej úryvok:
<meta name="googlebot" content="snippet,archive" />
Na stránkach nie je nutne dôležitý a kľudne ho môžete vynechať (osobne ho nepoužívam vôbec). Opačný účinok môžme dosiahnuť zápisom nosnippet a noarchive čo znamená že sa web archivovať nebude a nevypisoval úryvok z nej. Samozrejme je možné tieto nastavenia kombinovať. Pre viac informácií zalovte v Google.
Od vyhľadávačov na chvíľu odbočíme. Vďaka META tagu je možné obsah stránky presmerovať na stránku inú po určitej dobe (samozrejme nastavenej):
<meta http-equiv="refresh" content="6; URL=http://www.nejakyweb.tld" />
Ako vidíme tu je použitý zápis http-equiv teda nie name. Hodnota 6 v content znamená že sa má stránka presmerovať za 6 sekúnd. Toto riešenie presmerovania meta tagom je dnes už málo používané. Využívajú sa flexibilnejšie metódy, napríklad .HTACCESS súbor (povieme si nabudúce), PHP script, JavaScript prípadne DNS nastavenia pre stránku. Ale je to jedna z možností META Tagov.
Individuálne použiteľným tagom je aj Generator. Ten informuje v akom editore, programe bola stránka napísaná, naprogramovaná. Tag má štandardnú syntax, name + content takže by ste s ním nemali mať problém. Tentokrát príklad neuvediem 
Teraz prejdeme už k tým pikantnostiam. Začneme tagom Cache (čítaj keč). Ten určuje prehliadaču (Vášmu internetovému kde otvárate stránky), aby aktuálne otvorenú stránku neukladal do odkladacej pamäte tzv. Cache. Keď stránky cache-ujú môžu tak robiť buď na strane servera (záleží od naprogramovanie – vhodné pre weby s vysokou návštevnosťou) alebo na strane klienta, každá stránka ktorá nemá nastavený meta tag aby necache-ovala. Keď je stránka v cache Vášho prehliadača, po jej novom načítaní sa obsah načíta najprv z tejto cache. Takže nezobrazí sa Vám vždy úplne aktuálna stránka ale tá, ktorá bola uložená v tejto pamäti. Tu je zápis meta tagu:
<META http-equiv="cache-control" content="no-cache" />
Ak chceme aby sa stránka ukladala do cache tak namiesto no-cache použijeme iba cache. Pre cache-control existujú aj iné nastavenia, tie však v tomto momente nie sú pre nás potrebné a zaujímavé. Rovnaký výsledok by ste mali dosiahnuť aj s použitím tagu:
<META http-equiv="pragma" content="no-cache" />
Avšak môže sa stať že nebude fungovať úplne korektne.
Záver
Existujú aj iné špecifické a rozširujúce meta tagy ktoré sú dostupné a funkčné napríklad len pre jeden prehliadač, alebo jeden systém. Tie nás však nebudu zaujímať lebo skôr urobia viac škody ako osohu, nie všade fungujú a takmer sa nepoužívajú.
Keď sa v budúcnosti budeme zaoberať s GoogleAnalytics, indexovaním, indexovaním Live.com a inými službami, povieme si aj špecifických metatagoch, ktoré slúžia na identifikáciu a odosielanie dát na určité miesta.
Zatiaľ je to na teraz všetko.
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
 |
 |
 |