¿Por qué desaparecen algunos contenidos de mis páginas?

Hace ya algunos meses nos encontramos con que algunos contenidos insertados en los Google Sites de nuestro centro dejaron de aparecer si los visualizábamos con Google Chrome. Se trataba de proyectos de Scratch, Popplets, Flash, algún que otro iframe... La página se veía perfecta, pero el espacio que debía ocupar el mencionado recurso aparecía en blanco. En cambio, si accedíamos directamente al recurso en su web de origen  funcionaba sin problema. Y lo curioso es que en Firefox el Site se veía correctamente, así que recomendamos a los usuarios usar este navegador. ¡La cosa se ha ido complicando y ahora tampoco se visualizan en Firefox!

Como me imagino que es un problema que le habrá ocurrido a más de uno/una, paso a dar razón del porqué de esta curiosa desaparición y una forma de poder visualizar estos contenidos. Para eso veamos una explicación de estar por casa sobre protocolos y seguridad.

El método habitual de transferencia de datos en las páginas web es el HTPP (protocolo de transferencia de hipertexto). Es el típico http:// que escribíamos antes de la URL para acceder a una web y que ahora escribe el navegador por nosotros.

La versión segura de este protocolo es el HTTPS en el que los datos viajan encriptados. El navegador nos presenta un candadito cerrado antes de la URL, señalando que el sitio es de confianza y que podemos navegar tranquilos. Son las páginas a las que accedemos mediante algun identificador: intranets, webs de compras o de pagos, espacios privados de usuarios... ¡y también los Google Sites!

Muy bien, vale hasta aquí, pero ¿qué ocurre en nuestro caso? El navegador empieza a recibir la información del servidor seguro de Google Sites bajo HTTPS, pero llega a un recurso externo (recurso embebido, con un código iframe, con un script...) que le envía información desde otro servidor no seguro. Entonces, por nuestra seguridad, el navegador pasa del contenido recibido de ese recurso y muestra un espacio en blanco. Esta es la explicación que ofrece Google Chrome del fenómeno de la desaparición.

Los navegadores nos indican esta situación mostrando un escudo protector en la barra de URL (Firefox a la izquierda y Chrome a la derecha). La verdad es que, o eres muy observador, o no ves el escudito de marras, y lo que piensas es que no lo has insertado correctamente. Así que repites el proceso... ¡pero sigue sin funcionar!

La manera de visualizar el contenido oculto (si estamos seguros de que el recurso al que accedemos es fiable) es clicar el escudo y marcar la opción adecuada: cargar la secuencia de comandos, desactivar la protección... La página se volverá a cargar con el recurso correctamente incrustado.

Internet Explorer también empieza a mostrar este comportamiento. Por lo que he podido ver, Opera y Safari aún no, pero no seria de extrañar que lo fueran incorporando próximamente, ya que los temas de seguridad son los que acostumbran a generar nuevas versiones de los navegadores (últimamente a un ritmo insoportable, la verdad).

Si nos ocurre esto en clase, podemos aprovechar para hablar de seguridad, actualización de navegadores y de plugins (eso si que es una batalla perdida), de navegación segura... ¡Siempre es buen momento para educar!

Y como creadores de contenido dejemos debajo del contenido insertado el enlace a la web de origen, para que sea el usuario el que decida si prefiere ver el contenido "no seguro" en nuestra web, o bien acceder directamente al recurso original.

Como veis, eso de que desaparezcan recursos no es magia... ¡tiene truco!

Imagen proveniente de Focus Rating.