Les etiquetes META
Es tracta d'unes etiquetes fonamentals que es poden i s'han d'incloure en totes les pàgines Web, ja que proporcionen informació complementaria sobre un document, fonamentalment i per exemple la informació que farà servir un cercador a l'hora de indexar-nos dins de la seva base de dades.
Bàsicament existeixen dos tipus diferents d'etiquetes META:
<META NAME="nom" CONTENT="contingut">
Veurem ara com treballen cada una:
META HTTP-EQUIV
Poden fer-la servir, bé per donar informació als robots dels buscadors d'Internet, bé per enviar una sèrie de capçaleres HTTP al navegador del usuari amb informació de divers tipus per tractar millor el document.
Les més utilitzades són:
Refresh: Aquesta etiqueta especifica un temps abans de que el navegador ens recarregui automàticament la pàgina. Ja sigui l'actual o una altra. I mai consultant el “ caché ” (memòria física de dins l'ordenador que guarda la pàgina de manera que no la calgui tornar a carregar).
Aquesta etiqueta s'usa principalment quan es canvia de servidor (ordinador on allotjem la nostra Web) i no volem eliminar l'antiga direcció. Llavors es posa aquesta etiqueta i només entrar a l'URL (direcció) habitual que tenia la nostra Web ens redirigeix a la nova.
Codi:
On n és el numero de segons que es vol que tardi la Web en refrescar-se, i la URL = a la direcció Web que es vol anar al cap de n segons. En cas de no posar URL, s'agafa per defecte la pàgina actual.
Exemple:
Content-Style-Type: Especifica el llenguatge utilitzat per defecte en les Fulles d'estils de la pàgina. Normalment el llenguatge utilitzat és CSS (Cascading Style Sheet), que serà el valor per defecte i la seva sintaxis serà:
També és possible establir com a llenguatge d'estils JavaScript, però aquest es suportat correctament només per Netsacape Navigator, el seu creador. Exemple:
Content-Language: Serveix per declarar el llenguatge natural del document, es a dir, el idioma en que està escrit el text del contingut. Els motors de busca poden utilitzar aquesta dada per indexar la pàgina a la seva base de dades corresponent al idioma indicat.
El codi general és:
On idioma i variant venen representades per les seves abreviaturas estatandars.
Axí pel castellà seria:
En trobaràs més aquí (recomanat): http://html.conclase.net/articulos/metadatos
Etiquetes META NAME :
Aquestes són les que complementen la informació pels robots de cerca o el contingut del document.
Les principals són:
Description: Aquesta és una de les etiquetes META més importants per la promoció de les nostres pàgines, juntament amb les dos que estudiarem a continuació, ja que en aquestes es basen els motors de cerca per indexar-nos en la seva base de dades. Específicament, aquesta etiqueta proporciona una breu descripció del contingut de la pàgina, i es especialment útil en el cas que aquesta contingui poc text o de que sigui una pàgina de definició amb frames (marcs).
Sintaxis
com per exemple:
Convé que sigui descriptiva, sobre tot en la seva primera part, i que inclogui en el seu contingut varies paraules clau que haguem d'introduir en la següent etiqueta Keywords, ja que els buscadors només mostren en la seva llista de resultats una petita part del seu contingut, ja que convé aproximadament en les 13 primeres paraules realitzar una atractiva descripció de la nostra pàgina. S'ha d'utilitzar sempre aquesta etiqueta, i en totes les pàgines que formen el nostra lloc web, personalitzant el contingut per cada una d'elles, encara que hi hagi alguns buscadors (Google per exemple) que no els hi tinguin consideració.
Keywords: És una altra etiqueta fonamental per què els motors de cerca ens indexin adequadament. En aquesta es desfineixen les paraules i/o frases clau que defineixen el contingut de la nostra pàgina, les que oferim a aquests motors per que les introdueixin a la seva base de dades. Amb això, quan un usuari fa una consulta a un cercador i introdueix una de les paraules que tenim nosaltres en la nostra etiqueta keywords la nostra pàgina haurà d'apareixen en la llista de resultats.
La sintaxis general de esta etiqueta es:
Normalment s'han de separar amb comes, encara que hi ha buscadors que al donar de alta una pàgina als seus formularis corresponents ens demanen que introduïm les paraules clau separades per espais o per qualsevol dels dos caràcters. El mode estandard és amb comes.
Exemple:
S'ha d'utilitzar sempre i en totes les pàgines que formen el nostre lloc web. Personalitzant el contingut per cada un d'elles.
Abstract: Defineix una segona descripció per la Web. En aquesta descripció tindrem més llibertat d'acció, poden definir el nostre lloc Web amb un llenguatge més obert, encara que també em de cuidar el seu contingut ja que alguns motors de busca utilitzen aquesta descripció per mostrar-la a la llista de resultats. Un exemple en seria:
Author: Especifica el nom del autor de la pàgina. Si s'ha d'especificar varis autors s'han de separar entre comes. En aquest cas els motors de busca inclouran. Exemple:
Generator: Declara el nom i la versió del programa utilitzat per construir la pàgina Web. Això s'usa sempre i quan s'utilitzi un programa visual per crear la pàgina (Dreamweaver o FrontPage) tot i això ells sols acostumen a posar l'etiqueta per ells mateixos, amb això pretén realitzar una avaluació estadística del us del programa en el mercat, amb fins comercials i també de publicitat. Per això no es necessari ni aconsellable el seu us. Exemple:
Copyright: Consta d'informació del copyright, generalment sobre el codi HTML, sobre les imatges del lloc Web, etc. Exemple:
Language: Consta de la senzilla informació del llenguatge utilitzat en el lloc Web. Anglès: “EN”; Castellà: “ES”; Català: “CAT”.
Exemple: