Problemas en dispositivos móviles  

Hola Luis.

hacía una imagen del tamaño que requería el dispositivo, vamos el navegador del dispositivo.
Las imágenes las crea el propio WordPress, si accedes ajustes -> medios veras las diferentes imágenes que crea Wordpress al subir una a la galería de medios:

Con CSS se ajustan las imágenes para las diferentes resoluciones y por lo que veo se estan redimensionando bien:

@media only screen and (max-width: 767px)
#page_content_wrapper .inner .sidebar_content.full_width img, .page_content_wrapper img {
    max-width: 100%;
    height: auto;
}

Por lo que veo es por error de carga de CSS:

Esto es normal ya que por defecto el robot de google no rastrea esos archivos o estan bloqueados por los Robot ya que no tiene sentido que indexe esos archivos.

Google realiza la prueba cargando la caché que tiene guardada y en esa caché no se encuentran los estilos ( CSS )

No tienes que preocuparte por esos avisos.

algún plugin gratuito que haga lo mismo?
para la optimización de las imágenes puedes utilizar optimizador.io, es un plugin de Webempresa gratuito para optimizar las imágenes de la web:

-> https://optimizador.io/

En este enlace tienes documentación:
-> https://guias.webempresa.com/preguntas-frecuentes/como-instalar-optimizador-io/

Un saludo

Pero si es google el que se piensa que hay un error porque lo carga desde la caché, cuando en realidad no hay ningún problema, no me está penalizando el SEO al creer que no tengo una web optimizada para móviles? De hecho en el buscador me aparece que está página no está optimizada para móbiles, es más veo que me han bajado las visitas.

Gracias

Hola

Dudo que tenga que ver con tu plugin, las redimensiones que te brinda WordPress deberían ser suficientes.
Sin embargo el problema que usualmente detecta Google tiene más que ver con CSS incorrecto, que produce desbordes en las imágenes o texto cuando se ve el sitio en móviles o en anchos pequeños.

Envíanos la url exacta en donde podamos ver lo que envías en tu imagen para ver si es necesario aplicar código CSS para corregirlo.

Saludos.

Hola me está avisando cada día search console de más y más enlaces, se conoce porque está escaneando poco a poco, en concreto donde tengo problemas es en Contenido solo visible a usuarios registrados por poner un ejemplo, pero el problema es generalizado en el resto de página y resto de entradas. Veo que las imágenes de esta página excepto la de la cabecera, se visualizan mucho más grande de lo necesario (en lo que analiza google, en el móvil se ve bien). Antes curiosamente no tenía ningún problema, lo achaco a eso, al cambio de hosting y que ya no funciona el plugin hablado.

Hola

Debe ser un tema de cache, he probado dos veces y a la segunda recién me apareción que si esta optimizada para móviles

Puedes comprobarlo en:
https://search.google.com/test/mobile-friendly?id=TWJTnWv7N58-P_GbIoi_jg

Ver imagen adjunta

Prueba limpiando la cache ya que veo que usas un plugin de cache.

Saludos.

He desactivado el plugin de caché, he limpiado la caché de la web y sigue apareciendo igual, no está optimizada dice.

Gracias

Hola Luis Mario,

Corrijo, me he confundido con la web que has colocado. Ahora veo el informe de errores.

En un momento te proporciono indicaciones.

Saludos.

Hola Luis Mario,

Bien, las observaciones de Google respecto a tu sitio web son sencillas de entender. Básicamente te está diciendo que:

1.- El texto es demasiado pequeño para leerse en algunos dispositivos.
2.- Algunos elementos superan el ancho de la página.
3.- Algunos elementos están demasiado cerca.

Lo anterior creo que puedes solucionarlo de 2 maneras:
1.- Siguiendo los consejos de Google -> https://developers.google.com/web/fundamentals/design-and-ux/responsive#optimize_text_for_reading y buscando sugerencias en la web por parte de otros diseñadores web.

2.- Me da la impresión de que modificaste la plantilla con el editor de WordPress y no con el constructor del tema -> https://themes.themegoods.com/photography/doc/create-a-page-using-content-builder-2/ o bien, no utilizaste los elementos correctos para los cambios que realizaste.

En este caso te sugiero actualizar tu plantilla, veo que tienes una versión anterior a la actual, y después de actualizar la revises detenidamente para intentar modificarla correctamente, es decir, usando los elementos que ya incluye de manera correcta. Tendrás que revisarla a detalle y leer la documentación para conocer esos elementos de mejor manera.

Saludos 🙂

Gracias por tu respuesta.

La versión más moderna a mi plantilla que hay, que sólo es una versión, corrige un par de chorradas que no tienen que ver con eso. Hace nada la han actualizado y justo el día anterior había

