Diseño de la página web ≠ móvil habilitado. Cómo funciona la optimización de los móviles

Oliver Pfeil Actualizado por última vez el 21.10.2020
6 Min.
optimización móvil
Actualizado por última vez el 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.

Más y más gente se está moviendo a Internet. Esto crea nuevas posibilidades y, por supuesto, un replanteamiento en relación con los temas "diseño web sensible" y "optimización móvil para el sitio web".

¿Por qué la optimización de los móviles?

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

Razón número uno:

Cada vez más personas utilizan dispositivos móviles (teléfonos inteligentes y tabletas). Por el contrario, las computadoras y los ordenadores portátiles se utilizan cada vez menos. Esto es especialmente cierto para el uso privado cuando se busca un problema, tema, solución, restaurante, producto o servicio específico.

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

Razón número 2:

Para Google es un criterio de clasificación cómo tu el sitio web se desempeña en los dispositivos móviles. Los siguientes dos aspectos son extremadamente importantes:

  • ¿Es el sitio web totalmente receptivo?
  • ¿Qué es el tus sitio web de tiempo de carga?

Cuanto mejor sea la puntuación en estos dos aspectos, más puntos positivos obtendrá y mejor será su tu clasificación en los resultados de la búsqueda.

¿Cuál es la diferencia entre sensible y móvil?

En muchos sitios web está escrito que todo lo que necesitas es un diseño que responda y luego todo está bien. Sin embargo, tengo una opinión completamente diferente y por lo tanto me gustaría centrarme en este punto. Porque aquí es exactamente donde puedes optimizar perfectamente tu tu sitio web para los dispositivos móviles.

El procedimiento básico es el siguiente: Por ejemplo, un operador de un sitio web instala un WordPress sistema de respuesta Theme. Esto suele completar el tema para el operador. Pero en mi opinión, es sólo el comienzo. Porque una respuesta Theme sólo significa que el diseño se adapta automáticamente al dispositivo final respectivo. Este es el requisito básico y, por consiguiente, muy importante.

Una respuesta Theme sólo significa que el diseño se adapta automáticamente al dispositivo final respectivo.

El siguiente paso es ver el tu sitio web con una tableta y un teléfono inteligente. Verás rápidamente si el diseño de respuesta es profesional y atractivo. Esto se debe a que a menudo se da el caso de que la optimización de los móviles no se llevó a cabo a pesar de un diseño receptivo.

Me gustaría darle algunos ejemplos que seguramente ha notado en algunos sitios web:

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

Esta lista podría ser mucho más larga, pero creo que entiendes de lo que estoy hablando.

Incluso si estos aspectos no están optimizados, tendrás un sitio web receptivo, que Google también califica positivamente. Sin embargo, deberías tomarte muy en serio la optimización de los móviles para tu los visitantes y considerar estos aspectos y hacer que tu programador los optimice.

Diseño Web receptivo: Consejo del navegador para la optimización del móvil

Normalmente tienes un smartphone y tal vez una tableta. Sin embargo, si quieres consultar tu sitios web en diferentes dispositivos móviles, pronto alcanzarás tus tu límites. Sin embargo, hay una solución muy simple para esto. Si utilizas el navegador Google Chrome, tienes una función incorporada para ello.

Puedes tu mostrar "diseño web sensible" para muchos dispositivos diferentes. Para ello, haga clic con el botón derecho del ratón y seleccione "inspeccionar" en el menú que aparece. Se abre una consola y se pueden seleccionar los dispositivos móviles (ver captura de pantalla). El navegador mostrará entonces cómo se mostrará el tu sitio web en ciertos dispositivos.

pruebas de dispositivos móviles de diseño web de respuesta

En lo siguiente sitio web encontrará instrucciones sobre cómo utilizar esta función del navegador.

Consejos: Optimizar WordPress el móvil

Si usted está WordPress usando, los siguientes consejos son ciertamente muy útiles para usted. Gracias WordPress a ellos, puedes realizar muchas optimizaciones con una Plugin o una función interna. Esto facilita el tu trabajo y te ahorra tiempo:

  • El requisito básico es una respuestaTheme. Te recomiendo que WordPress elijas una primaTheme . Esto cuesta unos pocos dólares, pero tienes muchas más posibilidades. Además, una prima Theme suele estar mejor programada, lo que le da beneficios adicionales.
  • Si tu Theme hay una necesidad de optimización en la vista del móvil, tienes 2 opciones. O cambias eso Theme o optimizas lo tu existenteTheme. Para la optimización se puede utilizar un niñoTheme . Asigne un programador para implementar las optimizaciones por usted.
  • Mientras tanto, hay muchos Themeconstructores con los que puedes crear fácilmente el diseño tu deseado y optimizarlo para WordPress el uso móvil. Los ejemplos son Prosperar-Themes o tal vez Divi.

