HTML
Mi a HTML?[szerkesztés]
A HTML (Hyper-Text Markup Language) feladata, hogy előre meghatározott kategóriák szerint osztályozza a dokumentumban található adatokat, ezzel értelmezhetővé téve azt a számítógép részére is. A HTML jelöléseit értelmezve jelenítik meg a böngészők a dokumentumot, illetve határozzák meg bizonyos részeinek alapvető viselkedését (pl. űrlapok), ismerik fel és illesztik be a kereső-robotok adatbázisukba a tartalmakat, vagy éppen teszik kezelhetővé a felhasználó számára az adathalmazt a vakoknak készült felolvasóprogramok. Éppen ezért fontos, hogy mindig a megfelelő jelöléseket alkalmazzuk egy dokumentum készítésekor. Miután az adatokat ember számára értelmezhető módon osztályoztuk (például egy SQL adatbázisban vagy egy XML állományban), a következő lépés a HTML megírása. Ezután következik a viselkedés (JavaScript, VBScript) meghatározása, majd végül a látványvilág (CSS) kialakítása.
META tagok[szerkesztés]
DESCRIPTION:
<META name="DESCRIPTION" content="...">
Az oldal tartalmának leírása röviden. Gyakran ezt a szöveget jelenítik meg a keresők a találati oldalon oldalad leírásaként.
Maximális hossza: 200-256 karakter
Tanácsos a szövegbe bekombinálni a legfontosabb keresőszavakat is.
Ha külföldi kerezőket is megcélzol, ill. oldalad tartalma ezt indokolja, kiegészítheted így is:
<META name="DESCRIPTION" lang="HU" content="...">
Így a külföldi keresők találati oldalán a saját nyelvén jelenik meg az oldalad leírása.
Fontossága: ajánlott/kötelező
KEYWORDS
<META name="KEYWORDS" content="...">
A oldal tartalmára jellemző kulcsszavak, amiket a keresőkbe beírva a kereső oldalunkat is meg kell találja. Maximális hossza: 200/1000 karakter
Ne írj túl sok keresőszót. A keresőrobotok csak azokat a szavakat akceptálják, amelyek előfordulnak az oldal szövegében, vagy az oldalhoz kapcsolódó linkekben. Ne használj egy keresőszót többször, legfeljebb eltérő írásmóddal és a felforolásban egymástól távolabb. A keresőrobotok a hibákat spamkísérletnek tekintik és oldalad kizárásával díjazhatják.
Ha külföldi kerezőket is megcélzol, ill. oldalad tartalma ezt indokolja, kiegészítheted így is:
<META name="KEYWORDS" lang="HU" content="...">
Fontossága: ajánlott/kötelező
CONTENT-TYPE
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-2>
Ezzel az elemmel lehet beállítani, milyen karakterkészletet használjon a kliensgép böngészője az oldal megjelenítésekor. Ha az adott karakterkészlet nincs a gépen telepítve, az alapértelmezett karakterkészletét fogja használni. Csak egy karakterkészletet lehet kijelölni. Íme a gyakrabban használt karakterkészletek: karakterkészletek:
- iso-8859-1.....nyugat-európai [iso]
- iso-8859-2.....közép-európai [iso] > ajánlott
- iso-8859-4.....balti [iso]
- iso-8859-5.....cirill [iso]
- iso-8859-6.....arab [iso]
- iso-8859-7.....görög [iso]
- iso-8859-8.....héber [iso-visual]
- iso-8859-9.....török [windows]
- windows-1250.....közép-európai [windows]
- windows-1251.....cirill [windows]
- windows-1253.....görög [windows]
- windows-1255.....héber [windows]
- windows-1256.....arab [windows]
- windows-1257.....balti [windows]
- windows-1258.....vietnami [windows]
- UTF-8.....UTF-8 kódolás
Fontossága: ajánlott/kötelező
ROBOTS
Ez az elem a robotok oldalkövetését és oldalindexelését irányítja. Négy módon lehet ezt az elemet alkalmazni. A meta tag CONTENT szekciója az alábbi értékeket veheti fel (több értéknél vesszővel elválasztva):
- index, - oldalt indexelje
- noindex, - oldalt ne indexelje
- follow, - oldal linkjeit kövesse
- nofollow - oldal linkjeit ne kövesse
Használható még az ALL = INDEX,FOLLOW, és a NONE = NOINDEX,NOFOLLOW érték is.
Robots Meta Tag Példák:
<META name="ROBOTS" content="INDEX,FOLLOW">
<META name="ROBOTS" content="NOINDEX,FOLLOW">
<META name="ROBOTS" content="INDEX,NOFOLLOW">
<META name="ROBOTS" content="NOINDEX,NOFOLLOW">
Fontossága: ajánlott/kötelező
REVISIT-AFTER
<META name="REVISIT-AFTER" content="10 days">
Itt határozhatod meg, hány nap múlva látogassa meg oldaladat a keresőrobot újra frissítések után kutatva. Csak ilyen elem a használatával biztosíthatod a változások keresők általi nyomon követését. Nem minden keresőrobot hajtja végre ezt a parancsot. Fontossága: Nem fontos
EXPIRES
<META name="EXPIRES" content="....">
Ezzel az elemmel is azt határozhatod meg, hány nap múlva látogassa meg oldaladat a keresőrobot újra frissítések után kutatva. Csak ilyen elem a használatával biztosíthatod a változások keresők általi nyomon követését. Nem minden keresőrobot hajtja végre ezt a parancsot. Fontossága: Nem fontos
AUTHOR
<META name="AUTHOR" content="....">
Itt lehet a lap szerzőjének a nevét megadni. Fontossága: nem szükséges
DATE
<META name="DATE" content="....">
Itt lehet a dokumentum készítésének idejét megadni. Fontossága: nem szükséges
COPYRIGHT
<META name="COPYRIGHT" content="....">
Itt lehet a dokumentum tartalmának copyright (szerzői jogi) adatait megadni. Fontossága: kevésbé fontos
PUBLISHER
<META name="PUBLISHER" content="....">
Itt adható meg infó a publikáló intézményről. Maximális karakter: 64 Fontossága: nem szükséges
MADE
<META name="MADE" content="....">
Itt adható meg a szerző email címe. Fontossága: nem szükséges
REPLY TO
<META name="REPLY TO" content="....">
Itt adható meg a reply email címed. Fontossága: nem szükséges
GENERATOR
<META name="GENERATOR" content="....">
Itt a készítéskor használt webszerkesztő szoftver neve adható meg. Számos webszerkesztő szoftver ezt a sort automatikusan hozzáfűzi a forráskódhoz. Fontossága: nem szükséges
SUBJECT
<META name="SUBJECT" content="....">
Meghatározhatod weblapod témáját. Egyes keresőknek segít az adatbázisában a megfelelő téma-kategóriába besorolni lapodat. A PAGE-TOPIC-al egyenértékű. Fontossága: kevésbé fontos
PAGE-TOPIC
<META name="PAGE-TOPIC" content="....">
Meghatározhatod weblapod témáját. Egyes keresőknek segít az adatbázisában a megfelelő téma-kategóriába besorolni lapodat. A SUBJECT-el egyenértékű. Fontossága: kevésbé fontos
PAGE-TYPE
<META name="PAGE-TYPE" content="....">
Itt meghatározhatod dokumentumod típusa. Pl: "Privat Home Page" Fontossága: nem szükséges
AUDIENCE
<META name="AUDIENCE" content="....">
Itt adhatod meg, milyen látogatói rétegnek szól a dokumentum. Pl: "ALL, CHILDREN, YOUNGS, SENIOR" Fontossága: kevésbé fontos
RATING
<META name="RATING" content="....">
Itt adhatod meg, milyen látogatói rétegnek szól a dokumentum. Pl: "ALL, CHILDREN, YOUNGS, SENIOR" Az AUDIENCE metatag-al megegyező tartalmú. Fontossága: kevésbé fontos
REFRESH
<meta http-equiv="REFRESH" content="5; URL=http://www.yourdomain.com">
Itt valósítható meg automatikus továbbirányítás egy másik URL-re, pl. az oldal/webhely elköltözése esetén. Meghatározható, az oldal betöltése után hány másodperccel irányítson át a másik oldalra. Pl: " 5 " = 5 másodperc Figyelem: A keresőrobotok nem követik ez a parancsot, vagy az ugyanilyen hatású javascriptes parancsokat. Ilyen átirányítással a következő oldalt kizárod a kereső indexeléséből. Megjegyzés: ha nem kerülhető el a használata, érdemes az oldalon a következő oldalra mutató linket is elhelyezni, mivel a keresőrobotok a linkeket követik, valamint a böngészők sem mindig hajtják végre ezt a parancsot) Fontossága: nem ajánlott
CACHE-CONTROL
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE">
Itt tilthatod le a kliens böngészőnek és a proxy szervernek, hogy az oldal tartalmát átmeneti memóriában tárolja. Az oldalt minden eléréskor a webről fogja lekérni. Hasznos gyakran frissülő oldaltartalmaknál, pl: webkamera. Fontossága: nem szükséges
CONTENT-LANGUAGE
<meta http-equiv="CONTENT-LANGUAGE" content="english">
Ezzel a metatag-al meghatározhatod dokumentumod nyelvét. A keresők könnyebben megtalálják oldaladnak a megfelelő adatbázist, illetve nyelvre szűkített keresésnél nem fogják oldaladat téves találatként kilistázni. Fontossága: kevésbé fontos
SET-COOKIE
<meta http-equiv="SET-COOKIE" content="cookievalue=xxx;expires=friday, 31-dec-99 23:59:59 gmt; path=/;">
Ritkábban használt módja a cookie beállításának metatag-gal. Fontossága: nem ajánlott
EFFECTS
Meta tagokkal létrehozhatók különféle effektek is. Ezek az effektek csak Internet Explorer böngészőkben futnak.
<meta http-equiv= "Page-Enter"content="blendTrans(Duration= 2.0)">
<meta http-equiv="Page-Exit"content="revealTrans(Duration=6.0,Transition=2)">
<meta http-equiv="Site-Enter"content="revealTrans(Duration=6.0,Transition=23)">
<meta http-equiv="Site-Exit"content="revealTrans(Duration=6.0,Transition=2)">
Ezekkel a meta tagokkal beállíthatók az effektek paraméterei is.