Actividad 2.1 Las etiquetas meta

Una de las múltiples piezas para mejorar el posicionamiento SEO y la información que damos a los rastreadores web sobre nuestro sitio web son las etiquetas <meta> de HTML. Es muy recomendable utilizarlas pues siempre facilitaremos el trabajo de rastreo e indexación de las arañas web.

Hay varios tipos de etiqueta <meta> que pueden ser incluidas para declarar información general sobre el documento, pero esta información no es mostrada en la ventana del navegador, es solo importante para motores de búsqueda y dispositivos que necesitan hacer una vista previa del documento u obtener un sumario de la información que contiene. 

En el código, el atributo name dentro de la etiqueta <meta> especifica su tipo y content declara su valor, pero ninguno de estos valores es mostrado en pantalla. En general siempre tienen la misma forma:

<meta name=” ” content=” ” />

Cabe mencionar que en HTML5 no es necesario cerrar etiquetas simples con una barra al final, pero se recomienda utilizarlas por razones de compatibilidad.

Vamos a ver algunas de las etiquetas <meta> y cómo implementarlas en nuestros sitios web.

• La etiqueta <meta> application-name: descripción de una aplicación Web.

Está exclusivamente pensada para describir el nombre de una aplicación Web. Su valor es cualquier cadena de texto que sirva para dar un nombre a la aplicación y solo puede aparecer una vez. No se debe incluir si no estamos dentro de una aplicación Web.

<meta name="application-name" content="Servicio web de base de datos" />

• La etiqueta <meta> author: ¿quién es el autor?

Esta metaetiqueta sirve para describir al autor de la página web. Su valor es cualquier cadena de texto. Solo puede haber una metaetiqueta de este tipo.

<meta name="author" content="Wilberth Novelo" />

• La etiqueta <meta> description: ¿de qué trata esta página web?

Con esta metaetiqueta describimos la página web: qué contiene, cuál es su tema principal, etc. Atención: su uso es importante porque es el texto que suele aparecer en los resultados de búsqueda, luego conviene cuidar su contenido. Solo puede haber una metaetiqueta de este tipo.

<meta name="description" content="Un blog sobre programación web"/>

• La etiqueta <meta> generator: ¿con qué herramienta se ha hecho la página web?

Esta metaetiqueta sirve para identificar el software con el cual se ha elaborado una página web. Sólo se puede utilizar una web y no debe añadirse si el sitio web ha sido elaborado manualmente, sin utilizar un software o un gestor de contenidos.

<meta name="generator" content="Joomla 3.0" />

• La etiqueta <meta> keywords: ¿qué palabras son clave en la página web?

Punto clave, a pesar de que siempre se ponga en cuestión su verdadero valor en el posicionamiento debido a su uso abusivo, la lista de palabras clave, importantes, del contenido de nuestra página web. Su contenido tienen que ser un conjunto de palabras separadas por comas.

<meta name="keywords" content="programación, web" />

• La etiqueta <meta> charset: la codificación de caracteres

Una metaetiqueta cuya definición es muy importante pues de nada nos sirve haber elegido bien todas las palabras y contenido de nuestra página si luego el navegador no las muestra adecuadamente por haber elegido una codificación de caracteres distinta a la que utilizamos. Porque no es lo mismo que aparezca analítica web a que aparezca anal^?ticaweb. Siempre se debe especificar la misma codificación de caracteres con la que estemos trabajando en nuestro gestor de contenidos.

Nota: HTML 5 designa la codificación utf-8 como el estándar por defecto y es el que yo también os recomiendo seguir. Esta declaración es obligatoria es HTML 5.

<meta name="encoding" charset="utf-8" />

• Las metaetiquetas http-equiv

Todos aquellos metadatos que en vez de utilizar name como atributo utilizan http-equiv se llaman directivas pragma. Nunca se deben repetir en una misma página y sirven para crear mensajes de respuesta HTTP e interactuar con el servidor.

<meta http-equiv="refresh" content="300; URL=nuevapagina.html" />

• La metaetiqueta robots

Con esta metaetiqueta declaramos cuál deseamos que sea el comportamiento de los rastreadores web cuando indexan nuestro sitio web. El valor del atrinuto name siempre tiene que ser "robots". Y los posibles valores del atributo content son:

Indexación: index o noindex. Indicamos si queremos que indexe o no nuestras páginas web.

Seguimiento de enlaces: follow o nofollow. Indicamos si deseamos que el rastreador siga o no siga los enlaces encontrados en el código de la página web.

Se permite siempre una combinación de indexación y seguimiento pero que tenga lógica:

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

Permite indexar todo el contenido y seguir los enlaces. Es siempre el valor por defecto así que si no tenemos un meta robosts en nuestra página web, los rastreadores siempre asumirán este comportamiento por defecto.

<meta name="robots" content="noindex, nofollow" />

Ni permitimos indexar ni seguir los enlaces. En este caso nuestra web será invisible para los buscadores.

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

Permitimos indexar pero no seguir los enlaces.

<meta name="robots" content="noindex, follow" />. 

No queremos que nos indexen pero si permitimos seguir los enlaces.

Nota: Para identificar mejor qué páginas queremos que rastreen o que no rastreen es necesario definir un archivo robots.txt.

