NXnet




¿Como crear los meta tags para mi sitio web?

January 9, 2015     0 comments


Las etiquetas META TAG's son instrucciones HTML y son utilizadas para la indexación de nuestros sitios Webs en los buscadores y robots de búsqueda (boots) en internet. No influyen en el diseño de una web, pero su uso se hace imprescindible, si queremos que nuestro sitio sea visitado con la ayuda de buscadores. Estas nos revelan información tales como, su ubicación, título, lugar de origen, idioma.... Por tanto, debemos tener claro que las Meta Tags, son palabras clave que no varía el diseño de nuestra web, pero que son importantísimas en la estructura de nuestra web. La misión de estas, es dar información sobre la descripción y las palabras clave de un sitio Web, éstos datos serán requeridos por la mayoría de los motores de búsqueda. Por ello es importante que estén bien estructuradas y contengan información de interés, para atraer más visitantes a nuestro sitio y mejorar la posición de nuestro sitio web en los motores de Búsqueda.


Las etiquetas META TAGs se deben colocar en la cabecera (<HEAD> y </HEAD>) de la pagina web índice de nuestro sitio web (index o default). Si nuestro sitio hace uso de FRAMES, éstas meta tags, deben ir en la página donde se configuran éstos. Para otros exploradores que no soportan FRAMES, existe la instrucción <Noframes> cuyo formato es:

<noframes><body><p>Esta página usa marcos, pero su explorador no los admite.</p></body>

 Esta instrucción no permite ver la página a los navegantes con exploradores que no cumplan esta característica, sin embargo podemos suprimir la línea de mensaje y sustituirla por una descripción de nuestra página así como links a las diferentes páginas a las que debería hacer referencia los marcos. Con esto conseguiremos, que usuarios que accedan a nuestra página sin la compatibilidad de marcos (frames) en su explorador puedan navegar por nuestra web sin problemas, por otro lado, la descripción también puede ser indexada por algunos robots de búsqueda.

Puedes generar de forma automática y on-line las meta tags de tu web de una forma sencilla, accediendo a las direcciones:

Ahora veremos los distintos tipos de Meta Tags existentes: Meta Name "Title"

El principal Tag para un buscador es el "Title" que proporciona el título de nuestro sitio Web. Mediante ésta simple instrucción, indicamos a los buscadores el nombre de nuestro sitio, es decir, en lugar de llamarlo, por ejemplo, http://www.servidor.com/paginaweb/socio32  podemos llamarla "Iniciativas Web", donde el título será más indicativo del contenido de nuestro sitio, haciendo incluso de palabras clave para búsquedas en los robots.

La sintaxis de la instrucción es: <meta name="title" content="título del sitio">

 Una vez dado el nombre a nuestra web, realizaremos la descripción del sitio mediante las Tags: Meta Name "Keywords" 

En esta Tag pondremos las palabras por las cuales, queremos que nuestro sitio sea encontrado por los robots de búsqueda, separada por comas. No será conveniente utilizar palabras repetidas en este apartado, ya que muchos robots de indexación de páginas las rechazan. Tampoco es conveniente hacer una lista de términos demasiado larga, normalmente con 20 o 30 palabras es más que suficiente.

La sintaxis de esta instrucción será: <Meta Name="Keywords" Content="palabra1, palabra2, palabra3...., palabra N">;

Meta name "Description"

En esta Tag deberemos poner la descripción de nuestra página, y será por la cual será indexado nuestro sitio por los robots de los buscadores, confeccionaremos, por tanto,  una frase de extensión no muy larga y que describa a la perfección nuestro sitio. Los robots, suelen coger una cadena de 256 caracteres (en algunos casos más) aunque no es conveniente sobrepasarlos.

Si no incluimos esta etiqueta, los buscadores pueden presentar nuestra página simplemente por el título del sitio, o tomando esa cadena de 256 caracteres como los que aparecen en nuestra página índice, mostrándose al usuario, lo que en ciertos casos no es nada recomendable (podemos encontrar multitud de estos casos en el buscador Yahoo).. Al igual que en la etiqueta Keywords, no es conveniente repetir palabras, ya que muchos robots, penalizan el spam. Por otro lado, si que es conveniente, que en esta cadena de descripción de nuestro sitio, aparezcan palabras que anteriormente colocamos en la etiqueta Keywords.

La sintaxis de la instrucción es: <META NAME="description" CONTENT="descripción de nuestra página">

