ProyectoWeb - Sobre Diseño de Interacción, Usabilidad y AI
Suscribirse Suscribirse al Boletín



 
Año 1 - Boletín Nro 24b - viernes 18 de octubre de 2002
Consideraciones sobre Meta Tag

Por Victor Fernández. Director de Cubaweb.cu


Ayudando a comprender mejor el lenguaje html que conforma un documento web, le hablaré en este material de los muchas veces olvidados Meta-Tags.

Una definición que he encontrado sobre estos componentes es la de Meta-Información o Información sobre Información, o sea, estos componentes son los que introducen o representan el contenido de la página que se encontrará dentro de los límites del <BODY> o Cuerpo de la misma y están dirigidos fundamentalmente a los equipos automáticos de búsqueda, para ubicar a los sitios dentro de un orden determinado. Por esta razón, tienen una sintaxis predeterminada y la ausencia de ellos tiene también una significación por defecto.

Obviamente, para cumplir estas funciones existen diferentes tipos de META-TAGS y trataré de explicarles algunos.

Todo aquel que haya producido una página utilizando FRONT PAGE, sabe que al salvarla, su código fuente contiene algo similar a esto:

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">

El primero explica el tipo de contenido que se presentará, de acuerdo con una norma ISO específica, y el segundo es la publicidad que se paga por utilizar una herramienta de Microsoft. Mi recomendación es, sencilla y llanamente, borrarlos.

También se les puede decir a los visitantes (personas o máquinas) cuándo expira el valor de la referida página, como en el caso de un sitio creado para un evento. Se podría hacer la siguiente descripción:

<META HTTP-EQUIV="expires" CONTENT="Wed, 27 july 2001 24:00:00 GMT">

Esto es válido para un sitio de cumple su cometido hasta el 27 de julio del 2001, a las 12 de la noche.

Algunos diseñadores o dueños de sitios desean que cada vez que alguien los visite, el contenido del web sea "recargado" desde el servidor correspondiente y no desde un caché de cualquier tipo. Una solución podrá ser:

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

¿Dónde ubicamos los META-TAG?. La respuesta es elemental. Como muchos pueden haber visto, en el código fuente de las páginas html existe una tag llamada <HEAD>, que define el "encabezamiento" de estas y que termina con </HEAD> —es decir, la misma nomenclatura inicial pero con un slash (/) delante—, procedimiento que siguen la mayoría de las etiquetas en este lenguaje de programación. En el referido espacio inicial se ubicarán los Meta-Tags y generalmente después del <TITLE>(título) </TITLE>.

Una Meta-Tag también muy usada es la que permite redireccionar a los a los navegantes hacia otra página. Esto se hace por varias razones: bien porque se ha cambiado la dirección antigua del sitio y no se quieren perder visitantes; bien porque se están utilizando "doorway" (Ver ProyectoWeb Nro 14 – 30 de mayo), y en algunos casos para hacer deambular más a los visitantes y, de hecho, engañar a las Máquinas de Búsqueda. Veamos:

<META HTTP-EQUIV="Refresh" CONTENT="0;URL=http:www.nuevaurl.com">

Esto significa algo así como: "Refresque la actual página y diríjase en 0 (cero) segundos a la dirección www.nuevaurl.com".

Aunque a las "cookies" nos referiremos ampliamente en próximos números, los Meta-Tags pueden también enviarlas o al menos ofrecerle al navegador (browser) alguna información necesaria para cargar la página:

<META HTTP-EQUIV="Set-Cookie"

CONTENT="cookievalue=xxx;expires=Wednesday, 01-Ago-01 17:00:00 GMT">

La explicación aquí consiste en dar a conocer que el contenido de la página finaliza o cambia en la fecha señalada.

Es conocido que algunos sitios utilizan FRAMES y las páginas que enlazan siempre aparecen situadas dentro de un marco referente al dueño del que envía el enlace. A veces esto es desleal o al menos engorroso, pues parece que su información es brindada por otro lugar. Incluso se presenta mal: usted calculó el efecto del diseño de su sitio para pantalla completa y al ubicarla dentro de un FRAME, pierde las condiciones previstas.

<META HTTP-EQUIV="Window-target" CONTENT="_top">

Con la Meta-tag anterior se garantiza que cualquier llamado a su página siempre se ubique en la parte superior de la pantalla. Una variante sería "_blank" y ello conducirá a abrir una nueva ventana.

META-KEYWORDS Y META-DESCRIPTION

Ambos tienen un objetivo similar: describirles a las Máquinas de Búsqueda cuál es el contenido de las páginas que van a procesar y de hecho, ayudar a indexarlas de acuerdo con el criterio algorítmico que ellas tengan.

