Cómo hacer sitios Web móviles que hacen feliz a Google

Hace dos años Google agregó una etiqueta a sus resultados de búsqueda para indicar sitios web amigables con móviles. Esto ha significado durante bastante tiempo que los sitios web ligeros y amigables con móviles han dominado los resultados de búsqueda. Recientemente, también tomaron una posición para castigar la publicidad intrusiva en dispositivos móviles, y ahora finalmente están dando el siguiente paso con el primer índice móvil. Indización del primer plano móvil se asegurará de que los sitios web amigables con móviles dominan los resultados de búsqueda ahora más que nunca, por lo que la importancia de hacer un sitio web móvil es más alta que nunca.

En este artículo vamos a discutir cómo usted puede asegurarse de que usted está ejecutando un sitio web móvil y cómo puede cambiar su WordPress sitio para ser móvil-friendly, también.

¿Qué hace un sitio amigable móvil?

En abril de 2015 Google buscó promover sitios web móviles en su motor de búsqueda, haciendo un gran cambio en el diseño web. No tener sitios web amigables para móviles se interpuso en el camino del objetivo principal de Google: dar a los usuarios información rápida, precisa y accesible basada en sus búsquedas.

Entonces, ¿cuáles fueron los problemas que Google buscó para tropezar en 2015?

• Texto no leído. Una falta de escalabilidad significaba que los usuarios tendrían que girar de una y otra vez para seguir leyendo párrafos en lugar de desplazarse constantemente hacia abajo de una manera cómoda.
• Dependencia en plugins. Flash y Java perecieron por muchas razones, su pobre seguridad siendo uno de ellos. Esto era otro: antes de HTML5, los sitios dependían de estos plugins para tener contenido dinámico. Con HTML5, sin embargo, estos plugins se volvieron redundantes y no fueron apoyados por dispositivos móviles. Por lo tanto, Google los golpeó en los resultados de búsqueda.
• Pobre espaciamiento de enlaces. Google también tuvo un problema con enlaces mal espaciados. Debido al tamaño de una pantalla de teléfono, haciendo clic en un enlace que está directamente al lado de otro puede a veces resultar en que selecciona el incorrecto. Por esta razón, prefieren sitios que espacien sus enlaces.
• Tiempos de carga largos. Por último, pero no menos importante, tiempos de carga. Un sitio bien optimizado debe cargar rápidamente incluso en una conexión móvil 3G.

Estos son los puntos principales a evitar si desea tener un sitio móvil amigable. Utilizando un tema sensible para su sitio web le permitirá evitar problemas de legibilidad, y siempre y cuando evite plugins y enlaces de spam en estrecha proximidad entre sí, usted debe estar perfectamente bien.

Utilizando WordPress para hacer sitios web móviles

Una manera fácil de hacer un sitio web móvil fácil es utilizar WordPress. Palabra La prensa es una plataforma común utilizada para blogs y sitios de noticias en toda la Web, y debido a una amplia variedad de temas personalizados (además de la capacidad de personalizar dichos temas/crear su propio desde cero), WordPress sigue siendo una plataforma viable para los creadores de la web. Muchos temas de WordPress soportan tanto diseños móviles como de escritorio, y en la sección abajo le daremos una lista de algunos de los que recomendamos.

Por ahora, le diremos cómo comprobar si su tema actual es considerado amigable y qué mejoras puede hacer para mejorar su sitio para la navegación móvil.

¿Tu tema es amigable?

Para comprobar si tu Palabra El tema de la prensa es amigable con el móvil, enchufar su URL de la página principal en Google Mobile-Friendly Test Tool.

Si obtienes un resultado que se ve así, ¡estás bien! Si no lo hace, sin embargo, es el momento de tomar una mirada mucho más cercana a su sitio de WordPress y el tema que está utilizando.

Paso 1: Asegúrate de WordPress (y tu tema) están completamente actualizados

