Melhoria da compatibilidade de CSS em celulares e SEO no iPhone

r1004 · 07/07/2018

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

csnotcs · 07/07/2018

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

seonoseo · 07/07/2018

¿No existe un emulador 100% fiable?

Okaro · 07/07/2018

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

HenryGuevara · 07/07/2018

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:

visitardubai · 07/07/2018

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.

Rayrton · 07/07/2018

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)

diegoofernandez · 07/07/2018

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.

Dodeca · 07/07/2018

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.

Qytanius · 07/07/2018

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.

SirLouen · 07/07/2018

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.

celciusb · 07/07/2018

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.

Melhoria da compatibilidade de CSS em celulares e SEO no iPhone

r1004

csnotcs

seonoseo

Okaro

HenryGuevara

visitardubai

Rayrton

diegoofernandez

Dodeca

Qytanius

SirLouen

celciusb