Tag Archives: navegadores

Certificado de seguridad

Google mostrará “web no segura” a todas las que no usen HTTPS

Google lleva desde 2016 trabajando en que todas las webs sean seguras, “forzando” a que todas usen el protocolo seguro HTTPS. Aquí puedes leer un interesante artículo de su web oficial: Moving towards a more secure web

Y claro, si Google se lo propone, lo más probable es que lo consiga. Google ha pasado de mostrar que una web es no segura si estaba en HTTP y usaba formularios para recoger datos de usuarios, a mostrar que no es segura a todas las webs que no usen HTTPS aunque no usen formularios.

Este cambio está vigente desde ya, desde julio de 2018, pero no es definitivo y anuncia más cambios para septiembre de 2018.

La siguiente captura, muestra la situación actual para las webs https y como quedará para septiembre de 2018:

alertas de google chrome para páginas https

Como se aprecia en la captura, la situación actual, es que si una web está bajo https, muestra que la web Es segura o Secure si tu navegador está en inglés y además un candando verde. Pues bien, para septiembre una web con https solo mostrará un candando, pero no en verde y no se indicará que Es segura.

¿Qué puede significar esto?

En nuestra opinión, para septiembre, una web https se considerará lo normal y por eso Google no hará ninguna distinción especial en la barra de navegación. Ahora bien, una web no segura, además de mostrar el mensaje de que no es segura, en rojo y destacado, lo más probable es que baje a nivel de posicionamiento en Google a peores posiciones.

Así que para septiembre esperamos movimientos en Google y en sus algoritmos y si no tienes tu web en https, probablemente lo notes bastante en tu posicionamiento web. Por lo que si no quieres perder el posicionamiento que tengas, te recomendamos que pases cuanto antes tu web a https.

Por suerte, ya hace tiempo que existen los certificados de seguridad gratuitos y no tendrás que desembolsar nada para conseguir uno como hace un tiempo. En Aquí hay dominios usamos Let’s Encrypt el cual puedes instalar muy fácilmente desde tu panel Plesk. En el siguiente enlace puedes ver cómo instalar Let’s Encrypt

Ten en cuenta que solo instalando Let’s Encrypt no es suficiente. Debes configurar tu web para que cargue bajo https y además, cobra importancia, que todo el contenido que carga tu web, sea cargado con https. Actualmente, eso hará que tu navegador muestre el mensaje de que tu web Es segura, en caso contrario aunque cargue en https no lo mostrará.

Si tienes tu web alojada con nosotros, y tienes alguna consulta sobre el tema, no dudes en abrir un ticket y te atenderemos encantados.

Por otro lado, si quieres que nos encargamos de todo, puedes solicitar el servicio Convertir tu web en Página segura con HTTPS y nosotros nos encargamos de todo. Puedes hacerlo desde el siguiente enlace: Convertir mi web en segura

Cómo averiguar la versión de tu navegador

Comprobar versión de Chrome

Vaciar caché en Chrome

Paso 1: Haz clic en el menú de Chrome  , que está en la parte superior derecha (Barra de herramientas).

Paso 2: Selecciona Configuración.

Paso 3: En la ventana que aparece en el menú de la izquierda selecciona Ayuda. Ahí podrás ver la versión de tu navegador y si está actualizado.

Versión de Chrome

Comprobar versión de Firefox

Vaciar caché en Firefox

Paso 1: Haz clic en el menú Ayuda, esta en la barra de tareas. 

Paso 2: Selecciona Acerca de Firefox.

Paso 3: Aparecerá una ventana donde se muestra la versión del navegador y si esta actualizado como la siguiente:

Version de firefox

Comprobar versión de Internet Explorer

Cómo vaciar caché en Internet Explorer

Paso 1: Haz clic en el icono azul con una interrogación (ayuda), esta situado en la parte superior derecha.

Paso 2: Selecciona Acerca de Internet Explorer.

Paso 3: Verás una ventana con la versión del navegador y si esta actualizado:

Version de Internet explorer

Comprobar versión de Safari

Vaciar caché en Safari

Paso 1: Haz clic en el menú superior en Safari -> Acerca de Safari:

Paso 2: Te aparecerá una ventana donde se muestra la versión del navegador como ves a continuación:

Acerca de Safari

Cómo borrar la caché en tu navegador

Vaciar caché en Internet Chrome

Vaciar caché en Chrome

Paso 1: Haz clic en el menú de Chrome  , que está en la parte superior derecha (Barra de herramientas).

Paso 2: Selecciona Herramientas.

