Diseño web responsive ≠ mobile friendly. Así funciona la optimización para móviles

Oliver Pfeil Última actualización 21.10.2020
6 min.
optimización móvil
Última actualización 21.10.2020

En este artículo explicaré la diferencia entre "sensible" y "habilitado para móviles" y cómo optimizar su sitio web para los dispositivos móviles. También aprenderás algunos trucos muy interesantes para mejorar el tiempo de carga de tu WordPress sitio web para que se cargue rápidamente.

Cada vez son más las personas que se mueven por Internet. Esto crea nuevas oportunidades y, por supuesto, también un replanteamiento, en relación con los temas "diseño web responsivo" y "optimización móvil para el sitio web".

¿Por qué la optimización móvil?

Antes de mostrarle posibilidades concretas de optimización, me gustaría discutir brevemente con usted el "por qué". Al hacerlo, profundizaré en las dos razones más importantes:

Razón nº 1:

Cada vez más personas utilizan dispositivos móviles (smartphones y tabletas). En cambio, los ordenadores y los portátiles se utilizan cada vez menos. Esto es especialmente cierto para el uso privado cuando se busca un problema específico, un tema, una solución, un restaurante, un producto o un servicio.

Todos los operadores de sitios web deben adaptarse a este cambio. Porque sólo si el sitio web tu se muestra de forma óptima en el dispositivo móvil, los visitantes de tu se quedarán en sitio y reservarán un producto o servicio con usted.

Razón #2:

Para Google es un criterio de clasificación el rendimiento del sitio web tu en los dispositivos móviles. Los dos aspectos siguientes son extremadamente importantes:

  • ¿Es el sitio web completamente responsivo?
  • ¿Cuál es el tiempo de carga del sitio web tus ?

Cuanto mejor lo haga en estos dos aspectos, más puntos positivos obtendrá y, en última instancia, mejor será la clasificación de tu en los resultados de búsqueda.

¿Cuál es la diferencia entre responsive y mobile friendly?

En muchos sitios web está escrito que sólo se necesita un diseño responsivo y entonces todo está bien. Sin embargo, yo soy de una opinión completamente diferente y por eso me gustaría entrar en este punto en particular. Porque exactamente en este punto se puede optimizar perfectamente el sitio web tu para los dispositivos móviles.

El procedimiento básico es el siguiente: Por ejemplo, un operador de un sitio web instala un Theme responsivo para un sitio web WordPress . Esto suele ser el final del asunto para él. Sin embargo, en mi opinión, aquí es donde realmente comienza. Porque un Theme responsive sólo significa que el diseño se adapta automáticamente al dispositivo final correspondiente. Este es el requisito básico y, en consecuencia, muy importante.

Un Theme responsivo sólo significa que el diseño se adapta automáticamente al dispositivo final correspondiente.

El siguiente paso es ver tu en una tableta y un smartphone. Verás rápidamente si el diseño responsivo tiene un aspecto profesional y atractivo. Porque a menudo se da el caso de que la optimización para móviles no se llevó a cabo a pesar de un diseño responsivo.

Para ello me gustaría poner algunos ejemplos, que seguramente habrás visto en algunas páginas web:

  • El tipo de letra del titular es demasiado grande.
  • El tipo de letra del cuerpo del texto es demasiado grande o demasiado pequeño.
  • El espacio entre líneas es demasiado grande.
  • Las imágenes se muestran demasiado grandes o demasiado pequeñas.
  • Algunos formatos no se muestran correctamente en el dispositivo móvil.
  • La navegación es difícil de usar.

Esta lista podría ser mucho más larga, por supuesto, pero creo que se entiende lo que quiero decir.

Incluso si estos aspectos no están optimizados, tienes un sitio web responsivo, que Google también evalúa positivamente. Sin embargo, para los visitantes de tu , debería tomarse en serio la optimización para móviles y prestar atención a estos aspectos y hacer que su programador los optimice.

Diseño web responsivo: Consejo de navegación para la optimización móvil

Normalmente tienes un smartphone y quizás una tableta. Sin embargo, si quiere consultar el sitio web tu con diferentes dispositivos móviles, llegará rápidamente a los límites de tu . Sin embargo, hay una solución muy sencilla para esto. Si utilizas el navegador Google Chrome, tienes una función incorporada para ello.

Puede ver en tu "responsive web design" para muchos dispositivos diferentes. Para ello, haga clic con el botón derecho y seleccione "inspeccionar" en el menú que aparece. Se abrirá una consola y podrá seleccionar los dispositivos móviles (véase la captura de pantalla). El navegador le mostrará entonces cómo se muestra tu en determinados dispositivos.

diseño web responsivo pruebas en dispositivos móviles

En la siguiente página web encontrará instrucciones sobre cómo utilizar esta función del navegador.

Consejos: Optimizar WordPress mobile

Si utiliza WordPress , los siguientes consejos le serán muy útiles. Gracias a WordPress puede realizar muchas optimizaciones con un Plugin o una función interna. Esto facilita el trabajo de tu y le ahorra tiempo:

  • El requisito básico es una respuesta Theme. Te recomiendo que elijas un Theme premium para WordPress . Esto cuesta unos pocos dólares, pero tiene muchas más posibilidades. Además, un Theme premium suele estar mejor programado, de lo que usted también se beneficia.
  • Si tu Theme necesita optimización en la vista móvil, tiene 2 opciones. O bien cambia el Theme o bien optimiza el tu existente Theme. Para la optimización se puede utilizar un niño Theme . Contrate a un programador para que aplique las optimizaciones por usted.
  • Mientras tanto, hay muchos constructores de Theme con los que realmente puede crear fácilmente tu diseño deseado y así optimizar WordPress móvil. Los ejemplos son Thrive-Themes o también Divi.

