Antes de hablar sobre SSL que impide que se muestren sus imágenes, primero proporcionaremos algunos antecedentes.

Cuando se trata de la conexión entre los sentidos humanos y el marketing, la visión parece ser la más influyente. Según las Reglas del cerebro de John Medina, los siguientes resultados de la prueba del poder del recuerdo.

Cuando las personas reciben información para escuchar, recuerdan aproximadamente el 10% de lo que escucharon hace 3 días. Pero cuando las personas recibieron información junto a una imagen, recuerdan aproximadamente el 65% de lo que recibieron tres días después.

La investigación ha demostrado que La disposición de las personas a leer aumenta en un 80% cuando el texto está asociado con imágenes en color. Como editor o distribuidor, es importante que vea no solo que los visitantes del sitio web obtienen recordar lo que vieron, pero en realidad tómese el tiempo para leerlo.

Entonces, si las imágenes son tan importantes para su estrategia global marketing, ¿qué harás si descubres que las imágenes de tu sitio web ya no se muestran?

Si tienes recientemente WordPress actualizado, tal vez ya haya encontrado este problema.

Pero antes, si nunca has instalado WordPress, descubre Cómo instalar un tema de WordPress et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog 

Luego de vuelta a por qué estamos aquí.

SSL evita la visualización de imágenes

Si bien no solo está relegado a la reciente actualización de WordPress, se han reportado varios problemas relacionados con la visualización de imágenes:

Todas las imágenes del sitio web ya no se muestran  : Después de actualizar WordPress, no se muestra ninguna imagen.

Las imágenes en la biblioteca de medios se han ido : Después de actualizar WordPress, parece que faltan la biblioteca de medios y todas las imágenes asociadas.

Las imágenes del tablero son invisibles : Después de actualizar WordPress, las imágenes en el sitio web parecen funcionar, pero no se muestran las miniaturas en la página de productos.

Aparece una advertencia de contenido mixto Después de instalar un certificado SSL, apareció una advertencia de seguridad sobre contenido mixto.

La importancia de la seguridad del sitio web

Muchas compañías de nuestros días  tienen un sitio web de comercio electrónico, para procesar transacciones que involucran información confidencial del cliente, estas empresas deben poder demostrarles a sus clientes que tienen una mejor manera de garantizar que los datos permanezcan seguros.  

Ve más allá en seguridad descubriendo Cómo WordPress más seguro con su smartphone

SSL: Al rescate

La forma más común de hacerlo es comprando un certificado. Capa de sockets seguros (SSL). Este certificado permite a los visitantes decidir si es seguro o no continuar una compra en un sitio web. Si un sitio web se considera peligroso debido a contenido mixtolos usuarios recibirán una advertencia que los desanimará (forcément). 

Y así es como se supone que funciona SSL. Actúa como una barrera de protección entre su conexión y sus clientes, utilizando un juego de llaves (una cadena de números). Los navegadores o dispositivos de los clientes tienden a recibir una clave pública. Su sitio web recibirá una clave privada.

El que conecta los dos es una clave de sesión y es esta clave la que cifra y descifra los datos que se transmiten en ambas direcciones.

HTTPS: el eslabón perdido

Ahora, con el certificado SSL en su lugar, el otro componente de un sitio web seguro viene en forma de versión HTTPS " sécurisée Del Protocolo de Transferencia de Hipertexto. HTTPS es responsable de transportar datos entre dos puntos y lo hace utilizando SSL.

Descubrir también Cómo reemplazar enlaces de imagen después de instalar SSL en WordPress

Para los sitios web que no necesitan información confidencial del cliente, HTTP funciona muy bien. Pero para aquellos que necesitan ese nivel adicional de seguridad, HTTPS es "imprescindible". (Y como si eso no fuera suficiente, Google premia a los sitios web con mejores clasificaciones de búsqueda que utilizan el protocolo HTTPS.)

Corregir el error

A estas alturas probablemente sepa que algo está sucediendo con su SSL y HTTPS debido a un actualización de WordPress. Una vez que los desarrolladores comenzaron a investigar todos estos problemas informados, pudieron identificar la causa raíz como consecuencia de la introducción del contenido mixto.

¿Qué es contenido mixto?

La mayoría de los sitios web tienen contenido local y contenido externo. El contenido local puede ser el código de su sitio web y las imágenes e imágenes almacenadas localmente, videos, hojas de estilo y secuencias de comandos se pueden obtener de otros lugares.

Descubre Cómo poner su sitio web de WordPress en modo de mantenimiento

El contenido mixto es un problema que ocurre cuando un sitio web ofrece contenido obtenido de fuentes seguras (HTTPS) y no seguras (HTTP).

consultar Cómo agregar un menú de navegación personalizado en WordPress

A menudo, un sitio web con protección SSL y una URL HTTPS carga parte de su contenido (imágenes, hojas de estilo o scripts) desde un lugar no protegido por SSL.