Esto puede ir sin decir, pero muchos webmasters olvidan actualizar su plataforma de WordPress y temas de WordPress. A menudo, actualizaciones de WordPress aparecerán como banners de notificación dentro de su plataforma de administración de WordPress. Muchas veces puede hacer clic en este enlace para seguir adelante y comenzar el proceso de actualización, pero también puede dirigirse a “Dashboard” y luego “Updates” si no ve ese banner.

Para actualizar su tema actual, vaya a “Dashboard - título Apariencia - confiar Temas, y luego seleccione “Actualizar ahora”. Sin embargo, antes de realizar esta actualización, es una buena idea respaldar su tema actual. Además, cualquier personalización que haya hecho a este tema se perderá en la actualización a menos que usted configurar un tema infantil en WordPress. (Los temas infantiles son sub temas que heredan todo del tema base de WordPress y le permiten modificar con seguridad un tema sin perder todo cada actualización.)

Ahora, vuelva a ejecutar la herramienta. ¿Todavía no funciona? Proceded a través de estos pasos.

Paso 2: Diagnóstico

Si un sitio no es amigable con el móvil, la herramienta de Google le dará algunos consejos diciéndoles lo que está mal con él. Por lo general, los problemas serán con un pequeño texto y una falta de un televideo móvil. El texto pequeño requiere que los espectadores se acerquen manualmente en la página, mientras que las páginas que carecen de un puerto de visualización móvil siempre se mostrarán como si estuvieran en un monitor de escritorio. Si su sitio de WordPress no es móvil-friendly, esta es generalmente la razón por la cual.

Otros problemas que la herramienta puede marcar incluyen largos tiempos de carga o excesivos plugins en página. Asegúrese de que su sitio web no confía en plugins como Java o Flash. Si necesita esas funcionalidades, use HTML5 en su lugar. Además, los anuncios que aparecen o toman demasiados bienes raíces de pantalla pueden ser un problema: sólo utilizar anuncios no inrusivos y no permitir pop-ups en su tema de WordPress.

Paso 3: Obtener un nuevo tema

Desafortunadamente, si un tema no es amigable con el móvil, incluso después de ser actualizado y eliminar plugins excesivos, no hay mucho que puede hacer para solucionar ese problema. En este punto su única opción real es conseguir uno nuevo si usted no tiene el know-how de diseño web para cambiar su tema existente en un personalizado móvil amigable.

Gran WordPress Temas de financiación móvil para elegir de

Vamos a darle algunas opciones para temas de WordPress. Todos estos están hechos para sitios web amigables con móviles, y es bienvenido a personalizar sus colores y diseño para conseguir que se adapten mejor a su marca individual. Vamos a enumerar principalmente opciones gratuitas, pero también algunas premium.

• Lola es un gran, tema libre para los sitios de blogging. Parecerá instantáneamente familiar a los usuarios de Tumblr de largo tiempo.
• Newsmag es un tema gratuito para revistas, sitios de noticias y otros escenarios más formales.
• Acelerar es un tema popular, gratuito WordPress. Es muy flexible pero es muy útil para enfatizar el arte y las fotos, menos para el contenido basado en texto.
• Divi es un tema de WordPress premium que ofrece un editor visual de gran alcance, sin requerir a los usuarios de inmersión en código para hacer cambios en los colores y diseños. Su facilidad de uso lo hace popular, y es afortunadamente flexible para múltiples tipos de contenido.
• Uncode es un tema de WordPress premium que ofrece un editor visual y se centra en interfaces limpias y modernas. También es genial para anotar imágenes a través de múltiples tamaños de pantalla.
• Avada es un tema de WordPress premium bastante popular y ve el uso para todo tipo de sitios diferentes. También disfruta de actualizaciones regulares y frecuentes.

Conclusión

Esperemos que este artículo le ayudará a hacer un sitio web móvil amigable en WordPress o asegurarse de que su sitio preexistente ya es móvil amigable. ¿Tiene algún otro tema para recomendar o aconsejar a la gente en el mismo barco? Siéntete libre de sonar abajo!