• Información para plantillas responsivas

Si utilizamos una plantilla responsiva en nuestro sitio web, tipo Bootstrap, también se utilizan metaetiquetas para dar información de cómo debe verse en cada dispositivo. Con el ejemplo siguiente indicamos que se tiene que tener como ancho base la anchura del dispositivo e iniciar a escala 1, sin zoom.

<meta name="viewport" content="width=device-width; initial-scale=1.0" />

• Indicaciones a los navegadores

Por ejemplo, si queremos indicar que un sitio web es adecuado para verse en dispositivos móviles de Apple, podemos decir al navegador Safari que:

<meta name="apple-mobile-web-app-capable" content="yes" />

1.1 Evolución de las aplicaciones WEB.

Hoy en día, el internet ha llegado a ser una herramienta importante en el estilo de vida de muchas personas; podemos comunicarnos con distintas personas, recaudar información, entretenernos de distintas maneras y mucho más cosas. 

La World Wide Web ó Web es uno de los métodos más importantes de comunicación que existe en Internet. Consiste en un sistema de información basado en Hipertexto que reside en forma de páginas web las cuales pueden ser consultadas desde un navegador dedicado a ellas. 

El Consorcio World Wide Web (W3C) es una comunidad internacional donde las organizaciones Miembro, personal a tiempo completo y el público en general trabajan conjuntamente para desarrollar estándares Web. El objetivo del W3C es guiar la Web hacia su máximo potencial a través del desarrollo de protocolos y pautas que aseguren el crecimiento futuro de la Web. 

La web ha tenido, hasta ahora, tres etapas:

• La web 1.0

• La web 2.0

• La web 3.0

Web 1.0: Al principio del nacimiento de la web, la comunicación que se daba era básicamente unidireccional, donde el usuario únicamente podía leer el contenido. Dicho contenido era estático, los sitios eran estáticos, de sólo lectura. El usuario no podía interactuar con el contenido de la página (no se podían hacer comentarios, respuestas, citas, etc), estando totalmente limitado a lo que el Webmaster, persona responsable de mantenimiento o programación de un sitio web , subía a ésta.

Web 2.0: Esta etapa de la web se caracteriza por la explosión de nuevas herramientas para el webmaster ,que propician la incorporación de comentarios de texto, audio, vídeo, chats, videochats, de contenidos dinámicos. La web incorpora lenguajes de programación dinámicos y acceso a bases de datos. He aquí cuando nacen los blogs y los contenidos multimedia se integran sin ningún problema. La web empieza a ser un sistema para potenciar las redes sociales. La comunicación comenzó a ser bidireccional aunque muy limitada todavía, entre aplicaciones y personas.

Web 3.0: Esta etapa es la que actualmente vivimos y se le conoce como web semántica. La comunicación bidireccional ya comenzó a tomar realmente fuerza y a fluir entre aplicaciones y personas. Con la web 3.0 se busca que los usuarios puedan conectarse desde cualquier lugar, cualquier dispositivo y a cualquier momento. Los servicios de la "nube" y las redes sociales están en su apogeo. Y hoy por hoy se puede acceder a internet prácticamente desde cualquier dispositivo, de hecho casi todo está conectado a internet.

Modelo Web 4.0

Este es un nuevo modelo de Web que nace con el objetivo de resolver las limitaciones de la Web actual. Propone un nuevo modelo de interacción con el usuario más completo y personalizado, no limitándose simplemente a mostrar información, sino proporcionando soluciones concretas a las necesidades el usuario. Actualmente las formas que tiene un usuario de interactuar con la Web son muy limitadas. El objetivo principal será el de unir las inteligencias donde tanto las personas como las cosas se comuniquen entre sí para generar la toma de decisiones. Para el 2020 se espera que haya agentes en la web que conozcan, aprendan y razonen como lo hacemos las personas, que entiendan nuestro lenguaje. El mundo vivirá una llamada “explosión informática” y el hombre necesitará de la tecnología para sobrevivir y administrar la información que se genere en ese entonces.

Conclusiones:

La web, a los largo de los años, ha ido evolucionando de acuerdo a las necesidades del ser humano. Ha sido un instrumento de gran importancia para la comunicación entre las personas que día a día queremos saber lo que ocurre a nuestro alrededor, además de encontrar soluciones a nuestros problemas, entretenernos con los contenidos multimedia y disfrutar de los servicios que se ofrecen en línea. Llevamos el internet hasta en la sangre, se ha vuelto muy indispensable en la vida cotidiana de las personas que es imposible pensar en un día sin este servicio. Gracias a los avances de las tecnologías, podemos no solo consultar información, como fue en un principio, sino crear, editar y compartir todo tipo de contenido, lo que ha llevado al "boom" de las redes sociales, servicios en línea y de servicios de cómputo en la nube, ligado a las nuevas tecnologías de los diferentes dispositivos electrónicos que utilizamos para disfrutar de todo lo que el internet nos puede ofrecer hoy en día. Se espera que en un futuro próximo la web, como forma de acceder a la información de internet, sea más inteligente y nos proporcione más ayuda de la que nos puede ofrecer hasta el momento.