Inicio de sesión

RSS

Distribuir contenido

En línea

En este momento hay 1 usuario y 1 invitado en línea.

Sacándole el jugo a los Meta-Tags

Los Meta-Tags, son etiquetas (tags) que se sitúan en medio de las etiquetas <head> y </head>, en cualquier archivo HTML, el uso que se le puede dar es el de especificarle al browser distintas cosas o a los robots (bots) de buscadores, como por ejemplo, si una pagina puede ser guardada en el cache de nuestra maquina, o para decirle que nuestra pagina se actualice automáticamente cada X minutos, especificar el autor de una página, etc.

Otra utilidad que se le da a las meta-tags, es el de mostrarles o decirles a los robots de internet, que tienen que hacer al encontrar nuestra página.

Un robot es una especie de script o programa, que va surcando la red, siguiendo links y guardándolos en una base de datos, para que luego sean utilizados en buscadores o mas específicamente motores de búsqueda, un ejemplo muy importante de un motor de búsqueda es Altavista.com. Por eso nosotros tenemos que estar preparados para cuando el robot llegue sepa que hacer y para donde ir dentro de nuestro site.

Para comenzar a introducirnos en el mundo de los meta-tags, tienen que saber que siempre tendrán la siguiente estructura:

<meta name="accion_o_propiedad" content="contenido">

En realidad la estructura puede variar por ejemplo en la parte donde dice name puede decir HTTP-EQUIV o algo similar, pero siempre va a tener los mismos principios.

Dándole una descripción al robot

Esto nos sirve para especificarle al robot que tiene que poner en la descripción del site cuando el mismo aparezca en la lista de todos lo sitios, para esto debemos poner el siguiente código:

<meta name="description" content="descripcion de tu sitio">

Las palabras clave

Estas son las palabras, por las cuales los usuarios del buscador nos encontraran, vamos a ver el ejemplo para ser mas claros:

<meta name="keywords" content="palabra, clave">

En este caso debemos especificar las distintas palabras claves separadas por una coma. Vamos a dar un ejemplo menos técnico, supongamos que yo tengo un site que trata sobre autos, en las palabras claves debemos poner cualquier tipo de palabra relacionada con el tema, podríamos poner:

<meta name="keywords" content="autos, coches, carros, carreras, cars, ferrari, ford">

También es importante que no agreguen palabras que no tienen relación con su sitio, ya que muchas personas utilizan esto para figurar en una mayor parte de búsquedas, pero los últimos robots ya tienen la habilidad para darse cuenta si las palabras claves son reales o no.

Robot, sí­gueme!

Esta es uno de los comandos mas importantes para el robot, ya que aquí mismo le diremos que hacer con nuestra página, podemos especificarle que añada nuestro sitio al buscador, o no, también si queremos que siga los links que se encuentran en nuestra página.

<meta name="robot" content="index,follow">

Podemos hacer todas las combinaciones posibles entra Index (añadir nuestro site al buscador) y follow (seguir links), siempre separados por una coma.

index,follow (añade,sigue)
noindex,follow (no añade,sigue)
index,nofollow (añade,no sigue)
noindex,nofollow (no añade,no sigue)

Actualización automática

Esto es muy simple cada X segundos la pagina se actualiza automáticamente, a demás si ponemos después de los segundos un punto y coma (;) y URL=pagina.htm, se redirecciona a otra pagina.

<meta name="refresh" content="segundos;URL=pagina.htm">

No al cache

Solamente ponemos esto tal cual está acá, si queremos que la página no se guarde en la memoria cache.

<meta http-equiv="Pragma" content="no-cache">
Autor

Enviar un comentario nuevo

El contenido de este campo se mantiene como privado y no se muestra públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <i> <b> <h2> <h3> <tt> <blockcode>
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]". PHP source code can also be enclosed in <?php ... ?> or <% ... %>.
  • Saltos automáticos de líneas y de párrafos.
  • Every instance heading tags will be modified to include an id attribute for anchor linking.
  • Se pueden agregar imágenes a este envío.
  • Every instance of "<!--tableofcontents-->" in the input text will be replaced with a collapsible mediawiki-style table of contents. Accepts options for title, list style, minimum heading level, and maximum heading level as follows: <!--tableofcontents list: ol; title: Table of Contents; minlevel: 1; maxlevel: 3;-->. All arguments are optional and defaults are shown.

Más información sobre opciones de formato


Publicidad