Editor Wix Harmony: trabajar con el orden DOM
En este artículo
- Por qué es importante el orden DOM
- Ajustar manualmente el orden DOM
- Ajustar el orden DOM en el Asistente de accesibilidad
El orden del Modelo de Objeto de Documento (DOM) se refiere a cómo están estructuradas las páginas de tu sitio. Determina el orden de carga y de selección de los elementos de la página: cuál aparece primero, cuál en segundo lugar, y así sucesivamente.
Tener un orden DOM claro y lógico puede optimizar tu sitio de varias maneras. Usa la información de este artículo para obtener más información sobre por qué es importante el DOM y cómo puedes trabajar con él.
Por qué es importante el orden DOM
El DOM del sitio es el orden de carga y lectura de los elementos en las páginas del sitio, y puede afectar a lo siguiente en tu sitio:
- Accesibilidad: puede que ciertos visitantes del sitio usen la tecla de tabulación, un lector de pantalla u otras tecnologías de asistencia para navegar por el sitio. Estas tecnologías se basan en el orden DOM para conocer el orden a la hora de seleccionar o leer los elementos.
- Rendimiento: el DOM determina la secuencia en la que se cargan los elementos en un sitio. Si no coincide con el orden visual de los elementos, puede afectar a la carga del sitio (por ejemplo, puede hacer que el estilo de la página cambie a medida que se carga el contenido).
- Posicionamiento en los resultados de búsqueda: los motores de búsqueda usan el DOM para determinar el orden en el que se rastrea un sitio (de izquierda a derecha y de arriba a abajo). Un DOM desorganizado o incorrecto puede hacer que el motor de búsqueda "lea" el contenido en el orden incorrecto y lo malinterprete.
¿Quieres probar el orden DOM de tu sitio?
Puedes probar el orden DOM automático de un sitio Wix usando la tecla Tabulador del teclado o usando un lector de pantalla en la versión online del sitio.
Ajustar manualmente el orden DOM
Wix organiza automáticamente el orden DOM de tu sitio de forma predeterminada, lo que mantiene el contenido de la página optimizado para el rendimiento y el posicionamiento. Sin embargo, puedes ajustar manualmente el orden DOM de secciones y contenedores específicos.
Para desactivar el DOM automático:
- Ve al editor.
- Haz clic en el icono Capas
en la parte inferior izquierda del editor. - (En el panel Capas) Haz clic en el icono Más acciones
junto a la sección o al contenedor correspondiente. - Haz clic en Activo junto a Optimizar orden DOM para deshabilitarlo.
- Arrastra y suelta los elementos correspondientes en el orden que desees.
Ajustar el orden DOM en el Asistente de accesibilidad
Es posible que se te pida que organices automáticamente el orden DOM en el Asistente de accesibilidad. Esto puede aparecer en páginas específicas o para todo el sitio:
- Problemas a nivel del sitio: los distintos idiomas tienen diferentes direcciones de lectura (por ejemplo, en español se lee de izquierda a derecha y en árabe de derecha a izquierda). Esta tarea se muestra cuando la dirección de lectura del idioma del sitio no está alineada con el orden visual de los elementos.
- Problemas con la página: esta tarea se muestra cuando el DOM está deshabilitado en al menos una de las secciones o los contenedores de la página.
Para organizar el orden DOM con el asistente:
- Ve al editor.
- Haz clic en el nombre de tu sitio en la parte superior izquierda del editor.
- Desplázate hacia abajo hasta Accesibilidad y haz clic en Solucionar problemas.
- Haz clic en Escanear sitio.
- Organiza el orden DOM según el tipo de tarea:
- Nivel de sitio: selecciona el menú desplegable Nivel de sitio.
- Nivel de la página:
- Haz clic en la colección de páginas correspondiente (por ejemplo, Páginas principales, Páginas de la tienda).
- Haz clic en la página específica.
- Haz clic en el menú desplegable Organiza el orden DOM.
- Selecciona Automáticamente (recomendado).
- Haz clic en Aplicar.
- (Opcional) Verifica la visualización de los elementos del sitio para asegurarte de que estén alineados.
¿De dónde obtiene Wix la información de accesibilidad?
- Basamos nuestras recomendaciones en el documento de las Pautas de Accesibilidad para el Contenido Web (WCAG), que ha sido desarrollado por el World Wide Web Consortium (W3C).
- Hemos basado nuestras pautas en los siguientes criterios de éxito: