Foro de soporte WordPress en español


Soporte WordPress en español Soporte gratuito para webs alojadas en Webempresa.com
Habilitado para todos los clientes con planes de Hosting Alto Rendimiento a partir de 3GB y planes XL.

No ofrecemos soporte a webs alojadas en servidores externos o localhost, ni soporte css o programación.

Te recomendamos que leas esta información sobre nuestro sistema de soporte en el foro, te ayudará a sacar el máximo partido de nuestro conocimiento: Cómo podemos ayudarte.


Encuentra la solución a tu problema, buscando en nuestro foro:
Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme

TEMA: Google search console y usabilidad movil

Google search console y usabilidad movil 11 meses 2 semanas antes #317830

Buenos días,
desde Google search console me indican que tengo cerca de 350 páginas con problemas de usabilidad móvil y me dan estos dos errores:
· Los elementos en los que se puede hacer clic están demasiado cerca unos de otros.
· El contenido es más ancho que la pantalla.
Yo, tengo un móvil relativamente pequeño y lo veo bien, no se que hacer. ¿Podéis ayudarme? Gracias.
Saludos.

URL del sitio: Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
  • Teresa
  • Avatar de Teresa
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 77
  • Karma: 0
El administrador ha desactivado la escritura pública.
Mejora la velocidad de tu WordPress

Google search console y usabilidad movil 11 meses 2 semanas antes #317842

Hola teresa.

En principio el problema que veo son las imágenes que tienes en footer:

screenshot-quirktools.com-2018.08.29-11-11-38.png


Veo el siguiente código:
<div align="left"><br><img src="https://laherboristeca.com/modules/contentbox/img/letencrpypt.jpg" alt="Certificado SSL" width="124" height="54"> &nbsp;<a href="https://www.paypal.com/es/webapps/mpp/pay-online/" target="_blank" rel="”nofollow”"> &nbsp;<img src="https://laherboristeca.com/modules/contentbox/img/paypal.jpg" alt="Pago por Paypal" width="124" height="54">&nbsp;</a> &nbsp;<a href="http://www.redsys.es/comercio-electronico.html" target="_blank" rel="”nofollow”">&nbsp; <img src="https://laherboristeca.com/modules/contentbox/img/redsys.jpg" alt="Pago Con tarjeta" width="124" height="54">&nbsp;</a><div class="prc-badge" style="position: relative; width: 176px; height: 60px;" data-img="5_2" data-site="10" data-type="pagerank"><a href="http://www.prchecker.net/website-optimization-report" title="seo score" style="position: absolute; display: block; width: 180px; height: 60px; z-index: 9999999; top: 0; left: 0; text-indent: -99999px;">seo score</a><img src="https://prchecker.net/img/img3/5_2.png"></div></div>

en vez de utilizar " <div align="left"> " podrias crear una calase CSS para esas imagen y envolver las imagenes con esa clase. por ejemplo:

.- Creamos la clase CSS " imagenespagos "
.imagenespagos {
float:left;
 }

.- Añadimos la clase para la versión móvil.
@media screen and (max-width: 600px) {
.imagenespagos {
float:none;
 }
}

Una vez eso seria envolver las imágenes con ese div:
<div class="imagenespagos">
<img src="https://laherbo............

Un Saludo
  • Pepe
  • Avatar de Pepe
  • DESCONECTADO
  • Administrador
  • Mensajes: 18838
  • Gracias recibidas 1521
  • Karma: 539
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.
trasladar web gratis

Google search console y usabilidad movil 11 meses 2 semanas antes #317848

Hola, gracias por tu ayuda. Te comento.
He incluido las instrucciones en negrita en mi global.ccs
@media screen and (max-width: 400px) {
@-ms-viewport {
width: 320px; }
/* Comentario: lineas añadidas para imagenes pie en moviles */
.imagenespagos {
float:none; }
}

.imagenespagos {
float:left; }

y luego he hecho lo que me indicabas:
<div class="imagenespagos">
¿Puedes comprobar lo que he hecho y darme el ok?
Muchas gracias de nuevo.
  • Teresa
  • Avatar de Teresa
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 77
  • Karma: 0
El administrador ha desactivado la escritura pública.
solucionar problemas wordpress

Google search console y usabilidad movil 11 meses 2 semanas antes #317849

Hola Teresa.
No, te falto añadir el media para la version movil.

Esto es lo que muestras:
.imagenespagos {
float:none; } }

Y tiene que ser esto:
@media screen and (max-width: 600px) {
.imagenespagos {
float:none;
 }
}

Luego sigo viendo el código de inserción de las imágenes con la clase anterior:
<div align="left"><br><img src="https://laherboristeca.com/modules/contentbox/img/letencrpypt.jpg"

Tendría que ser:
<div <div class="imagenespagos"><br><img src="https://laherboristeca.com/modules/contentbox/img/letencrpypt.jpg"
[/code]

Un saludo
  • Pepe
  • Avatar de Pepe
  • DESCONECTADO
  • Administrador
  • Mensajes: 18838
  • Gracias recibidas 1521
  • Karma: 539
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
Última Edición: 11 meses 2 semanas antes por Pepe.
El administrador ha desactivado la escritura pública.

Google search console y usabilidad movil 11 meses 2 semanas antes #317853

Yo creo que ya. Confírmelo, por favor.

Y muchas gracias, sois los mejores.
  • Teresa
  • Avatar de Teresa
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 77
  • Karma: 0
El administrador ha desactivado la escritura pública.

Google search console y usabilidad movil 11 meses 2 semanas antes #317894

Hola

Ya veo que tienes añadido el contenedor, sin embargo podrías aplicar clases adicionales, es decir en lugar de tu código anterior prueba con el siguiente código CSS:
@media screen and (max-width: 600px) {
	.imagenespagos {
		float:none;
		width:100%;
	}
 
	.imagenespagos img {
		float: none;
		display: block;
		text-align: center;
		margin: auto;
	}
}

Saludos.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.
Los siguientes usuarios han agradecido: Teresa

¿Te ha resultado interesante esta entrada del foro?

Suscríbete para recibir consejos y trucos útiles para tu Web.


Temas Relacionados

9 Respuestas emo
Tema iniciado 11 meses 14 horas antes por Mario Sánchez Coronel
919 Visitas
3 Respuestas emo
Tema iniciado 10 meses 3 días antes por diego
334 Visitas
2 Respuestas emo
Tema iniciado 11 meses 3 semanas antes por Mario
338 Visitas
1 Respuestas emo
Tema iniciado 1 año 5 meses antes por MARI CARMEN
356 Visitas
20 Respuestas emo
Tema iniciado 1 año 6 meses antes por Nestor
  • Página:
  • 1
  • 2
778 Visitas
7 Respuestas emo
Tema iniciado 2 años 4 meses antes por isabel
682 Visitas
19 Respuestas emo
Tema iniciado 2 años 6 meses antes por Joana
3468 Visitas
1 Respuestas emo
Tema iniciado 1 año 3 meses antes por ALBERTO
359 Visitas
3 Respuestas emo
Tema iniciado 2 meses 3 días antes por oscar alejandro
147 Visitas
3 Respuestas emo
Tema iniciado 1 año 9 meses antes por Hector
671 Visitas

Moderadores: Pablo Velasco
Tiempo de carga de la página: 0.520 segundos