No uso el constructor de esa plantilla porque "secuestra" el contenido, además de que mete una pila de código que no hay quien entienda nada, porque además no tienes porqué usarlo, es opcional usar el constructor.

Este tema se supone que tiene que funcionar a la limón con el EWWW Image Optimizer y así lo mencionan los diseñadores de la plantilla, pero como en vuestro hosting no funciona el exec() que es yo creo que donde radica toda la problemática. ¿No se puede quitar eso para mi caso en concreto? ¿Hay algún plugin que sea gratuito que haga lo mismo sin usar el exec()?

Gracias

Hola Luis.

Elplugin " EWWW Image Optimizer " realiza el mismo trabajo que optimizador.io que te indique, es para optimizar las imágenes pero no tiene nada que ver con lo que comentas.

EWWW Image Optimizer aumentará la velocidad de tus páginas mediante la optimización de imágenes.

El trabajo del plugin es reducir el peso de las imágenes para que la carga sea mas rapida, exactamente lo mismo que realiza optimizador.io

como en vuestro hosting no funciona el exec()
Esta bloqueado por temas de seguridad en los servidores compartidos, no es un tema solo de nosotros, la mayoría de los hostings con servidores compartidos esta bloqueada esa función.

Las funciones como exec, shell_exec, system, popen pueden ser utilizadas por los hackers para atacar los servidores y por eso está bloqueada.

Como te digo la página se muestra bien y no hay problemas, todo es por la forma en la que google obtiene los datos que es de su caché y no carga los CSS, de todas formas se puede modificar:

El texto es demasiado pequeño para leerlo

Añade lo siguiente al archivo de estilos CSS que utilizas wordpress.css:

@media only screen and (max-width: 767px) {
#mobile_nav_icon {

    margin-right: 25px;
    margin-bottom: 5px;
}

p {
	font-size:20px;
}

.blocks-gallery-grid, .wp-block-gallery {
    display: initial;

}
}

Este código lo que hace es el texto más grande y el boton del menu lo centra un poco.

Otra cosa es la galería de las imágenes que cargan en columnas de dos, ese puede ser uno de los puntos por los que tienes el aviso de que está demasiado junto.

No se que plugin utilizas para la galería pero seria ver si para la versión móvil se puede utilizar solo una columna.

Un saludo

Hola, he instalado el optimizador.io todavía va por el 60% de todas las imágenes y quité la galería del enlace hablado Contenido solo visible a usuarios registrados para que comprobéis que eso no era lo que estaba dando anchura.

Y como ves hay un problema entre lo que ve google (no se ve así) y como sale directamente en los móviles (bien)

No se puede hacer algo para modificar lo que ve google , que las imágenes se vean más pequeñas y que trague y de por buena la web? aunque luego se aplique el CSS correspondiente y lo ajuste al móvil?

En los archivos adjuntos te envío dos capturas, una donde se ven imágenes muy anchas en lo que ve google, y otra en lo que yo directamente veo en móvil con imágenes mucho más peques. Si te fijas la niña que sale con fondo blanco la foto sale ajustada a la pantalla del móvil.

A ver yo soy ingeniero informático, con unas indicaciones seguro que llego, pero hice la carrera hace 15 años y no ejercí de ello,, no había wordpress entonces.

Gracias

Hola Luis Mario.

Google no te penaliza ya que la página se muestra bien, es más si pruebo ahora me dice que la página está optimizada:

Contenido solo visible a usuarios registrados
-> https://developers.google.com/search/mobile-sites/mobile-seo/common-mistakes?hl=es

Como te digo no le veo sentido el permite indexar esos archivos, es una carga más para el robot y solo por la prueba de optimización.

Un saludo

Gracias! a veces cuando pruebas la página mencionada sí te dice que está optimizada pero lo vuelves a hacer y ya te sale que no (ver adjunto que acabo de hacer ahora mismo)

he añadido al robots.txt lo de habilitar CSS y JS de momento no veo ningún cambio, pero entiendo que lleve un tiempo que google lo mire. A ver si lo ve y me deja de dar ese error.

Os mantengo informados en este hilo.

Saludos

Mario

Hola

Veo que en esta página específica, al ver en móviles tienes algunos desbordes debido al título
Contenido solo visible a usuarios registrados

Prueba agregando el siguienteo código CSS al final de tu archivo style.css de tu child-theme o en el personalizador de tu theme en la sección CSS y verifica.

@media(max-width:960px){
  .standard_wrapper, #page_caption.hasbg .page_title_wrapper .page_title_inner{
    padding: 0;
  }

  #page_caption.hasbg .page_title_wrapper .page_title_inner h1{
    float:none;
  }  
}

Saludos.