< ¿Qué son las Meta Tags? Meta Tags o meta-etiquetas son comandos "especiales", esenciales para mejorar la visibilidad de su sitio web en varios motores de búsqueda.
AÑADIR ETIQUETAS Y META-ETIQUETAS
              
por Lino Bertuzzi

¿Qué son las Meta Tags?

Meta Tags o meta-etiquetas son comandos "especiales", esenciales para mejorar la visibilidad de su sitio web en varios motores de búsqueda.
Se utilizan no sólo para los motores de búsqueda, en algunos casos, de hecho, obtienen efectos especiales reales. Por ahora agregamos sólo las etiquetas principales, otras pueden ir a buscar y atrapar en internet. Hay muchos con explicaciones en http://www.metatags.it/cosasono.php o donde quieras. Damos aquí un ejemplo:

<title>Título que aparece en el navegador al abrir la página </title>
<meta name="description" content="Ejemplo de cómo estructurar una página web típica·"
<meta name="keywords" content="web page, page, base, meta, tag">

KEYWORDS y DESCRIPTION: los motores de búsqueda utilizan estos para indexar el sitio web en Internet.
TITLE contiene el título que aparece en el top del navegador al abrir la página

Vamos a abrir la página anterior con el editor de texto y añadimos las etiquetas, o en lugar copiamos y pegamos todo el texto a continuación. Guardamos la página con otro nombre y extensión .htm, es decir, guarde como page_1.htm que luego vamos a abrir en el navegador. Aparentemente nada ha cambiado en comparación con la página anterior:

<!doctype html>
<html>
<head>
<meta charset="utf-8">

<!---Estos elementos anteriores son comunes a todas las páginas a que se da este estándar . --->

<!--- Cabeza = la cabecera. Aquí - entre <head> y </head> vamos a escribir muchos elementos diferentes. Ahora sólo el título de la página y la metaetiquetas para describir el contenido-->

<title>Título que aparece en el navegador al abrir la página </title>
<meta name="description" content="Tomemos un ejemplo de estructuración de una página web paso a paso, introduciendo los metatags principales">
<meta name="keywords" content="pagina web, pagina, base, meta, tag">
</head>

<!---Debajo, entre el body vamos a escribir el contenido del cuerpo de la página --->

<body>

Esta es la línea de texto de ejemplo que aparece en el cuerpo de la página. Nada ha cambiado aparentemente de la página anterior

</body>
</html>