Editor de Wix Harmony: trabajar con el orden DOM
4 min
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
Este artículo hace referencia al nuevo Editor de Wix Harmony, lanzado en enero de 2026. Si no tienes la seguridad de si estás usando el Editor de Wix Harmony o el Editor de Wix, obtén más información aquí.
El orden del Modelo de Objeto de Documento (DOM) se refiere a cómo se estructuran las páginas de tu sitio. Determina el orden de carga y selección de los elementos de tu página: qué va primero, qué va después, y así sucesivamente.
Tener un orden DOM claro y lógico puede optimizar tu sitio de varias maneras. Consulta la información de este artículo para obtener más información sobre por qué el orden DOM es importante y cómo puedes trabajar con él.
Por qué es importante el orden DOM
El orden 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:
- Accesibilidad: algunas personas que visitan el sitio pueden usar la tecla Tab, un lector de pantallas u otras tecnologías de asistencia para navegar por tu sitio. Estas tecnologías dependen del orden DOM para saber el orden en el que deben seleccionar o leer los elementos.
- Rendimiento: el orden 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 utilizan el orden 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 equivocado y no lo entienda correctamente.
¿Quieres probar el orden DOM de tu sitio?
Puedes probar el orden DOM automático de un sitio de Wix usando la tecla de tabulación de tu teclado o 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 por defecto, manteniendo el contenido de la página optimizado para el rendimiento y el posicionamiento en los resultados de los motores de búsqueda. Sin embargo, puedes ajustar manualmente el orden DOM de secciones y contenedores específicos.
Para desactivar el DOM automático:
- Ve a tu 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 contenedor correspondiente. - Haz clic en Activo junto a Optimizar orden DOM para desactivarlo.
- Utiliza la función de arrastrar y soltar con los elementos pertinentes para ponerlos en el orden que quieras.
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 el sitio en general:
- Problemas a nivel del sitio: los distintos idiomas tienen diferentes direcciones de lectura (por ejemplo, el francés se lee de izquierda a derecha y el árabe de derecha a izquierda). Esta tarea se muestra cuando la dirección de lectura del idioma del sitio no concuerda con el orden visual de los elementos.
- Problemas a nivel de página: esta tarea se muestra cuando el orden DOM está desactivado en al menos una de las secciones o contenedores de la página.
Para organizar el orden DOM con el asistente:
- Ve a tu 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 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) Comprueba la visualización de los elementos del sitio para asegurarte de que estén alineados.
¿De dónde obtiene Wix su información sobre la accesibilidad?
- Hacemos recomendaciones de acuerdo con el documento de las Pautas de Accesibilidad para el Contenido Web (WCAG), el cual ha sido desarrollado por el World Wide Web Consortium (W3C).
- Hemos basado nuestras pautas en los siguientes criterios de éxito: