Desde que Google anunció la indexación de dispositivos móviles, en noviembre de 2016, EXAI comenzó a trabajar en una solución que proporcionará a millones de empresas de todo el mundo una versión para dispositivos móviles de su sitio web. Exai, a través de su innovadora tecnología de conversión de sitios web en sitios web aptos para dispositivos móviles, encontró una manera de crear una hermosa versión móvil de su sitio web existente sin destruir el SEO o la apariencia de la versión de escritorio de su sitio web.

 

Una vez que finaliza el proceso de migración, se le ofrece la posibilidad de actualizar las versiones de escritorio y móvil desde un CMS. Cuando desee aplicar una actualización, solo necesita editar la versión de escritorio y la conversión móvil automática de Exai aplicará automáticamente los cambios en la versión móvil. También puede aplicar cambios manualmente al pedido y al aspecto de la versión móvil.


Con el creador de sitios web de Exai, todos los elementos técnicos se reservan para una experiencia móvil más fácil de usar para que pueda obtener el resultado perfecto en todo momento. Como resultado final, obtiene un sitio web móvil con las siguientes especificaciones técnicas, lo que le brinda la mejor arquitectura e innovación de CMS.

DESCRIPCIÓN TÉCNICA

1. Editor móvil personalizable

Lo que hace: Esto es para permitir tener una apariencia diferente de los widgets / fondos en el sitio web (de acuerdo con el número 9) y su orden en la página web móvil. Permite flexibilidad en el diseño de dispositivos móviles y su tasa de conversión al tener pequeños cambios de CSS / JavaScript en la página, así como cambios en el orden de los elementos HTML. De esta manera se pueden hacer modificaciones personalizadas para adaptarse mejor a las necesidades del negocio.


Por qué es necesario: Mejora los resultados colocando primero el contenido importante.

2. Creación automática de HTML flexible de adaptación dinámica de elementos móviles

Qué hace: un algoritmo para tomar el orden de los elementos de la versión de escritorio y reorganizarlos según la lógica predeterminada en la página móvil. Se permiten cambios personalizados en el orden lógico para la vista móvil (consulte el n. ° 1), destinados a satisfacer las necesidades comerciales del web master (a diferencia de los sitios web de respuesta comunes y no modificables), lo que reduce el proceso de transferencia en general.


Por qué es necesario: Reduce el tiempo y el costo de actualizar la versión móvil.

3. Formato de espacio desde el sitio web de escritorio a la adaptación móvil

Qué hace: un algoritmo para limpiar los espacios innecesarios que existen con fines de diseño exclusivo en el escritorio. Desde un enfoque de diseño basado en dispositivos móviles, estos espacios son perjudiciales (por ejemplo, el espacio lateral de 300 px planeado para una pantalla de escritorio de 1920x1080 haría que los elementos de un teléfono inteligente de 360x640 sean ilegibles)


Por qué es necesario: Hace que cualquier sitio web móvil se vea increíble.

4. Conversión automatizada de parámetros SEO para móviles y web

Lo que hace: todos los detalles de SEO: rutas, títulos, descripciones, palabras clave, alts pueden transferirse automáticamente al nuevo sitio web para la versión móvil y de escritorio del sitio. Para un sitio de clasificación este proceso se realizará de forma totalmente automática. Para un sitio no clasificado, la AI de EXAI intentará realizar mejoras en la metainformación extraída.


Por qué es necesario: Mantiene intacto su SEO en la página y mejora su clasificación al mismo tiempo.

5. Adaptación de los datos generales del sitio en llamadas a acciones inmediatas

Lo que hace: trae clientes a las empresas. La información general proporcionada por el propietario del sitio web genera opciones de clic para llamar, haga clic para enviar por correo electrónico y haga clic para navegar en la barra superior del sitio móvil. Esto permite que los clientes potenciales llamen, envíen correos electrónicos y encuentren direcciones para el negocio, lo que mejora la experiencia móvil general (lo que, según la investigación de Google, aumenta la cantidad de ventas).


Por qué es necesario : Establece contacto instantáneo con clientes potenciales.

6. Utilización de fuentes web para la misma vista en diferentes navegadores

Qué hace: usando un paquete descargable de fuentes web formateadas para que se vean idénticas en todos los navegadores y dispositivos (WOFF2, WOFF, TTF, RTF): se conserva la misma apariencia. Los sitios web de hoy sufren el uso excesivo de las fuentes del sistema que cada dispositivo las interpreta desde una perspectiva diferente. Este es un intento de crear una solución mundial para este problema común en la web eliminando la elección del navegador.


Por qué es necesario: Ayuda a que su sitio web se presente perfectamente en cualquier dispositivo / navegador.

7. Principio de preservación del contenido entre dispositivos móviles y web: enfoque del índice "primero móvil"

Lo que hace: el sistema prohíbe la diferenciación de widgets de texto en la página por el bien de la indexación de dispositivos móviles. De acuerdo con este enfoque, la mayoría de los usuarios provienen de dispositivos móviles, lo que significa que cualquier contenido existente en el dispositivo móvil debe estar en la versión de escritorio y viceversa. Por ejemplo, un sitio que tiene un encabezado H1 "Hello Earth" en el escritorio no puede tener el encabezado H1 "Hello Mercury" en el móvil, ya que las dos páginas deben tener el mismo contenido. Este principio está de acuerdo con las directrices de Google sobre la indexación de dispositivos móviles.


Por qué es necesario : Hace que su sitio web sea compatible con la indexación de sitios web móviles.

8. Optimización de la estructura del sitio web Javascript y CSS para la velocidad de carga

Qué hace: Utilizando el HTML de elementos móviles con servicio dinámico (ver no. 2), la ubicación / estructura de CSS y JavaScript en la página está diseñada para acelerar el rendimiento general de la página. Es decir, cada página puede servir como página de aterrizaje para clasificar potencialmente en SERP (páginas de resultados del motor de búsqueda). El CSS en línea dentro del HTML general también se utiliza para una mejora adicional similar en la velocidad de carga.


Por qué es necesario: Evita que pierdas visitas en tu sitio web al aumentar tu velocidad de carga.


9. Mecanismo de adaptación para manejo de fondo

Qué hace: el algoritmo diferencia el fondo de color de los fondos de imagen / video. Los colores no tienen dimensiones, por lo tanto, cuando están en una fila en el escritorio, cambian a una columna en el móvil (ya que la mayoría del escritorio es un paisaje y el teléfono móvil se muestra como un retrato). Una imagen de fondo puede perder el tema de la imagen en el móvil si se recorta o debido al cambio de tamaño / diseño (significado de Disposición de Horizontal a Vertical), perdiendo así su propósito en el diseño móvil. Por lo tanto, las imágenes y los videos se agregarán por separado en el editor personalizado para dispositivos móviles, manteniendo el tema de la imagen de fondo.


Por qué es necesario: Reduce el tiempo necesario para adaptar fondos en sitios móviles.

10. Transferencia inmediata de imágenes desde fuentes y su optimización para dispositivos móviles y de escritorio

Qué hace: una máquina que extrae imágenes del html público del sitio web original, las comprime y las sirve para que estén disponibles en la versión móvil adaptada para dispositivos móviles. Sirve principalmente para la optimización de la velocidad.


Por qué es necesario: Acelera la velocidad de carga del sitio web móvil.

RELACIONADO 


sitio web amigable para móviles

¿Sabías que un sitio web compatible con dispositivos móviles es una necesidad hoy en día? No tener un sitio web compatible con dispositivos móviles significa que está perdiendo muchos clientes. ¿Eres consciente del alto costo para un desarrollador de crear uno?