Si el tema WordPress es todavía nuevo para ti, pero te parece interesante, puedes echar un vistazo a lo siguiente. En esta encontrarás sitio un WordPress Tutorialdonde se aprenden todos los fundamentos importantes sobre este ingenioso sistema de gestión de contenidos.

Usar los enlaces internos en el texto

Ahora vamos a llegar a un pequeño consejo secreto, que es enormemente poderoso: Enlace en el texto de las subpáginas internas del tus sitio web relacionadas con el tema. Esto permite a tu los visitantes navegar fácilmente por tu el sitio web. Especialmente los usuarios de smartphones prefieren hacer clic en un enlace del texto muy fácilmente en lugar de buscar en el menú de la hamburguesa.

Con esta simple optimización se crean varias cosas positivas a la vez:

  • Los enlaces internos son un factor de clasificación en Google.
  • Con los enlaces internos se facilita a los visitantes y se sienten más cómodos en tus el sitio web.
  • tu Los visitantes verán en promedio varias subpáginas de usted, lo que aumenta el tiempo de permanencia en tus el sitio web. Y este es también 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 "Optimización del sitio web para dispositivos móviles". Hay un aspecto más que también debería considerar: El tema "Optimización del tiempo de carga". Creo que esta cuestión es particularmente importante por dos razones:

  1. El tiempo tus de carga del sitio web es un factor de clasificación de Google.
  2. Cuanto más largo sea el tiempo de carga de la tus página web, más abandonos de visitantes tendrás.

Esto tiene un impacto particularmente fuerte en los visitantes móviles, ya que los tiempos de carga son siempre un poco más largos en comparación con el entorno de escritorio. Más 3 consejos concretos sobre cómo WordPress optimizar el tiempo de carga de los dispositivos móviles:

#1: fotos:

Las imágenes ocupan el mayor porcentaje del tiempo de carga. Por consiguiente, usted tiene la mayor ventaja aquí. Lo más importante es que WordPress subas las imágenes en exactamente el mismo tamaño en el que incluirás el gráfico. Esto ya ahorra el tamaño del archivo y reduce el tu tiempo de carga.

Además, ahora hay herramientas gigantescas que permiten reducir aún más el tamaño tus de los archivos de las imágenes de forma totalmente automática. Puedes decidir si la calidad debe mantenerse o reducirse un poco. Recomiendo las siguientes dos WordPress herramientas -Plugins:

ewww optimizador de imágenes optimizar las imágenes

Con un poco de Plugins para la optimización de la imagen también puedes generar automáticamente imágenes WEBP. Este es un formato completamente nuevo de Google, que reduce el tamaño del archivo manteniendo la misma calidad.

#2: Caching

El segundo punto importante se refiere al almacenamiento en caché. No quiero entrar en demasiados detalles aquí, porque no se necesita el conocimiento de fondo.

El punto es que las consultas a la base de datos no se hacen cada vez que se llama al tus sitio web (o a una subpágina). Gracias al "caching", una copia de cada subpágina se almacena en su servidor y, por lo tanto, está disponible mucho más rápido porque no hay que hacer consultas separadas.

Mi Pluginrecomendación: Cohete WP. WP-Rocket es fácil de usar y se instala completamente en pocos minutos. Además, Plugin ofrece más optimizaciones que pueden ahorrar tiempo de carga adicional.

#3: Plugins y Themes limpiando

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

Le recomiendo que desinstale todo Plugins y Themesque no lo use. La discapacidad por sí sola no es suficiente.

Esto también mantiene el tu sistema limpio y cualquier expansión adicional conlleva un cierto riesgo de seguridad. Con el tiempo, mucha Plugins gente se Themes escabulle que no necesita.

En mi sitio web puedes encontrar una serie de videos gratis, cómo puedes WordPress acelerar. Estos tutoriales muestran en directo en la pantalla qué ajustes hay que hacer en cada lugar.

Conclusión: ¿Para quién vale la pena la optimización de los móviles

La Internet continúa desarrollándose a la velocidad de la luz. Hay muchos temas interesantes y tal vez te preguntes ahora, ¿merece la pena que haga una optimización de los móviles? Bueno, por supuesto que tienes que decidir por ti mismo. Sin embargo, le recomiendo que optimice su tu sitio web exactamente en esta dirección:

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

Un sitio web es LA figura que está en acción para ti los 365 días del año. Y para tu asegurarse de que el figurón cumple su propósito, necesita ser pulido regularmente. Mpor lo que una recomendación es: tu sitio web polaco para dispositivos móviles y sin duda se beneficiará de ello.

Foto: Le Buzz @Unsplash

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

Artículos relacionados

Comentarios sobre este artículo

Escriba un comentario

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