Tutorial HTML5: 14 los metadatos

Entrada más reciente Entrada antigua

Hola que tal en esta ocasión vamos a ver los metadatos que son y para que nos sirven

Primero veamos un ejemplo de metadatos

 <meta name="description" content="Cursos, tutoriales de calidad solo aqui" />
 <meta name="keywords" content="HTML5, CSS3, Javascript, Diseño, Web, Programacion" />
 <meta name="robots" content="index, follow" />
 <meta name="copyright" content="dequepuedopuedo" />
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 <meta name="author" content="Omar Ramirez" />

Los metadatos ayudan a tratar datos que vamos a enviar al usuario

Ayudan a los buscadores en forma de indexación de nuestro documento y que obtenga de qué se trata el mencionado

El idioma, de que se trata el documento, palabras claves, etc.

Veamos la estructura de cada uno

Meta tag de descripción del sitio:

 <meta name="description" content="Cursos, tutoriales de calidad solo aqui" />

Meta tag de palabras clave que describe nuestro documento html5

 <meta name="keywords" content="HTML5, CSS3, Javascript, Diseño, Web, Programacion" />

Meta tag de robots

En este caso esta etiqueta sirve para definir qué tipo de forma los robots de los buscadores van a indexar

nuestros sitios para que aparezcan en sus búsquedas

 <meta name="robots" content="index, follow" />

Meta tag de copyright

Indica que la página tiene derecho del contenido

 <meta name="copyright" content="dequepuedopuedo" />

Meta tag de codificación

En nuestra lengua tenemos caracteres que no están en la lengua inglesa y la cual se necesita codificar para que se bien vista en cualquier parte del mundo

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

Meta tag de autor

Esta etiqueta sirve para indicar el autor del contenido que se encuentra en este documento HTML

 <meta name="author" content="Omar Ramirez" />

Puedes ver que la mayoría tiene atributos similares asi que veamos lo que sigue para cada uno

Name: define el tipo de metadato que vamos que vamos a utilizar las que vimos mas arriba son las mas
comunes

Content: define el contenido de la etiqueta

http-equiv: define el tipo de metadato que se va a enviar y como te habrás dado cuenta remplaza en algunas ocasiones el atributo name

Así que esta parte creo que igual que la otra fue muy corta pero son temas bastante sencillos de la cual ya no es necesario dar tantas vueltas

Así que te veo en la próxima

Saludos