HTML - Etiqueta meta

  »   HTML  »   Tutorial HTML - Etiqueta meta

La etiqueta meta es usada en general, para proporcionar información adicional al motor de búsqueda. Esta información no sera visible a menos que el veas el código fuente de la pagina HTML. Puedes hacer esto pulsando CTRL+U en Chrome, FireFox, y Opera o Ctrl+Alt+U en Safari o Shift+F12 en Internet Explorer.

HTML Meta - Palabras clave

En la etiqueta meta puedes agregar las palabras clave que definen el contenido de la pagina. Aquí se pondrán las palabras más importantes que se centrarán en tu página web. Es recomendable que no abuses de estas etiquetas, usar palabras clave que no tienen ningún sentido para el contenido de la página web, no tendrá ningún beneficio ni para los motores de búsqueda ni los usuarios. Hay algunos entendidos en SEO que dicen que la etiqueta meta keywords ya no se tiene en cuenta por Google. Lo que si es cierto es que no tiene la misma importancia que lo tenia al principio del Internet.

Aquí un ejemplo moderado sobre el uso de la etiqueta meta

html<head>

<meta name="keywords" content="Tutorials, HTML, web, resources, webmaster" />

</head>

Este ejemplo está basado en el perfil de esta página.

Como puedes ver, el nombre especifica que clase de etiqueta será utilizada. Ademas, la coma que se usa para separar las palabras una de la otra debe ser especificada, es algo trivial pero que muchos olvidan cuando tienen que hacerlo.

HTML Meta - Descripción

Esta etiqueta te ayuda a describir tu página web. Un máximo de dos frases podrán ser usadas para completar el contenido de esta etiqueta.

html<head>

<meta name="description" content="A web site resource for those willing to learn HTML and for webmasters." />

</head>

Como puedes ver, el nombre especifica que clase de etiqueta será utilizada. Google recomienda usar al rededor de 200-250 caractere para este tipo de descripcion. Si se usan mas, no se tendran en cuenta a la hora de indexar la descripcion de la web.

HTML Meta - Revisado

Es usada para especificar la última fecha de edicion de la página web.

html<head>

<meta name="revised" content="1/08/20015" />

</head>

HTML meta - Actualizar y redireccionar

Para actualizar la pagina mientras el usuario la esta viendo, se debe usar http-equiv="refresh". El propósito de esta etiqueta es recargar la página y mostrar nueva información si es el caso. Una aplicación muy útil para un foro, por ejemplo.

html<head>

<meta http-equiv="refresh" content="120; url=http://www.tutorialehtml.com" />

</head>

La redirección se hace fácilmente cambiando la dirección de la página web con la que desees redirigirla. Esta aplicación viene muy bien cuando la pagina web cambia de URL y queremos redirigir a los usuarios a la nueva dirección.

html<head>

<meta http-equiv="refresh" content="1; url=http://www.tutorialehtml.com" />

</head>