Revista Informática

Curso de HTML, Tema 11, los metadatos

Publicado el 09 enero 2014 por Liher
Hasta ahora no habíamos puesto nada en ninguna de las paginas web que habíamos hecho dentro de la cabecera de la pagina, en el apartado “<head>”. La parte de la pagina delimitada por “<head>” y “</head>” es la cabecera de la pagina y en ella pueden ir unas cuantas cosas. Una de ellas es el titulo de la pagina, el texto que se ve en la pestaña del navegador. Otra de las cosas que pueden ir son los metadatos, que son información útil para los buscadores como Google o Yahoo, en los cuales les damos información para informar sobre el contenido de la pagina y sirven para el posicionamiento web. En la siguiente pagina web que vamos a hacer voy a poner titulo a la pagina web y vamos a poner algunos metadatos. Voy a hacer uso de los comentarios justo antes de cada linea explicando lo que significa. Hay muchas etiquetas o metadatos que se pueden poner, pero solo os voy a poner algunas de las mas usadas. <html> <head> <!-- en la siguiente linea indico cual es el titulo de la pagina web --> <title>Titulo de pa pagina</title> <!-- en la siguiente linea vamos a poner metadatos, en este caso el autor de la pagina web --> <meta name="author" content="Liher Sanchez"> <!-- en este caso damos una pequeña descripcion de la pagina --> <meta name="description" content="Pagina de ejemplo para probar los metadatos"> <!-- en el siguiente ponemos las palabras clave por las cuales se resume el contenido de la pagina, máximo recomendable 6--> <meta name="keywords" content="pagina, web"> </head> <body> <h1>Pagina de ejemplo para mostrar los metadatos</h1> </body> </html> 123456789101112131415161718192021 <html> <head><!-- en la siguiente linea indico cual es el titulo de la pagina web --><title>Titulo de pa pagina</title> <!-- en la siguiente linea vamos a poner metadatos, en este caso el autor de la pagina web --><meta name="author" content="Liher Sanchez"> <!-- en este caso damos una pequeña descripcion de la pagina --><meta name="description" content="Pagina de ejemplo para probar los metadatos"> <!-- en el siguiente ponemos las palabras clave por las cuales se resume el contenido de la pagina, máximo recomendable 6--><meta name="keywords" content="pagina, web"></head> <body><h1>Pagina de ejemplo para mostrar los metadatos</h1></body> </html>       Este es un ejemplo de los metadatos que se pueden poner en una pagina, aunque hay mas estos son suficientes para conocer como ponerlos . Si os fijáis todos los metadatos se ponen de la siguiente forma: <meta name=”nombre del metadato” content=”contenido del metadato”> Donde ponemos las “keywords” en el ejemplo de la pagina anterior he puesto que el máximo recomendado es 6, si pasamos de este numero podrían calificar la pagina de Spam y ser penalizada en las búsquedas de los navegadores. Las palabras clave o keywords tienen que ir separadas por comas y pueden ser sencillas, una palabra, o compuestas, una keyword podría ser “linux ubuntu”, las dos harían la función de una palabra clave y tienen que ir separadas por un espacio. Otra de las cosas que podemos poner en la cabecera de la pagina web es el enlace a otros archivos, pero eso lo veremos cuando haga el curso de CSS y de jQuery. Si te ha gustado el contenido o te ha servido para algo compártelo en las redes sociales y así puede que le sirva también a otra persona, muchas gracias.  

Volver a la Portada de Logo Paperblog