Mobile View for Responsive web design optimization (UX design) + Mobile Friendly Test

Descripción

En una época en la que los móviles dominan el uso del tráfico de Internet, tiene sentido conseguir un sitio web apto para móviles para asegurarse de que su sitio web cumple los criterios para móviles. La compatibilidad con dispositivos móviles es un factor crucial para determinar su éxito en línea, por lo que es importante asegurarse de que su sitio web pase la prueba de compatibilidad con dispositivos móviles para usuarios y motores de búsqueda.

Lo que usted debe saber:

  • La cuota móvil del tráfico web está creciendo un 30 % por año, y la mayor parte de este crecimiento se produce en los países en desarrollo (Hootsuite).
  • Más de la mitad de todas las búsquedas se realizan ahora a través del móvil, y ese número sigue aumentando (Search Engine Land).
  • El 57,3 % de todo el tráfico de Internet proviene de dispositivos móviles/tabletas; el 42,7 % es de ordenadores de escritorio (Stat Counter).
  • El número de usuarios estadounidenses que solo usan ordenadores de escritorios está disminuyendo. El número cayó de 25 millones en 2015 a 18 millones en 2017. Debería caer a 11 millones en 2021 (Wiredseo).
  • Por el contrario, el número de usuarios de Internet móvil ha aumentado un 28 % en los últimos dos años, llegando a 41 millones en Estados Unidos en 2017 (eMarketer).

Descripción general rápida:

Acerca de MOBILOOK. Este complemento, que es una extensión de Google DEVTOOL, le permite comprobar instantáneamente el diseño sensible visual de sus páginas, sus artículos o sus productos en el móvil, y con diferentes formatos (dispositivos Apple, Samsung, Google) (incluyendo teléfonos de pantalla plegable como el Samsung Galaxy Fold con versión PRO).

Una vez instalado, este complemento se aplica en cada una de sus páginas. Una sección aparece justo debajo del Editor de Contenido de WordPress; una vez publicado su contenido, inmediatamente le muestra el renderizado en el móvil de acuerdo con el formato que haya definido.

Ya no es necesario comprobar el aspecto de su sitio en su móvil para ver si es adecuado para teléfonos, tabletas y otros medios (sensibles).

CARACTERÍSTICAS PRO

MOBILOOK PRO (vista móvil) ofrece varias características:

  • Activación del complemento para sus páginas generadas por WooCommerce, para su tienda en línea para que pueda ver instantáneamente si el diseño de la página del producto es sensible
  • Activación de formatos adicionales — La versión PRO le permite acceder a una gran lista de formatos móvil/tableta (15), incluso para teléfonos con pantalla plegable (DualScreen).
  • Activación de tres características muy útiles
  • LinkedIn Post Inspector le permite tener sus páginas rastreadas por los robots de LinkedIn para generar OpenGraphs actualizados
  • Google Mobile Test Tool le permite analizar su página por Google para identificar si cumple con todos los criterios de eficacia.
  • SEO móvil (zoom para el sitio web en versión móvil) – Esta funcionalidad añade una etiqueta meta a todas tus páginas que otorga a tus usuarios permiso para hacer zoom con sus navegadores móviles.

Formatos de dispositivos disponibles (vista móvil)

  • Samsung Galaxy S9 = 360 x 740
  • iPhone 6/7/8 = 375 x 667
  • Google Pixel 2 = 441 x 731
  • Samsung Galaxy FOLD (Dualscreen – Exp) = 585 x 668
  • iPhone 6/7/8 plus = 414 x 736
  • Samsung Galaxy S8 Plus = 360 x 740
  • iPhone XS Max = 414 x 896
  • Google Pixel 3 XL = 411 x 823
  • Samsung Galaxy S8 = 360 x 740
  • Samsung Galaxy Note 9 = 414 x 846
  • iPhone X = 375 x 812
  • Ipad = 768 x 1024
  • Ipad PRO = 1024 x 1366
  • iPhone 5/SE = 320 x 568
  • Galaxy S5 = 360 x 640

