HTML

Mi a HTML?

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

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.