Mejora de la compatibilidad de CSS en móviles y SEO en iPhone

  • Autor Autor r1004
  • Fecha de inicio Fecha de inicio
r1004

r1004

Épsilon
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Recientemente me han pasado una captura de pantalla donde un iphone (modelo no se) se ven los textos uno encima del otro, la web esta testeada para iphone, pero pero no para todos los iphones..
Un 65% ve la web desde mobil, y otro 70% de estos la ve desde iphone..

Hay algun simulador de iphone QUE FUNCIONE?

Gracias
 
Quizá no sea el problema del iphone y sea el problema de tu web.

¿Esta bien configurada cada resolución? ¿Está validado el css? ¿Usas tecnologia experimental? ¿Tu diseño usa AMP?

Con respecto a un emulador... Te aconsejo testearlo en un iphone. Porque los simuladores no son 100% fieles
 
¿No existe un emulador 100% fiable?
 
Existe, pero es de pago BrowserStack. Aunque tiene modo de prueba 15/30 minutos no recuerdo bien.

Aunque en su día recuerdo que podías crearte tantas cuentas como quisieras con diferentes emails
 
Yo también opino que no debe ser problema del Iphone sino mas bien de tu pagina web, deberias probar con un emulador, ya dependerá de ti si usas uno pago o no. saludos :encouragement:
 
El en SEO, para con el SEO, afecta todo, lo que es complejo saber es que medida afecta una y tal cosa, por eso hay que ir probando y testeando mucho.
 
Existen varias propiedades css que sólo funcionan en android mas no en iphone. Trata de aplicar a las propiedades sus variaciones como (-webkit,-moz)
 
Si, el contenido responsive y la adaptación/compatibilidad de tu sitio con los distintos dispositivos afectará sin dudas tu SEO.
Generalmente los navegadores de Iphone usan el prefijo - webkit- así que asegurate de tenerlas en tu código css.
 
Claro que lo afecta en pagespeed insights podrás ver como marca cuando un botón está cerca de otro, lo mismo pasa con el texto y por el 'mobile first indexing' será aún más relevante como luce tu web y la experiencia de usuario en el móvil. Cuando intentas esconder texto con css google se da cuenta tarde o temprano, así que si.
 
Todos los que opinan que el problema es de la página y no del iPhone, lean bien el tema primero. El usuario no pregunta eso.

Respecto a tu pregunta, el mejor emulador que podrías obtener es el de la propia Apple, que viene en Xcode

- - - Actualizado - - -

Pero me acabo de percatar que esto no te servirá, porque no quieres probar el código sino el sitio. Entonces mejor prueba con

Browser Screenshots for Quick Testing - 1200+ Real Browsers, Internet Explorer 6-10, Local Testing, API, Resolution Options.
 
Lo que te importa es como lo ve Google. Da igual que se vea mal en otros dispositivos. Y ni siquiera importa que se vean cosas montadas o mal formateadas (salvo que eso perjudique la experiencia de usuario y se te vaya la gente porque piense que es una chapuza la pagina).

Para Google hay unos elementos minimos para que la pagina se considere "mal" a nivel de CSS. Por ejemplo, que los botones donde haya que pulsar sean demasiado pequeños, o que no se respeten elementos del viewport de pantallas pequeñas. Por lo demas, el resto solo, como te decia, te va a afectar a nivel de UX y en consecuencia, tasa de rebote alta.
 
Si afecta, dependiendo de tu css será como se vea tu sitio y si Google determina que no se ve correctamente no lo tomará como primeras opciones.

De ahí los consejos de tamaños en botones, lectura y demás.
 
Atrás
Arriba