Cuando hace marketing por Internet a diario, tiene que aprender pequeños trucos para acelerar las cosas.

¿Qué es el inspector de entradas de LinkedIn? ¿Te ha pasado que compartiste un enlace de tu sitio web en LinkedIn y viste un título, descripción o imagen equivocados? ¡Eso es normal! Básicamente, cuando compartes un enlace de WordPress, los bots de LinkedIn buscan las imágenes y otra información del contenido. LinkedIn usualmente revisa cada URL que los usuarios y páginas comparten y muestra la imagen destacada, título y descripción.

Sin embargo, cuando creas una nueva página y la publicas directamente en LinkedIn (o cambias el contenido de una página existente), LinkedIn no siempre es capaz de mostrar tus metadatos (imagen de vista previa, título y descripción) y su reproducción no será la ideal (por lo general, la “imagen destacada” no aparece). Una vez que tu contenido sea publicado, las funcionalidades en cada una de tus páginas te permitirá que tu URL sea rastreada por el inspector de entradas de LinkedIn para generar datos de OpenGraphs actualizados que se verán perfectos en tus redes sociales.

¿Qué es Google Mobile Test Tool? Esta herramienta, en comparación con Google DEVTOOL, realmente le dice cómo Googlebot (rastreador Google) ve su página, en lugar de cómo pueden verla sus usuarios móviles. Eso es muy útil porque también usted puede usar los comentarios para fines de SEO. Si su sitio web pasa la prueba, verá un mensaje verde que dice «¡Genial! Esta página es compatible con dispositivos móviles». Si no pasa, entonces el mensaje será rojo y dirá «No es compatible con dispositivos móviles».

En el caso de que su sitio web no supere la prueba móvil, también le proporcionará las razones por las que falló, como el contenido es más ancho que la pantalla o los enlaces están muy unidos. Esta es LA HERRAMIENTA que le muestra si Google considera que su página es compatible con móviles. Esta función (disponible en cada una de sus páginas) permite que Google analice su URL una vez que se publique su contenido.

¿Qué es un sitio receptivo?

El diseño web receptivo es la práctica de crear sitios web que funcionen adecuadamente en todos los dispositivos y tamaños de pantalla, sin importar cuán grande o pequeño sea, móvil o de escritorio. El diseño web receptivo se centra en proporcionar experiencias intuitivas y gratificantes a todos.

En los últimos años, Google ha estado presionando cada vez más para garantizar que todos los sitios web sean compatibles con los dispositivos móviles. Esto tiene sentido porque las búsquedas móviles han estado constantemente en aumento desde 2009 y finalmente sobrepasaron las búsquedas de escritorio en 2018 (en 2018, el 52,2 % del tráfico web global provino de teléfonos celulares).

¿Por qué es importante para el SEO?

Desde abril de 2015, Google comenzó oficialmente a premiar sitios web compatibles con móviles y penalizar sitios que no eran aptos para móviles en su clasificación de búsqueda. Un estudio de Blue Corona reveló que los sitios web que no cambiaban a plataformas compatibles con móviles antes de la actualización en 2015 fueron golpeados con una penalización de reducción de tráfico de más del 50 %. Esta penalización se debió a que Google abandonó sus clasificaciones de SEO, lo que dio lugar a que menos personas visiten y hagan clic en estos sitios web.

El mismo estudio reveló que en 2015, el 70 % de los sitios web en la primera página de Google fueron optimizados para la visualización de dispositivos móviles. Entre estos 70 % de los resultados de búsqueda de primera página que eran compatibles con móviles, las tasas de conversión tendían a dispararse después del cambio.

Nota: Pagup recomienda el plugin Site kit by Google para estadísticas y rendimiento del SEO.

Capturas

  • MOBILOOK - Página de ajustes
  • MOBILOOK - Página de ajustes

Instalación