Si no conoce el tema de WordPress , pero le parece interesante, puede consultar lo siguiente. En este sitio encontrará un WordPress tutorialen el que aprenderá todos los fundamentos importantes de este ingenioso sistema de gestión de contenidos.

Utilizar enlaces internos en el texto

Ahora pasemos a un pequeño consejo de información privilegiada que es enormemente poderoso: Enlace a subpáginas internas relevantes para el tema en el texto del sitio web tus . Esto permite a los visitantes de tu navegar fácilmente por el sitio web tu . Especialmente los usuarios de teléfonos inteligentes prefieren hacer clic fácilmente en un enlace en el texto en lugar de tener que buscar en el menú de hamburguesas.

Al hacer esta simple optimización, estás creando varias cosas positivas a la vez:

  • Los enlaces internos son un factor de clasificación en Google.
  • A través de los enlaces internos usted facilita a sus visitantes que se sientan más cómodos en el sitio web tus .
  • tu Por término medio, los visitantes verán varias de sus subpáginas, lo que aumenta el tiempo que pasan en tus . Y esto también es un factor de clasificación que tendrá un efecto positivo.

Tiempo de carga de los dispositivos móviles

Ahora hemos hablado mucho sobre el tema "Optimizar el sitio web para dispositivos móviles". Hay un aspecto más que también debe tener en cuenta: El tema de la "optimización del tiempo de carga". En mi opinión, este tema es especialmente importante por dos razones:

  1. El tiempo de carga del sitio web tus es un factor de clasificación de Google.
  2. Cuanto más largo sea el tiempo de carga del sitio web tus , mayor será el abandono de los visitantes.

Especialmente con los visitantes móviles, esto tiene un enorme impacto, ya que los tiempos de carga son siempre ligeramente más largos en comparación con el entorno de escritorio. Aquí hay 3 consejos concretos sobre cómo puede optimizar WordPress en términos de tiempo de carga para dispositivos móviles:

#1: Imágenes:

Las imágenes ocupan el mayor porcentaje del tiempo de carga. Por lo tanto, usted tiene la mayor ventaja aquí. Lo más importante es que subas las imágenes a WordPress en el tamaño exacto en el que también vas a incrustar el gráfico. Esto ya ahorra el tamaño del archivo y reduce el tiempo de carga de tu .

Además, ahora existen herramientas gigantescas con las que se puede reducir de forma totalmente automática el tamaño del archivo tus imágenes más. Usted mismo puede establecer si la calidad debe mantenerse o reducirse un poco. Para ello recomiendo los dos siguientes WordPress -Plugins:

ewww image optimizer optimizar imágenes

Con algunos Plugins para la optimización de imágenes también puede generar automáticamente imágenes WEBP. Se trata de un nuevo formato de Google que reduce el tamaño del archivo manteniendo la misma calidad.

#2: Caché

El segundo punto importante se refiere al almacenamiento en caché. No quiero entrar en demasiados detalles porque no necesitas los conocimientos previos.

La cuestión es que las consultas a la base de datos no se realizan cada vez que se llama al sitio web tus (o a una subpágina). Gracias a la "caché", una copia de cada subpágina se almacena en su servidor y, por lo tanto, está disponible mucho más rápido, ya que no es necesario realizar consultas por separado.

Mi Plugin-recomendación: WP-Rocket. WP-Rocket es fácil de usar y se configura completamente en pocos minutos. Además, Plugin ofrece otras optimizaciones con las que se puede ahorrar tiempo de carga adicional.

#3: Limpiar Plugins y Themes

Hay que reconocer que este consejo suena muy banal, y lo es. Sin embargo, es eficaz:

Te recomiendo que desinstales todos los Plugins y Themes, que no tengas en uso. La inhabilitación por sí sola no es suficiente.

Esto también mantendrá limpio tu y cada extensión adicional conlleva un cierto riesgo de seguridad. Con el tiempo, se introducen muchos Plugins y Themes que realmente no necesitas.

En mi sitio web puedes encontrar una serie de vídeos gratuitos sobre cómo acelerar WordPress . Estos tutoriales muestran en directo en la pantalla qué ajustes hay que establecer y dónde.

Conclusión: ¿Para quién vale realmente la pena la optimización móvil?

Internet evoluciona a la velocidad de la luz. Hay muchos temas interesantes y quizás ahora te estés preguntando, ¿realmente vale la pena la optimización móvil para mí? Por supuesto, tienes que decidir por ti mismo. Sin embargo, le recomiendo que optimice el sitio web tu exactamente en esta dirección:

  • Optimizar el sitio web para dispositivos móviles
  • Mejorar y optimizar el tiempo de carga

Un sitio web es EL mascarón de proa que trabaja para usted los 365 días del año. Y para que tu cumpla su función, es necesario pulirlo regularmente. MLa recomendación de la empresa es pulir el sitio web tu para los dispositivos móviles y seguramente se beneficiará de ello.

Imagen aportada: Le Buzz @Unsplash

Oliver Pfeil ayuda a la gente a crear un sitio web exitoso y rentable con libros, e-learnings y cursos. Sus áreas de especialización son WordPress , diseño web y marketing online.

Artículos relacionados

Comentarios sobre este artículo

Escribe un comentario

La dirección de correo electrónicotu no se publicará. Los campos obligatorios están marcados con *.