Paso 3: Selecciona Borrar datos de navegación. Te aparecerá una ventana emergente, si sólo quieres borrar caché, lógicamente marca solo está opción:

Paso 4: En la ventana anterior te aparece también un menú desplegable en la parte superior derecha donde debes marcar el Origen de los tiempos para eliminar la caché por completo.

Paso 5: Haz clic en Borrar datos de navegación.

Vaciar caché en Firefox

Vaciar caché en Firefox

Paso 1: Haz clic en el menu Herramientas -> Opciones

Paso 2: En la ventana que aparece, haz clic en la última pestaña que es Avanzado

Paso 3: Dentro de Avanzado tienes 4 pestañas, la que te interesa es Red, haz clic en ella.

Paso 4: Dentro de la sección Contenido web cacheado, haz clic en Limpiar ahora.

Paso 5: Haz clic en Aceptar.

Vaciar caché en Internet Explorer

Cómo vaciar caché en Internet Explorer

Paso 1: Haz clic en el menú Herramientas -> Opciones de Internet

Paso 2: Haz clic en Eliminar en la sección de Historial de ExploraciónPaso 3: En la ventana que aparece, verás varias opciones disponibles para marcar, selecciona todas las opciones y haz clic en Eliminar.

Paso 4: Por ultimo haz clic en Aceptar

Vaciar caché en Internet Safari

Vaciar caché en Safari

Paso 1: Lo primero que debes comprobar es si tienes el menú Desarrollo activado. Si no lo ves, haz clic en Safari -> Herramientas. Ve a la pestaña Avanzado y marca la siguiente opción:

Mostrar el menú Desarrollo en la barra de menús

Paso 2: Ya debes verlo justo antes de Ventana. Haz clic en Desarrollo -> Vaciar memorias caché. No te preocupes si no ves ningún mensaje de confirmación, es así como funciona.


Web Developer: una herramienta indispensable para el desarrollo web

Si eres diseñador, maquetador o programador web seguramente ya conocerás Web Developer, pero seguro que hay alguno por ahí que aún no conozca esta herramienta. Aunque me gusta más Chrome que Firefox, siempre he usado esta barra en Firefox, pero también existe la versión de Chrome.

Si aún no la tienes, descárgala en la página del autor. No te preocupes si la página está en inglés, la herramienta se instalará en español!

Barra Web Developer

Hemos preparado unas capturas para que te hagas una idea de la infinidad de cosas que puedes hacer con esta herramienta. Una vez que la instales, verás una nueva barra en tu navegador (Firefox o Chrome):

Vamos a ver cada opción de la barra Web Developer de forma resumida:

Desactivar. No creo que haga falta explicar nada. Un menú para desactivar elementos en la web que estés viendo.

Cookies. Muy útil cuando estás tocando código javascript y necesitas borrar cookies sólo de ese dominio para refrescar la página.

CSS. Si estás maquetando una web, puedes editar directamente el CSS para probar a tiempo real, desactivar estilos…

Formularios. Aquí, por ejemplo si necesitas ver los datos del formulario, ids, names, labels… haz clic en “Ver información de los formularios” y verás todos los datos en una tabla. 

Imágenes. A través de esta opción, puedes dejar la web sin imágenes desactivándolas, mostrar los “alt” para ver si has olvidado poner alguno, ver los tamaños de las imágenes, las rutas, ver si hay alguna imagen que no se esté cargando, diferenciar las imágenes con background de las img

Información. En este menú se proporciona bastante información, cada opción indica exactamente lo que quieras mostrar…

Varios. Podemos limpiar la caché sin tenter que entrar en las preferencias del navegador, mostrar elementos que ayudan a la maquinación…

Resaltar. Como su propio nombre indica, sirve para resaltar ciertos elementos.

Tamaño. Esta opción es muy útil, si necesitas ver la web en diferentes resoluciones, incluso puedes personalizar los tamaños…

Herramientas. Valida tu CSS, HTML, según la norma WAI… Se usa la validación de w3.org pero si quieres usar otra, sólo tienes que poner el enlace en Editar Herramientas…

Código fuente. A veces nuestra web genera código que no se ve directamente en el código fuente, para verlo, puedes usar la opción Ver código generado.

Opciones. Si has marcado algunas de las opciones y quieres restablecer la página, haz clic en Restablecer página y volverá al estado inicial.

Esto sólo ha sido una introducción sobre esta herramienta, si necesitas más información, puedes visitar la web del autor de la extensión: www.chrispederick.com