Instalando manualmente

  1. Descomprime todos los archivos en el /wp-content/plugins/mobilook directorio.
  2. Acceder al escritorio de WordPress y activa el plugin ‘MOBILOOK’ a través del menú ‘Plugins’
  3. Ve a “Ajustes > Mobilook” en el menú a tu mano izquierda para empezar a trabajar en el.

Reseñas

24 de marzo de 2023
MOBILOOK actually works and this in itself is amazing. Consider all the so-called screen mobile optimization apps and most of them fail to give you a true "what you see is what you get" experience from desktop to tablet or to a mobile platform without hassle. This plugin is perfect for those of us unable to write in php and ajax coding but want a powerful plugin that can handle multiple devices in real time with powerful screen resizing execution while at the same time being lean on memory requirements but fast and efficient. MOBILOOK is truly a masterpiece of design, optimization and coding that is a no brainer to utilize any other so called "desktop to mobile resizing plugin". It truly works so quit wasting time searching for other plugins. I freely submitted this Review and do not have any conflict of interest or ownership in this awesome product. Thank you. Rick l. Sprinkle, M.Sc., CLS (ASCP)
18 de febrero de 2023
<p>So far, so good. Only time will tell. Excellent, especially when activated. Lol </p>
Leer todas las 24 reseñas

Colaboradores y desarrolladores

Este software es de código abierto. Las siguientes personas han contribuido a este plugin.

Colaboradores

"Mobile View for Responsive web design optimization (UX design) + Mobile Friendly Test" ha sido traducido a 4 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce "Mobile View for Responsive web design optimization (UX design) + Mobile Friendly Test" a tu idioma.

¿Interesado en el desarrollo?

Revisa el código, echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.0.0

  • Versión inicial.

1.0.1

  • Se añadió la herramienta de depurador.

1.0.2

  • Se agregó programa de afiliación

1.0.3

  • Se corrigieron algunos problemas de estilo.

1.1.0

  • Se corrigió conflicto con el editor de Gutenberg.
  • Se corrigieron algunos problemas de estilo para la selección desplegable y la anchura/altura de la caja.

1.1.1

  • Se corrigió el aviso de php (en el registro de php) para la variable $active_tab
  • Se limpio la solicitud de entrada para la pestaña activa.
  • Se añadió la funcionalidad SEO Móvil (zoom e versiones móviles del sitio web) para la versión PRO.

1.1.2

  • Se corrigió un error en tipos de entradas individuales y en la página de ajustes.

1.1.3

  • Se corrigieron problemas relacionados con algunas marcas registradas
  • Realizamos una revisión completa de patrones de seguridad en el código mobilook.

1.1.4

  • Se actualizaron Freemius SDK a v2.3.2

1.2.0

  • 🔥 NUEVO: Opción responsiva para cambiar libremente el tamaño de la pantalla.
  • 🔥 NUEVO: Ajusta la anchura/altura manualmente con campos de ingreso de datos para la opción resonsiva.
  • 🔥 NUEVO: Opción de zoom para hacer la vista en móvil/tableta más pequeña o más grande.
  • 🔥 NUEVO: Cambia la vista entre retrato y paisaje
  • 👌 MEJORA: Código, layout y estilos

1.2.1

  • 👌 MEJORA: actualizamos los freemius a la última versión 2.4.1

1.2.2

  • 👌 MEJORA: actualizamos los freemius a la última versión 2.4.2
  • 🔥 NUEVO: Etiquetas Meta para promoción de SEO

= 1.2.3
* 👌 MEJORA: Notificaciones para aceptar opciones

1.2.4

  • 🐛 CORRECCIÓN: problema de seguridad

1.2.5

  • 🐛 CORRECCIÓN: Vuejs, scripts y estilos se cargan únicamente en la página de edición

1.2.6

  • 🐛 CORRECCIÓN: problema de estilo en la página de ajustes

1.2.7

  • 👌 MEJORA: actualizamos los freemius a la última versión 2.5.3