WordPress.org

Plugin Directory

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

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

Descripción

In an era where mobile usage dominates internet traffic, it is crucial to have a mobile-friendly website. Ensuring your website meets mobile-friendly criteria is a key factor in online success, both for users and search engines.

What You Should Know:

  • Mobile web traffic currently represents 60.67% of global internet traffic, while desktop traffic accounts for 39.33% (StatCounter, 2024)​ (DataReportal – Global Digital Insights)​.
  • Mobile searches constitute over 60% of all Google searches (Google, 2024)​ (DemandSage)​.
  • The use of mobile devices to access the internet continues to grow, with over 92% of internet users preferring to use a mobile phone for browsing (DataReportal, 2024)​ (DemandSage)​.
  • In 2024, there are more than 5.3 billion mobile internet users worldwide, and this number is expected to reach 5.8 billion by 2026 (DemandSage, 2024)​ (DemandSage)​.

Overview:

The MOBILOOK (Mobile View) plugin, an extension of Google DEVTOOL, allows you to instantly check the responsive design of your pages, articles, or products on mobile in various formats (Apple, Samsung, Google devices).

Once installed, MOBILOOK (Mobile View) is deployed on each of your pages. A section appears just below the WordPress Content Editor; once your content is published, it immediately shows you the mobile rendering based on the format you have defined.

There’s no longer a need to check what your site looks like on your mobile to see if it’s well suited to phones, tablets, and other media (responsive).

PRO Features

MOBILOOK PRO (Mobile View) offers several features:

  • Activation of the plugin for all custom post types, including WooCommerce products, to instantly see if the product page design is responsive.
  • Activation of additional formats – The PRO version gives you access to a large list of mobile/tablet formats (17).
  • Activation of three very useful features:
    • Facebook Debugger allows your pages to be crawled by Facebook’s bots to generate up-to-date OpenGraphs.
    • Pagespeed.dev analyzes your page to identify if it meets all efficiency criteria.
    • Mobile SEO (site zoom on mobile) – This feature adds an optimized viewport meta tag on all your pages, allowing users to zoom with mobile browsers.

Available Device Formats (Mobile View)

  • (FREE) iPhone 13 Pro Max – 428 x 926
  • (FREE) Samsung Galaxy S22 Ultra – 308 x 720
  • (FREE) Google Pixel 6 Pro – 412 x 915
  • (PRO) iPhone 12 – 390 x 844
  • (PRO) Google Pixel 5 – 393 x 851
  • (PRO) OnePlus 9 Pro – 321 x 711
  • (PRO) Samsung Galaxy Note 20 Ultra – 308 x 720
  • (PRO) iPhone 11 – 414 x 896
  • (PRO) Samsung Galaxy S21 – 320 x 720
  • (PRO) Xiaomi Mi 11 – 320 x 720
  • (PRO) Huawei P40 Pro – 264 x 1200
  • (PRO) iPad Air (2022) – 820 x 1180
  • (PRO) iPad Pro 12.9 inches (2021) – 1024 x 1366
  • (PRO) Samsung Galaxy Tab S8 Ultra – 1848 x 2960
  • (PRO) Microsoft Surface Pro 8 – 1368 x 912
  • (PRO) iPad Mini (2021) – 744 x 1133

Why Is a Responsive Site Important for SEO?

Since April 2015, Google has officially rewarded mobile-friendly websites and penalized sites that are not mobile-friendly in its search rankings. A non-mobile-friendly site risks seeing its traffic drop significantly due to a decrease in its SEO ranking.

A responsive web design ensures that your site functions properly on all devices and screen sizes, offering an intuitive and satisfying user experience.

Explanation of the Tools:

  • LinkedIn Post Inspector: This tool allows your pages to be crawled by LinkedIn bots to generate up-to-date OpenGraphs. When you share a link on LinkedIn, LinkedIn bots fetch images and other content information to generate a correct preview. This tool ensures that your content is correctly displayed with appropriate metadata, enhancing the visibility and appearance of your posts on LinkedIn.
  • Pagespeed.dev: This tool analyzes your page to identify if it meets all of Google’s efficiency criteria. Unlike Google DEVTOOL, Pagespeed.dev provides insights into how Googlebot (Google’s spider) views your page, which is crucial for SEO. If your site passes the test, it means it is optimized for a mobile experience, which can improve its ranking in Google’s search results.

What Is a Responsive Site?

Responsive web design is the practice of building websites that work properly on every device and screen size, whether large or small, mobile or desktop. Responsive design focuses on providing intuitive and gratifying experiences for everyone. Google has increasingly pushed to ensure all websites are mobile-friendly because mobile searches have consistently risen since 2009 and finally surpassed desktop searches in 2018.

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

29 de noviembre de 2023
No issues. Worked out of the box. You have to love it when developers test their apps out to work to the max. Good job Mobilelook
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)
Leer todas las 27 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

1.2.8

  • 🐛 FIX: Security fix

1.2.8

  • 🐛 FIX: Security fix

2.0.0

  • 🔥 NEW: UI/UX with better experience
  • 🔥 NEW: Post type selection and Mobilook supported on custom post types.
  • 🔥 NEW: Major devices supported for better user experience.
  • 🔥 NEW: Manage Devices and Tools.
  • 👌 IMPROVE: Restructured code with many of improvements.
  • 👌 IMPROVE: Updated freemius to latest version 2.7.2
  • 🐛 FIX: Bug fixes and many other improvements

2.0.1

  • 🐛 FIX: PHP Warning/error when options array is not in the DB.