Cómo configurar un selector de idioma en Duda

Una variedad de zapatillas y zapatos casuales. Zapatillas en diferentes colores y estilos.
Tabla de Contenidos

Configurar un selector de idioma en el sitio web Duda puede simplificar el proceso de cambio de idioma para los usuarios. Esta función es especialmente beneficiosa para las plataformas que atienden a una audiencia global, permitiendo a los usuarios acceder al contenido en su idioma preferido. 

Para implementar un selector de idioma en su sitio web Duda , debe utilizar herramientas de traducción que admitan opciones de selector de idioma. Por lo tanto, este artículo cubrirá los pasos para configurar un selector de idioma en Duda utilizando una de las herramientas de servicio de traducción automática.

Selector de idioma importante en su sitio web Duda

Personas interactuando con una laptop grande

Configurar un selector de idioma en su sitio web Duda cumple varios propósitos cruciales; los siguientes están entre ellos.

  • Accesibilidad mejorada para usuarios globales: Un conmutador de idioma permite a los visitantes de diferentes países navegar por su sitio en su idioma preferido. Esta característica mejora significativamente la experiencia del usuario.
  • Rendimiento SEO internacional mejorado: Al ofrecer múltiples versiones de idioma, su sitio Duda puede lograr mejores clasificaciones en resultados de búsqueda en idiomas extranjeros. Por ejemplo, una versión alemana de su sitio web tiene más probabilidades de aparecer en búsquedas de Google en alemán.
  • Aumento en las tasas de conversión: Proporcionar contenido en varios idiomas puede impactar positivamente en tus ventas. Por ejemplo, una plataforma de comercio electrónico que permite a los clientes cambiar de idioma puede atraer a una base de clientes más amplia y aumentar las compras.
  • Mayor compromiso y retención de usuarios: Un conmutador de idioma puede prolongar las sesiones de usuario en su sitio. Por ejemplo, los usuarios que interactúan con un foro comunitario en su idioma preferido tienden a permanecer comprometidos durante períodos más largos. Este mayor compromiso es significativo, ya que los usuarios generalmente pasan el doble de tiempo en sitios en su idioma nativo en comparación con aquellos en un segundo idioma, lo que conduce a mejores tasas de retención de usuarios.
Romper barreras lingüísticas
¡Diga adiós a las barreras lingüísticas y hola al crecimiento ilimitado! Pruebe nuestro servicio de traducción automática hoy mismo.

Cómo configurar un selector de idioma en el constructor web Duda

Entender la importancia de cambiar de idioma para sitios web multilingües Duda es crucial. Aunque muchos servicios de traducción de sitios web ofrecen esta función, es importante elegir uno que se adapte a tus necesidades específicas.

No todos los servicios de traducción proporcionan selectores de idioma personalizables y fáciles de usar. Por lo tanto, es esencial seleccionar un servicio de traducción automática que sea compatible con varios marcos y ofrezca capacidades de cambio de idioma flexibles.

Linguise es un servicio de traducción automática que cumple con estos criterios. Ofrece una función de conmutación de idioma altamente adaptable e intuitiva que se integra perfectamente con CMS y constructores de sitios web populares, incluyendo Duda.

La integración de Linguisecon Duda es fluida, lo que permite a los desarrolladores incorporar el cambio de idioma en sus sitios multilingües fácilmente. Al utilizar las funciones avanzadas y la interfaz fácil de usar de Linguise, puede agilizar el proceso de configuración y mantenimiento de los interruptores de idioma en su sitio web de Duda .

Para implementar Linguise en tu sitio web Duda y configurar el selector de idioma, sigue estos pasos.

Paso 1: Registre su cuenta de Linguise

Comience creando una cuenta de Linguise , que incluye un período de prueba gratuito de 30 días para ayudarlo a comenzar. Después de registrarse e ingresar al panel de control de Linguise , deberá registrar su dominio para habilitar las traducciones.