Cómo eliminar el contenido mixto

SSL impide que las imágenes se muestren en su sitio web, pero no está seguro de qué hacer al respecto, ya que el problema surgió con su actualización. Volviendo a un antiguo La versión de WordPress no es la solución. Hay una serie de soluciones que puede explorar.

Solución # 1: Instale el complemento de WordPress SSL realmente simple

Si aún no lo tiene, este plugin es el mejor lugar para comenzar. Really Simple SSL detecta automáticamente su configuración y configura su sitio web para que se ejecute en HTTPS.

Para mantenerlo ligero, las opciones se reducen al mínimo. Todo el sitio web cambiará a SSL.

Solución # 2: examine las URL en el tablero

El siguiente lugar para ir es su panel de WordPress. Haga clic en  Configuraciones> General.

Comprueba que en todas tus URL no se utiliza "HTTP".

Solución # 3: examine el código

Abre tu sitio web. Abra el código fuente de la página que tiene una imagen ausente. Entonces haz Ctrl + F para buscar el código. Pegar el texto src = http En el área de búsqueda.

Debería encontrar que los enlaces de imágenes que faltan en esta página tienen HTTP en lugar de HTTPS. Vaya a WordPress y corrija las instancias específicas que requieren una actualización.

Solución # 4: Investigue el tema de WordPress

Si usa un tema de WordPress de terceros en su sitio web, puede usar URL absolutas en lugar de URL relativas. Revise los archivos PHP de su tema para verificar la sintonización automática.

Si se trata de URL absolutas, deberá encontrar una forma de evitar esto mediante el uso de codificación o complementos personalizados. Esto también se aplica a los complementos.

Solución # 5: Estudie enlaces rotos

Existe una variedad de herramientas que pueden ayudarlo a verificar rápida y fácilmente los enlaces en su sitio web: Google Webmaster Tools ou Screaming Frog SEO Araña.

Algunos le permitirán realizar una transición rápida de HTTP a HTTPS, mientras que otros le permitirán actualizar las rutas relativas para que ya no tenga problemas.

Descubre también algunos complementos premium de WordPress  

Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.

Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.

1. WooCommerce opciones adicionales del producto

WooCommerce Extra Product Options es un Extensión de WordPress lo que le permitirá crear opciones adicionales sobre los productos, gracias al apoyo de la lógica condicional. También tendrá la capacidad de crear formularios, convertir menús desplegables de atributos en botones de opción y más.

Entre sus características encontraremos entre otras: la psoporte para múltiples tipos de campos, la cprecios según los campos seleccionados, el constructor visual de los campos de formulario, el soporte de shortcodes, la posibilidad deactivar sus opciones para roles específicos, elelección entre el aumento de precios fijos o en porcentaje, el apoyo de lalógica condicional en campos y secciones en el constructor de formularios, laompatibilidad con varios complementos y extensiones de comercio electrónico, a dDocumentación detallada, importación / exportación de funciones a otras formas, la capacidad de ocultar o mostrar precios y mucho más …

Descargar | Demo | alojamiento web

2. Haga clic para WhatsApp Chat

Le Plugin de WordPress Click to WhatsApp Chat facilita que los clientes de WordPress se conecten con el propietario del sitio web o con el servicio de atención al cliente mediante su cuenta de WhatsApp. 

Este complemento requiere el número de WhatsApp, la hora y el día, que el propietario del sitio web o el equipo de soporte utilizará para discutir. El botón de chat se puede agregar en la página de detalles del producto WooCommerce, que está directamente relacionado con este producto.

Simplemente haga clic en la cuenta de WhatsApp y se dirigirá directamente a la cuenta de WhatsApp móvil con un mensaje predeterminado. Y si el cliente está en una computadora de escritorio o portátil, será redirigido a WhatsApp Web.

Descargar | Demo | alojamiento web

3. Bpchat

bpchat es un Extensión de WordPress de BuddyPress, que configura un sistema de chat en su blog o sitio web de WordPress.

Una vez que este complemento está instalado en cualquier blog, foro, comunidad, directorio, sitio web de comercio electrónico o sitio web social BuddyPress, Todos los usuarios conectados pueden chatear automáticamente al instante.

Ce Plugin de WordPress también implementa una manera fácil de chatear en línea, que es un poco como lo que ofrece Facebook.

Descargar | Demo | alojamiento web

Recursos recomendados

Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.

• Cómo hacer un enlace externo con el título de un artículo de WordPress
• Cómo personalizar el CSS de tu sitio web de WordPress
• Cómo duplicar un artículo o una página en WordPress
• Cómo saber qué complementos usa un sitio web de WordPress

Conclusión

Listo ! Eso es todo por este tutorial, espero que te ayude a solucionar el problema de mostrar imágenes con el protocolo HTTPS. No dude en comparte con tus amigos en tus redes sociales favoritas. 

Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.

Si tienes sugerencias o comentarios, déjalos en nuestra sección comentarios.

...