META NAME = "keywords" CONTENT = "vida, universo, realizaciones humanas, plantas, sentido de la vida, ciencia"

Sin mucho esfuerzo, se puede apreciar que esta enumeración de keywords describe algún sitio relacionado con algún tipo de estudio sobre la humanidad. Como ven, no se repiten las palabras y también se evitan las preposiciones, conjunciones u otro tipo de partículas sin sentido propio, las cuales no representan nada para las máquinas de búsqueda.

META NAME = "description" CONTENT = "Este sitio trata sobre el sentido de la vida, el universo y las relaciones humanas"

En este otro caso se apela más a algo parecido a un lenguaje coloquial, con el que se explica lo más claramente posible al visitante el contenido del sitio.

OTRAS CONSIDERACIONES

–No debe repetir las palabras, con el objetivo de lograr mejor ranking. Algunas máquinas de búsqueda rechazan estas técnicas considerándolas formas de spamming. Por ejemplo: frutas tropicales, playas tropicales, entornos tropicales, paseos tropicales...

–Nunca utilice en la descripción frases como esta: "El mejor sitio (el más importante, nada como este, etc.) que describe el trópico".

–Ciertas máquinas de búsqueda limitan a unos 250 caracteres la longitud máxima para cada uno de estos meta-tags.

–Varios autores señalan que la primera palabra en ambos casos debe ser la que mejor describa al sitio. De igual forma, plantean que esa primera palabra debe ser de las primeras en el orden alfabético, pues eso puede ayudar en la mejor ubicación dentro del ranking.

ProyectoWeb - Consideraciones sobre Meta Tag

:: Portada
:: Agenda
:: Boletines por fecha

:: Lista de Correo (PWlist)
:: Tumblelog nueva ventana
:: ¿Quiénes Somos?

:: Contactar


2da Mesa Redonda Internacional - Una Web para Todos. La Habana
2da Mesa redonda Internacional de ProyectoWeb "Una Web para Todos". La Habana. abril 2008


Eventos
:: 1er Enc. Iberoamericano de
Diseño de Comunicación

- mayo de 2006 nueva ventana

:: 1ra Mesa Redonda Internacional "Una Web para Todos" - abril de 2006 nueva ventana

Día Mundial de la Usabilidad:
Evento Teórico "Por un Diseño Web Accesible y Universal"
:: 2005 - Relatoría nueva ventana
:: 2006
nueva ventana


Nos visitaron
:: Juan Leal - 2005
::
Nacho Puell - 2005
:: Jesús Carrera - 2006 nueva ventana
::
Jorge Barahona - 2006 nueva ventana



Web Afines
:: Happyuser nueva ventana
:: Lista de Cadius nueva ventana
:: NoSoloUsabilidad nueva ventana
:: Alzado nueva ventana
:: Pablo Impallari nueva ventana
:: UsoLab nueva ventana
:: Jarango.com nueva ventana
:: Véaseademás nueva ventana
:: Inusual nueva ventana
:: seisdeagosto.com nueva ventana
:: Usalo nueva ventana
:: Denken Über nueva ventana
:: Terremoto.net nueva ventana
:: dnxgroup nueva ventana
:: Biguel nueva ventana
:: SIDAR
nueva ventana
:: Usespanol nueva ventana
:: Nethodical nueva ventana
:: Macadamia nueva ventana
:: abcweb nueva ventana
:: Usable nueva ventana
:: Cadius Zaragoza nueva ventana



De Cuba
:: PROGRAFICA cubana nueva ventana
Organización interesada en trabajar en la promoción del Diseño Gráfico.



Sindicación RSS Feed
:: ProyectoWeb
:: Tumblelog


Recomendamos
:: Mozilla Firefox nueva ventana
:: Del.icio.us nueva ventana - Bookmarks
:: FutureMail nueva ventana - Notificador
:: Ovillo nueva ventana - Lista de Correo sobre estándares web en castellano

Redes Sociales
:: Estamos en Facebook
:: Comunidad en Ning
............................................

Portada | Agenda | Boletín por fecha | Suscribirse al Boletín nueva ventana
Lista de Correo | Tumblelog nueva ventana | ¿Quiénes Somos? | Contactar


RSS Feed:
ProyectoWeb | Tumblelog

ProyectoWeb - Sobre Diseño de Interacción, Usabilidad y AI - La Habana. Cuba
Creado en octubre de 2001
Correo Electrónico: info@proyectoweb.org
http://www.proyectoweb.org - http://www.proyectoweb.cubaweb.cu

ProyectoWeb, Sobre Diseño de Interacción, Usabilidad y AI