Avisos
Vaciar todo

Cambios en alto y ancho para mejorar CLS  

Página 1 / 2
 
Pedro José
 Pedro José
Estimable Member

Contenido solo visible a usuarios registrados

Citar
Respondido : 22/10/2022 2:05 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Pedro,

La imagen que nos compartes no se muestra, puedes indicarnos, donde en tu página está esta imagen para ver lo que nos indicas?

Un saludo 

ResponderCitar
Respondido : 22/10/2022 2:49 am

Pedro José
 Pedro José
Estimable Member

@argenis Hola Argenis,

Veo que ha fallado, lo vuelvo a adjuntar: Contenido solo visible a usuarios registrados

Gracias y saludos

 

 

 

Esta publicación ha sido modificada el hace 2 años 2 veces por Pedro José
ResponderCitar
Respondido : 22/10/2022 4:09 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Pedro,

Veo que es el logo de tu sitio? puedes compartirnos exactamente el mensaje que comentas te indico estos pasos? donde has visto esta observación?

Un saludo 🖐️ 

ResponderCitar
Respondido : 22/10/2022 4:20 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pedro José
 Pedro José
Estimable Member

@argenis Hola, Argenis

 

En PageSpeed Insights me indica con un triángulo rojo el error de este modo: 

 

Los elementos de imagen no tienen width y height explícitos
En los elementos de imagen, especifica un ancho y una altura explícitos para reducir los cambios de diseño y mejorar el CLS. 

 

Saludos

ResponderCitar
Respondido : 22/10/2022 5:07 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Pedro Jose.

Tienes definido en ancho y alto desde CSS:

 
 
Puedes especificarle un ancho y alto :
 
logo img {
width: 100PX;
max-height: 51px;
}

 

Aunque yo no lo modificaría ya que de la manera como lo tienes es responsive y se adaptara a todas las resoluciones

 

Un saludo 

ResponderCitar
Respondido : 22/10/2022 9:58 am

Cursos Gratuitos WordPress

Pedro José
 Pedro José
Estimable Member

@pepesoler Hola, Pepe

 

Necesito saber en qué fichero se encuentran estos datos que comentas.

 

Gracias y saludos

ResponderCitar
Respondido : 22/10/2022 12:43 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Pedro Jose.

Puedes añadirlo directamente en apariencia -> personalizar -> CSS Adicional

.logo img {
width: 100PX;
max-height: 51px;
}

De todas formas Google lo marcara igual ya que el HTML que se genera solo muestra la clase CSS de la imagen, no las dimensiones de la imagen

<a class="logo pull-left " href="https://psicologia-forense-madrid.es/" target="_self"> <img src="https://psicologia-forense-madrid.es/wp-content/uploads/2022/10/cropped-1-Logotipo-PFM-OriginalLetras220110-iiid-1.png" alt="Logo" class="site_logo"> </a>

 

Un Saludo

ResponderCitar
Respondido : 22/10/2022 2:03 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Pedro José
 Pedro José
Estimable Member

@pepesoler Hola, Pepe

 

¿Hay alguna posible solución para que Google no lo indique como un problema?

 

Gracias y saludos

ResponderCitar
Respondido : 24/10/2022 11:22 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Pedro Jose.

Prueba asignar un tamaño al logo:

.logo img {
min-width: 100px;
max-height: 51px;
}

 

Puedes añadirlo en Apariencia -> Personalizar -> CSS Adicional.

 

Un Saludo

ResponderCitar
Respondido : 24/10/2022 11:51 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Pedro José
 Pedro José
Estimable Member

@pepesoler Hola, Pepe

 

He tratado de asignar el tamaño como me comentas y el error sigue apareciendo en los resultados de Google.

 

Gracias y saludos

ResponderCitar
Respondido : 24/10/2022 11:59 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Pedro.

Complicado porque no se le puede poner un tamaño explicito, lo unico que podríamos probar es a subir la imagen en formato svg.

.- Adjunto tienes la imagen en formato SVG

 

Un Saludo

ResponderCitar
Respondido : 24/10/2022 3:23 pm

Pedro José
 Pedro José
Estimable Member

@pepesoler Hola, Pepe

 

Lo pruebo y voy comentando.

 

Gracias y saludos

ResponderCitar
Respondido : 24/10/2022 3:29 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Pedro.

Ok dejo el hilo abierto

 

Un saludo

ResponderCitar
Respondido : 24/10/2022 3:44 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pedro José
 Pedro José
Estimable Member

@pepesoler Hola, Pepe

 

De acuerdo, gracias. Continúo...

 

Saludos

ResponderCitar
Respondido : 24/10/2022 3:50 pm
Página 1 / 2