Ahora, más que nunca, es esencial asegurarse de que su proceso de desarrollo incluya las mejores prácticas y técnicas para lograr una representación móvil efectiva de su presencia en línea.
Ya sea que trabaje en el sector jurídico, de atención médica, de restaurantes, técnico u otro, una implementación móvil de alta calidad de su sitio web es un paso fundamental en la era móvil.
Este autor recomienda centrarse en varios aspectos de las mejores prácticas de desarrollo móvil, incluidos el SEO técnico, el desarrollo de sitios web y los principios del diseño móvil, para crear una presencia en el sitio web coherente y en línea que pueda resistir el cambio a la era móvil primero de Google.
Sin más preámbulos, aquí hay 12 prácticas recomendadas en las que debes concentrarte para lograr un sitio web móvil de alta calidad.
1. Above the Fold no ha desaparecido por completo
Es importante recordar que en un entorno móvil, donde las cosas se desplazan sin cesar, la parte superior del pliegue no ha desaparecido por completo.
Todavía es preferible tener al menos una parte del contenido de texto por encima del pliegue en un diseño móvil, para mostrarle a alguien que hay una razón para desplazarse.
Los beneficios psicológicos y los deseos de querer ver lo que ofreces no han desaparecido por completo, por lo que aún tienes que optimizar esto de alguna manera en muchos dispositivos móviles diferentes.
2. No te centres siempre en el consumidor móvil
A medida que los dispositivos móviles y las computadoras de escritorio se fusionan, también lo hacen los objetivos y deseos de los usuarios de estas plataformas.
Cuando te concentras en lo que tu usuario desea lograr en función de la plataforma, creas un enfoque holístico que llega a los clientes a través de tu sitio web de manera más efectiva.
Ya sea que un usuario esté comprando un producto o realizando una investigación sobre los servicios que usted brinda, la combinación de objetivos del usuario y adquisiciones de clientes de la empresa continuará.
Tanto es así que centrarse específicamente en estos ideales y valores será menos necesario. No menos importante, claro está, solo menos necesario a medida que continúe esta fusión entre dispositivos móviles y de escritorio.
3. Usa técnicas de diseño receptivo
Se acabaron los días de los sitios web separados con el dominio m (m.example.com).
No existe ninguna razón justificable para utilizar una implementación de este tipo en la era móvil.
La estructura puede ser muy desordenada y tener múltiples URL que generan problemas de contenido duplicado si no están optimizadas adecuadamente.
Hay muchas técnicas disponibles para garantizar que se complete una transición efectiva, pero, por lo demás, las implementaciones de m-dot han seguido el camino del dodo con el advenimiento de nuevas tecnologías.
Hoy en día, la implementación ideal implica un diseño responsivo. Estos diseños utilizan consultas de medios para definir las resoluciones de pantalla compatibles.
Cada resolución independiente es lo que se denomina un “punto de quiebre” en el diseño, o el punto en el que el diseño responsivo pasa de una resolución a la siguiente.
La ventaja de utilizar este tipo de estructura es que no se producen problemas de contenido duplicado como ocurriría en una implementación m-dot.
Además, su implementación móvil estará basada en la última tecnología.
4. Piense en "Código" en lugar de "Imágenes por todas partes" para aumentar la velocidad del sitio.
¿Realmente necesitas usar ese fondo de dos colores como fondo repetido de 2 píxeles de ancho por 1200 píxeles de alto?
Si no lo haces y puedes codificarlo en su lugar, codifícalo.
Si bien algo tan pequeño no afectará significativamente la velocidad del sitio, las optimizaciones pueden acumularse a medida que se completan.
La próxima vez que realice una auditoría del sitio o cree un sitio web, piense: "¿Realmente necesito esta imagen aquí o puedo simplemente codificarla?"
Si la imagen realmente no es necesaria, codificar el objeto podría ayudar a aumentar la velocidad del sitio exponencialmente, especialmente en diseños de sitios que utilizan una sobreabundancia de gráficos.
5. Personaliza WordPress para dispositivos móviles
Hay muchos complementos disponibles para WordPress.
Tanto es así, que algunos incluso ofrecen funcionalidades para una mayor compatibilidad móvil.
Los complementos más útiles para este propósito son Duda Mobile, W3 Total Cache, así como complementos para minimizar HTML y CSS.
6. Asegúrate de que todo el contenido sea el mismo en la computadora y en el móvil
La idea detrás de esta práctica recomendada es evitar contenido duplicado y acusaciones de encubrimiento.
Para estar seguro, asegúrese siempre de que todo el contenido sea el mismo en la versión de escritorio de su sitio que en la versión móvil.
Una de las mejores técnicas para garantizar que esto suceda es el diseño responsivo.
El diseño responsivo, para aquellos que no lo saben, implica la creación de una hoja de estilo que utiliza “consultas de medios” para realizar transiciones automáticas de diseños entre una amplia variedad de plataformas y dispositivos.
Si desea aprovechar al máximo la velocidad posible y hacer que su diseño sea simple y conciso, considere usar sprites CSS para reducir las solicitudes del lado del servidor.
7. Utilice un enfoque de desarrollo "de arriba hacia abajo"
Un enfoque de desarrollo “de arriba hacia abajo” significa que se consideran todas las consecuencias potenciales de cada decisión tomada en un diseño desde el principio hasta el final.
Se desarrolla prioriza el diseño móvil, en lugar de la versión de escritorio, y luego se añade un diseño móvil. Este enfoque de desarrollo es ideal porque no introduce problemas en el diseño final.
Por ejemplo: creas un sitio web para computadoras de escritorio. Cuando llevas aproximadamente tres cuartas partes del proceso, decides que quieres crear un sitio móvil sobre él.
Creas la maqueta. Pero, después de codificarla y pasar por las transiciones, encuentras un error aquí. Y otro allá. Y otro allá. Esto se debe a que el enfoque ascendente no funciona y provoca una desviación del alcance.
Este es el fenómeno en el que surgen problemas imprevistos en el último minuto, lo que causa errores imprevistos y aumentos en las horas que no estaban previstas originalmente cuando se definió el alcance del proyecto.
La verdad es que, si el enfoque de arriba hacia abajo para el diseño responsivo a dispositivos móviles se hubiera considerado desde el principio, estos errores y cosas que necesitan solución no aparecerían al final, causando este temido problema.
8. No utilice anuncios intersticiales intrusivos para vender su producto
Sí. Lo sabemos. Su producto es lo mejor y más asombroso que ha existido en este planeta. Por eso, probablemente visitemos su sitio web e investiguemos sobre él antes de comprarlo.
Pero no necesitamos tener un anuncio intrusivo que bloquee nuestra actividad en todo el sitio para molestarnos en la venta.
Siempre que sea posible, mantenga los anuncios intersticiales intrusivos al mínimo y mantenga los anuncios hacia la parte inferior o a un costado con una opción para hacer clic en el anuncio y eliminarlo como mínimo.
Es importante tener en cuenta que Google penaliza los anuncios intersticiales intrusivos. Conviene leer sus guías para desarrolladores y sus directrices para webmasters sobre este tema, así como su artículo de blog.
9. Identifique las debilidades en su implementación y verifique si hay errores
Las debilidades no siempre significan velocidad del sitio.
Pueden significar problemas con la implementación en diferentes pantallas y diferentes plataformas (piense en Windows Phone vs. iPhone).
Me gusta usar BrowserStack.com para este propósito.
¡No hay nada peor que llegar a la etapa final de la implementación móvil y ver que tu cliente descubre problemas con tu implementación que deberías haber descubierto tú mismo durante el proceso de desarrollo!
10. No utilices Flash Video
Esta debería ser una práctica común en esta era, pero todavía veo sitios que la utilizan.
El vídeo Flash desapareció cuando Adobe compró Macromedia y lo discontinuó, allanando el camino para el vídeo HTML 5.
Si no utiliza al menos vídeo HTML 5 en su sitio web, sus usuarios podrían verse afectados.
11. Utilice los datos estructurados de Schema.org
Los datos estructurados de Schema.org son importantes no solo para identificar páginas de su sitio que tienen información especial y estructurada que los motores de búsqueda necesitan ver, sino que cuando el índice móvil entre en pleno juego, espere ver una mayor dependencia de Schema.
Este es un método conciso y sencillo de comprender información que luego puede traducirse en fragmentos enriquecidos en los resultados de búsqueda móvil.
En cualquier caso, este autor opina que los datos estructurados de Schema deben usarse incluso en implementaciones de escritorio, ya que pueden ayudarle a aparecer en los resultados de fragmentos enriquecidos según su palabra clave objetivo. Esto puede mejorar la visibilidad de su sitio web si se implementa correctamente.
12. No bloquees scripts de soporte como JavaScript, CSS o cosas como imágenes
Esto debería ser sentido común al desarrollar sitios para cualquier plataforma, ya sea de escritorio o móvil, pero algunas personas todavía lo hacen.
Es importante asegurarse de que los scripts compatibles con el diseño móvil no estén bloqueados, ya que esto puede provocar problemas como errores 404 en dispositivos móviles en el futuro. También puede generar errores 404 en computadoras de escritorio.
Pero, si bloqueas estos archivos para que Google no los rastree, no podrán rastrearlos para ver que tu sitio web funciona correctamente.
Cuando no pueden hacer esto, pueden obtener clasificaciones más bajas porque no pueden comprender completamente su sitio web.
Mobile First ya está aquí: y la necesidad de implementarlo ha alcanzado una masa crítica
Con la llegada del índice mobile-first de Google, implementar su sitio web multiplataforma, multidispositivo y compatible ha alcanzado una prioridad masiva.
Esto significa que cuanto más se demore, más No tener no solo una implementación móvil, sino No Tener la implementación móvil correcta le costará de muchas maneras.
No sólo clasificaciones.
Si aún no has dado el salto al móvil, ¿por qué no hacerlo?
_____
by Brian Harnish
Fuente: Searchenginejournal.com