Para hacer esto, copie la URL de su dominio (incluyendo https://) y seleccione “Otro CMS alojado en la nube” como su plataforma.

Botón de cerrar plataforma

Luego, elija su idioma de origen y los idiomas de destino a los que desea traducir su sitio.

Una captura de pantalla de una interfaz de configuración de idiomas de traducción

Paso 2: Agregar DNS automáticamente usando Entri

Después de registrar con éxito su sitio web en el Linguise panel de control, tendrá dos opciones de instalación. Para la configuración automática de DNS, haga clic en “Conectar su DNS automáticamente.” Esto utilizará la función Entri, que simplifica la configuración al manejar los cambios de DNS por usted. Alternativamente, puede copiar y agregar manualmente los registros DNS a su proveedor de dominio.

Cuando elija la opción automática, Entri escaneará la URL de su sitio web y revisará los registros DNS públicos para determinar la configuración necesaria.

Infografía que ilustra el proceso de incorporación de clientes digitales

A continuación, haga clic en “Autorizar con [su proveedor de dominio]” (por ejemplo, Cloudflare), lo que lo redirigirá a la página de inicio de sesión de su proveedor de dominio. 

Ventana emergente de autorización de Cloudflare. Autorizar con Cloudflare.

Después de iniciar sesión, Entri insertará automáticamente los registros DNS correctos: uno por idioma y un registro TXT para la clave de validación.

Tabla de registros DNS para lingcube.com

Debería ver los registros DNS agregados a su dominio, y Entri confirmará una vez que la configuración DNS esté completa. La función de traducción se activará después de que las entradas DNS se propaguen, típicamente dentro de 20-30 minutos. 

Configuración del sitio web en progreso. Por favor, espere.

Para aquellos que opten por la configuración manual, las instrucciones están disponibles a continuación.

Paso 3: Copiar registros DNS

Después de que su dominio sea validado con éxito, se le llevará a una pantalla donde podrá copiar los registros DNS necesarios. Estos registros son esenciales para cargar sus páginas multilingües, como fr.dominio.com, es.dominio.com, y así sucesivamente.

La configuración de subdominios requiere configuración adicional para funcionar. Configure su DNS.

A continuación, inicie sesión en su administrador de dominio y vaya a la sección de configuración DNS. Deberá agregar lo siguiente:

  • Un registro TXT para la verificación del dominio
  • Uno o más registros CNAME para los idiomas de destino

A continuación, se muestra un ejemplo de cómo deberían aparecer los registros TXT y CNAME. 

Magento 2 Rich Snippets Página de Producto.

Una vez que se agreguen todos los registros, su configuración debería verse similar a esta configuración.

Captura de pantalla de la tabla de registros de la consola de búsqueda. Registros de búsqueda de Google.

Paso 4: Verificar DNS

Después de agregar todos los registros DNS a su dominio, puede verificar la propagación del DNS haciendo clic en el “Verificar configuración de DNS” botón. La validación de DNS generalmente toma entre 30 minutos y una hora. Una vez que esté completo, aparecerán puntos verdes junto a las entradas de DNS en su panel de Linguise. El último paso es agregar el selector de idioma con banderas de país para finalizar la configuración de traducción para su sitio web de Duda.

Tabla de estado de verificación con URL de sitio web

Paso 5: Habilite el conmutador de idioma

El selector de idioma es un popup de bandera que permite a los usuarios elegir su idioma preferido. Para activarlo, copie el código proporcionado en la sección de encabezado de las páginas de su sitio Duda . Esto mostrará automáticamente el selector de idioma basado en banderas en su sitio web en vivo.

El código está al final del proceso de registro del dominio o en la configuración de su dominio. Cópielo en su portapapeles.

Agregar módulos a las páginas del sitio web. Instrucciones fáciles de seguir

A continuación, abra el editor de su sitio web, vaya a ‘Ajustes’ desde el menú lateral izquierdo y seleccione ‘HTML DE CABECERA.’

Página de configuración para administrar los iconos del sitio

Pegue el Linguise script, haga clic en ‘Guardar,’ y publique su sitio.

Interfaz del editor de código HTML de cabecera

El selector de idioma Linguise será visible en la parte frontal de su sitio web Duda .

Paso 6: Configurar la pantalla principal

Para comenzar a configurar el selector de idioma, vaya a la “Configuración” > “Mostrar banderas de idioma” sección en el panel de Linguise. Aquí, puede personalizar varias opciones.

  • Estilo de icono de bandera: Elija entre una visualización lado a lado, menú desplegable o ventana emergente.
  • Posición: Decida dónde aparecerá el selector de idioma en su sitio web. Hay varias opciones de ubicación disponibles, así que asegúrese de que sea fácilmente accesible para los usuarios.
Ajustes para mostrar la lista de idiomas

Tiene la opción de mostrar una combinación de banderas y nombres de idiomas, banderas y abreviaturas de idiomas, o solo nombres de idiomas. Se recomienda utilizar tanto banderas como nombres de idiomas para una mejor reconocimiento del usuario y una navegación más fácil.

Paso 6: Establecer el diseño de la bandera

Una vez que haya configurado la pantalla principal, puede personalizar aún más la apariencia de las banderas.

  • Mostrar nombre del idioma: Puede elegir mostrar el nombre del idioma según el país o el idioma en sí. Por ejemplo, puede mostrar “francés” o “français”.
  • Tipo de bandera inglesa: Esta opción es útil para idiomas con múltiples variaciones regionales, como el inglés estadounidense o británico, y se aplica a otros idiomas como el español, taiwanés, alemán y portugués.
  • Estilo de bandera: Seleccione la forma del icono de la bandera, ya sea redondo o rectangular
Menú de opciones de estilo de bandera y visualización del nombre del idioma

Paso 7: Personalizar color y tamaño

Después de configurar el diseño de la bandera, puede personalizar aún más el color y tamaño de las banderas. Aquí están las opciones que puede ajustar.

  • Radio del borde de la bandera: Personalice el radio de la esquina en píxeles para banderas rectangulares.
  • Color del nombre del idioma: Seleccione el color de texto predeterminado para mostrar el nombre del idioma.
  • Color del idioma emergente: Establezca el color para el texto del título del idioma en el menú emergente o desplegable.
  • Tamaño de la bandera: Ajuste el tamaño de los iconos de bandera para que se ajusten a su diseño.
  • Color de hover del nombre del idioma: Elija el color del texto que aparece cuando los usuarios pasan el cursor sobre el nombre del idioma.
  • Color de hover del idioma emergente: Establezca el color de texto de hover para los títulos de idiomas en el menú emergente o desplegable.
Menú de personalización para colores de texto de banderas e idiomas.

Paso 8: Configurar la sombra de la bandera

Por último, puede modificar la configuración de la sombra del cuadro de bandera. La primera opción le permite aplicar un efecto de sombra a cada icono de bandera que se muestra en su sitio web, mientras que la segunda opción administra el efecto de sombra cuando los usuarios pasan el mouse sobre las banderas de idioma.

Una vez que haya realizado todos los ajustes deseados, haga clic en el botón Guardar para aplicar sus cambios. Luego, verifique su sitio web Duda para confirmar que la configuración se ha implementado correctamente. Así es como se verá el selector de idioma.

Después de completar la configuración, puede observar cómo funciona el selector de idioma en su sitio web multilingüe Duda .

Hombre limpiando ventana con escurridor, plantas verdes en el fondo

A continuación, puede traducir el sitio web a otros idiomas, como el ruso.

Hombre usando escurridor para limpiar ventana

Mejores prácticas para optimizar el selector de idioma en el sitio web de Duda

Después de implementar con éxito el selector de idioma en un sitio web multilingüe Duda los visitantes.

Utilice banderas de idioma o iconos fácilmente reconocibles

Gráfico que representa herramientas de creación de contenido multimedia. Varios iconos para edición de video, imagen y texto.

Al agregar un selector de idioma a su sitio web Duda , es crucial utilizar banderas o íconos de idioma fácilmente identificables. Estos elementos visuales ayudan a los usuarios a reconocer y seleccionar rápidamente su idioma preferido. Por ejemplo, un ícono de globo terráqueo se entiende ampliamente para representar opciones de idioma. Si bien también se pueden utilizar banderas de países, es importante recordar que no todos los idiomas están asociados con un solo país, lo que a veces puede generar confusión.

Ejemplo: El sitio web de Amazon presenta un pequeño ícono de globo terráqueo junto al idioma actualmente seleccionado (p. ej., “EN”) en la barra de navegación superior. Este diseño sencillo pero efectivo permite a los usuarios encontrar rápidamente las opciones de idioma, independientemente de su configuración de idioma actual.

Incluya nombres de idiomas junto a las banderas

Una pantalla de computadora que muestra un diseño web con paleta de colores. Elementos de diseño web en pantalla.

Aunque las banderas pueden ser útiles, no deben estar solas. Mostrar el nombre del idioma en su escritura nativa junto a la bandera o icono mejora la claridad y reduce posibles malentendidos. Esto es particularmente significativo para idiomas hablados en varios países o regiones.

Ejemplo: El selector de idioma de Airbnb presenta tanto el nombre del idioma como la bandera del país correspondiente. Por ejemplo, muestra “Inglés (Reino Unido)” con la bandera del Reino Unido e “Italiano” con la bandera italiana. Esta combinación garantiza que los usuarios puedan seleccionar con precisión su opción de idioma preferida.

Coloque cuidadosamente el botón del selector de idioma

Plantillas de diseño de sitios web en wireframe para interfaz de usuario. Diseño de página web simple.

La ubicación de su selector de idioma es crucial para la accesibilidad del usuario. Las ubicaciones comunes incluyen la esquina superior derecha del encabezado, en el pie de página o dentro del menú de navegación principal. La clave es asegurarse de que sea fácilmente detectable sin saturar el área de contenido principal.

Ejemplo: En linguise.com, el selector de idioma está ubicado en la esquina superior derecha de la página, lo que lo hace visible y accesible de manera consistente. Esta posición estratégica garantiza que los usuarios puedan encontrar y utilizar las opciones de idioma rápidamente, independientemente de su ubicación en el sitio.

Diseña el selector de idioma para que sea responsivo

Ilustración de personas usando tecnología

Asegúrese de que su selector de idioma funcione bien en todos los dispositivos, desde computadoras de escritorio hasta teléfonos inteligentes. Para pantallas más pequeñas, es posible que deba ajustar el diseño, como usar un menú desplegable en lugar de una lista horizontal de opciones.

Ejemplo: El selector de idioma del sitio web de la UNESCO se adapta perfectamente a todos los dispositivos. En la versión de escritorio, aparece como una lista horizontal en el encabezado, mientras que en la versión móvil, se convierte en un menú desplegable compacto, lo que garantiza la usabilidad sin sacrificar la disposición móvil.

Garantice la coherencia del selector de idioma en todas las páginas

Concepto de diseño de sitio web de moda con tarjetas rosas y azules

Mantenga el mismo diseño, funcionalidad y posición de su selector de idioma en todas las páginas de su sitio web Duda . Esta coherencia ayuda a los usuarios a navegar por su sitio de manera más eficiente, ya que sabrán exactamente dónde encontrar las opciones de idioma, independientemente de la página en la que se encuentren.

Ejemplo: El sitio web coloca de manera coherente su selector de idioma en el pie de página en todas las páginas, desde la página de inicio hasta las páginas de productos y durante el proceso de pago. Esta uniformidad garantiza que los usuarios puedan cambiar de idioma en cualquier momento durante su experiencia de navegación o compra.

¿Listo para explorar nuevos mercados? Pruebe nuestro servicio de traducción automática de forma gratuita con nuestro período de prueba sin riesgos de 1 mes. No se necesita tarjeta de crédito

Configure un selector de idioma en su sitio web Duda usando Linguise

Traducción de sitios web con IA en la nube, traducción automática

Ahora que sabe cómo seleccionar el idioma para su sitio web multilingüe Duda , comprender el selector de idioma puede ofrecer numerosas ventajas y facilitar la optimización según los puntos discutidos anteriormente.

Optimizar eficazmente el selector de idioma puede mejorar enormemente la experiencia del usuario. Cree una Linguise, intégrela con su sitio web Duda, y personalice el selector de idioma para elevar la satisfacción del usuario.

También puede estar interesado en leer

¡No te pierdas!
Suscríbete a nuestro boletín

Reciba noticias sobre la traducción automática de sitios web, SEO internacional y más!

Invalid email address
Pruébalo. Una vez al mes, y puedes cancelar la suscripción en cualquier momento.

¡No te vayas sin compartir tu correo electrónico!

No podemos garantizar que ganará la lotería, pero podemos prometer algunas noticias informativas interesantes sobre la traducción y descuentos ocasionales.

¡No te pierdas!
Invalid email address