Algunos buscadores indexan otros contenidos indicados por otras instrucciones, que si bien no tienen que ver con dicho fin, éstos si que lo indexan. Es el caso de las líneas de comentario <!--comentario--> que son pasadas por alto, por un explorador pero no por muchos robots (de esta forma se configurará para buscadores que no utilicen robots para indexar). También sucede lo mismo con la instrucción <IMG Alt="tituloimagen "> que son tomadas por los exploradores antiguos o especiales para invidentes que no permiten uso de imágenes, reemplazarlas por un texto, siendo este contenido también indexado por buscadores.

Meta Name "DC language"

Determina la lengua en la que está el sitio web. En el caso del castellano (o español como queráis), la sintaxis será: <meta name="DC.Language" SCHEME="RFC1766" CONTENT="Spanish"> y <meta http-equiv="Content-Language" content="es">

Otro punto a tener en cuenta es la caché del explorador, que en condiciones normales de buen uso, facilitan el acceso a sitios web, que anteriormente han sido ya visitados, realizando una carga mucho más rápida del sitio.

Aunque con respecto a la caché del explorador, también deberemos tener mucho cuidado, ya que usuarios que normalmente visitan nuestra página pueden encontrarse con copias de nuestra web no actualizadas, ya sabemos la importancia que tienen las actualizaciones para que un visitante, acceda de nuevo a nuestra web en un periodo determinado, y realizar actualizaciones, para que, por culpa de la caché del explorador, el navegante, no las aprecie, es un punto en contra. Para hacer frente a este problema, lo primero que tenemos que tener en cuenta es cada cuanto tiempo realizamos o realizaremos una actualización de nuestro sitio y como norma, nunca poner más de un mes como tiempo de expiración de nuestra web.

No hace uso del caché del explorador.

Para los exploradores NetScape, hay una instrucción que anula el caché (no así para el navegador Explorer de Microsoft), esta es la instrucción Pragma, cuya sintaxis es: <META HTTP-EQUIV="Pragma" CONTENT="no-cache/cache">, donde podremos elegir entre activar o desactivar dicha caché.

Para exploradores Explorer podemos utilizar <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">

Meta Name "Revisit"

Para limitar la duración de la caché en los exploradores utilizaremos la tag Revisit, la cual, configurará la recarga de la página a un periodo de tiempo deseado. La sintaxis de esta instrucción es : <meta name="Revisit" content="X days">

Otras Meta Tags:

Otra mucho menos utilizada es la Expires , la cual limita el uso de la página a una fecha y hora determinada, nos será útil siempre que el contenido de la página tenga carácter perecedero. La sintaxis es <Meta HTTP-EQUIV="expires" CONTENT="Mon, dd Jan aaaa hh:mm:ss GMT"> (donde el mes y día de la semana serán las 3 primeras letras de su equivalente en inglés).

Dentro de las etiquetas meta, también podemos hacer que el explorador una vez cargada la página, nos mande automática mente a otra, en un número determinado de segundos. Esto se consigue con la etiqueta Refresh, la sintaxis de esta etiqueta es: <Meta HTTP-EQUIV="Refresh" CONTENT="0;URL=http://www.nuevaurl.com/pagina.htm">, donde 0 será el tiempo expresado en seg. Y lo mismo si utilizamos cookies <Meta HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=xxx;expires=Wednesday, dd-Jan-00 hh:mm:ss GMT; path=/">

También será interesante incluir dentro de nuestras Meta Tags, una referencia a nuestro e-mail de contacto, para realizar esto pondremos: <link rev=made href="mailto:micorreo@miservidor.com">.

Si deseamos colocar nuestra identificación de autor de la web dentro de las Meta Tags podemos utilizar la instrucción: <meta name="author" content="mi nombre">

Algunos programas de diseño web WYSIWYG, pueden colocarnos además la etiqueta de generación de código, por ejemplo FrontPage genera de forma automática: <meta name="GENERATOR" content="Microsoft FrontPage">

Otra que debemos siempre configurar de la misma forma será <meta name="distribution" content="global"> (siempre global, ya que será de uso extensivo en toda la red de Internet).

Las designadas con resource type y content type también serán en la mayoría de casos, configuradas de la misma forma que en los ejemplos de abajo.

Podemos forzar al explorador a utilizar un destino de ventana que deseemos con la intrucción <Meta HTTP-EQUIV="Window-target" CONTENT="_target"> (donde _target se sustituirá por _top, _self, _blank...)

¿Qué tan útil fue este artículo para Ud?

Powered by