Cómo hacer una página web bilingüe en español e inglés

En resumen

  • Cada idioma va en sus propias páginas, con su propia dirección. Google reconoce el idioma por el texto visible y recomienda URL separadas en lugar de cookies o ajustes del navegador.
  • Un botón de traducir cambia el texto en el navegador del visitante, así que Google no tiene una página en español que mostrarle a quien busca en español.
  • Cada par de páginas se conecta con hreflang. Cada versión se nombra a sí misma y a las demás; si dos páginas no se señalan entre ellas, Google ignora las etiquetas.
  • En la ciudad de El Paso, el 63% de los residentes de 5 años o más habla español en casa, según la Encuesta sobre la Comunidad Estadounidense 2024.
  • Escrita por Rodco Systems en El Paso.

Para hacer una página web bilingüe que sí funcione, cada idioma necesita sus propias páginas, con su propia dirección y escritas para quien lee ese idioma, y cada página en español se conecta con su versión en inglés por medio de hreflang, para que Google le muestre a cada persona la que le toca. Un botón de traducir se salta todo eso: el español solo existe dentro del navegador del visitante, y Google no tiene ninguna página en español que encontrar.

Esta guía explica cómo hacer una página web bilingüe, para negocios de El Paso, Las Cruces y Juárez que venden en los dos idiomas: por qué el botón de traducir se queda corto, cómo funciona hreflang según Google Search Central y qué revisar antes de publicar.

Quién lee sus páginas en español

Los números dicen cuánto pesa el español en su negocio, y cambian mucho en cien millas a la redonda.

  • El Paso. El 63% de los residentes de la ciudad de 5 años o más habla español en casa, unas 406,000 personas. De ellas, unas 155,000 (el 24% de la ciudad) hablan inglés menos que “muy bien” (Oficina del Censo, Encuesta sobre la Comunidad Estadounidense 2024).
  • Las Cruces. Alrededor del 29% habla español en casa y cerca del 7% habla inglés menos que “muy bien” (estimaciones a cinco años 2020-2024).
  • Juárez. La Ley Federal de Protección al Consumidor pide que la información y la publicidad de lo que usted vende estén en español y con precios en pesos; se puede agregar otro idioma. Para un negocio de Juárez, lo que se agrega es el inglés, como explicamos en la guía para atraer clientes de El Paso a su negocio en Juárez.

Para un plomero del Lower Valley, las páginas en español pueden ser las que le traen las llamadas. Para un despacho en Las Cruces, a lo mejor basta con una o dos páginas en español. Haga la cuenta antes de construir.

Qué hace un botón de traducir, y qué no

Un botón de traducir es un programa que cambia el texto de su página por una traducción automática en el navegador del visitante, casi siempre después de que hace clic en una banderita o en un menú de idiomas. Así funciona la mayoría. Parece una página bilingüe, pero falla en tres puntos.

Google no tiene una página en español que mostrar

Google dice que reconoce el idioma de una página por el contenido visible, no por el código, como el atributo lang, ni por la dirección. Y recomienda una URL distinta para cada idioma en lugar de cookies o ajustes del navegador. Con un botón de traducir, usted tiene una sola dirección y el HTML está en inglés. Cuando alguien en Socorro busca en español lo que usted vende, la página en español de su competencia puede salir en esa búsqueda. Su botón, no.

Hay complementos de traducción que sí publican cada traducción en su propia dirección. Eso resuelve el problema de las URL, pero no los dos que siguen.

El navegador del cliente ya lo hace

Chrome muestra un botón de Traducir en la barra de direcciones cuando la página está en un idioma que el usuario no lee, así que el botón de su página repite lo que ya hace el navegador, con la misma calidad de máquina. Y el traductor de sitios web de Google solo se ofrece a sitios académicos, de gobierno, sin fines de lucro o no comerciales, según la ayuda de Google Translate; un negocio termina con un programa de otra empresa en cada página.

El traductor no conoce a sus clientes

Un traductor escoge la palabra del diccionario, y sus clientes a veces usan otra. La máquina convierte “evaporative cooler” en “enfriador evaporativo”, y aquí mucha gente nomás dice “el cooler”. Convierte “auto parts store” en “tienda de autopartes”, cuando un cliente de Juárez busca una refaccionaria. Revuelve el tú y el usted en la misma página, cuando lo normal en un negocio de la región es hablarle de usted. Y no sabe qué puente le queda más cerca a su cliente de El Paso.

Las políticas de spam de Google consideran abuso de contenido a escala el contenido copiado de otros sitios y pasado por “transformaciones automáticas”, incluida la traducción, cuando las páginas aportan poco. Traducir sus propias páginas con una máquina no es copiar, pero la lección aplica igual: una página en español tiene que valer la pena por sí sola.

Cómo funciona hreflang

Hreflang le avisa a Google que dos o más páginas son la misma en distintos idiomas, para que muestre cada una a quien busca en ese idioma. Google Search Central documenta tres formas de declararlo, que valen lo mismo: etiquetas link en el head del HTML, encabezados HTTP o el mapa del sitio (sitemap). En una página pequeña, las etiquetas en el HTML son las más fáciles de revisar.

En una página de plomería en español, el head llevaría:

<link rel="alternate" hreflang="en" href="https://example.com/services/plumbing/" />
<link rel="alternate" hreflang="es" href="https://example.com/es/servicios/plomeria/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/services/plumbing/" />

La página en inglés lleva las mismas tres líneas. Las reglas en las que más se equivoca la gente:

  1. Cada versión se nombra a sí misma y a todas las demás. La página en español también incluye su propia dirección.
  2. Los enlaces de regreso son obligatorios. Según Google, si dos páginas no se señalan entre ellas, las etiquetas se ignoran. Si a la página en inglés le falta el enlace a la de español, el par no cuenta.
  3. Los códigos siguen un estándar. El idioma va en ISO 639-1 (en, es). La región es opcional y va en ISO 3166-1 Alfa 2 (es-MX, en-US). Una región sola, como “mx”, no es válida.
  4. x-default es la opción de respaldo. Google la usa cuando ninguna otra versión coincide con el idioma del navegador del visitante.
  5. Use direcciones completas y definitivas. Apunte a la página publicada, con https, no a una redirección ni a una copia de prueba.

¿es o es-MX?

Si una sola versión en español atiende a El Paso, Las Cruces y Juárez, use es, que cubre a todos los que buscan en español. Agregue regiones solo si publica versiones de verdad distintas, por ejemplo con precios en pesos para México y en dólares para Estados Unidos.

Ponga el atributo lang de todos modos

Google no usa lang para reconocer el idioma, pero los lectores de pantalla sí. La guía del W3C para el criterio 3.1.1 de WCAG 2.2, de nivel A, explica que declarar el idioma le permite al lector de pantalla cargar las reglas de pronunciación correctas. Ponga lang=“es” en el elemento html de cada página en español, y marque con su propio atributo lang cualquier frase en español dentro de una página en inglés.

No mande a la gente a otro idioma de forma automática

Google recomienda no redirigir automáticamente de una versión de idioma a otra, porque eso puede impedir que las personas y los buscadores vean todas las versiones. Un cliente bilingüe con el celular en inglés a lo mejor prefiere su página en español. Mejor ponga un enlace visible para cambiar de idioma, y que lleve a la página equivalente, no a la página de inicio en español.

Cómo ordenar las direcciones

Deje el inglés y el español en el mismo dominio, con el español en su propia carpeta. Este sitio lo hace así: /services/website-design/ en inglés y /es/servicios/diseno-de-paginas-web/ en español. Traduzca también la dirección, sin acentos, para que quien habla español la pueda leer.

Después empareje las páginas una por una. Cada página de servicio en inglés lleva su página en español, con su propio título, su propia meta descripción y sus encabezados escritos en español. Si una página solo tiene sentido en un idioma, publíquela en ese idioma y déjela fuera de los pares de hreflang.

Qué más necesita versión en español

Las páginas son lo obvio. Esto es lo que se queda en inglés por descuido:

  • Las etiquetas del formulario, los mensajes de error y la página de gracias.
  • El mensaje o el correo de confirmación que recibe el cliente después de agendar.
  • Los menús y las listas de precios que están en PDF o en imagen.
  • El mensaje de su buzón de voz y la primera respuesta en WhatsApp.
  • El aviso de privacidad. Si recaba datos personales de clientes en México, la ley de datos personales publicada el 20 de marzo de 2025 pide un aviso de privacidad.
  • Los precios, si le vende a clientes en México: la ley del consumidor pide pesos.

Lista para revisar antes de publicar

  1. Cada página en español tiene su propia dirección y está enlazada desde su versión en inglés.
  2. Las etiquetas hreflang nombran las dos versiones, cada página se incluye a sí misma y cada par se enlaza en los dos sentidos.
  3. x-default apunta a la página en inglés o a una página para escoger idioma.
  4. El elemento html dice lang=“es” en las páginas en español.
  5. Los títulos y las meta descripciones en español están escritos, no copiados del inglés.
  6. El botón de idioma lleva a la página equivalente.
  7. No hay redirección automática por idioma del navegador ni por ubicación.
  8. Los formularios, los mensajes de error y las confirmaciones funcionan en español.
  9. Alguien que escribe en español para sus clientes leyó cada página.
  10. Las páginas en español están en su sitemap, y después de publicar, Search Console las muestra indexadas.

Cómo hace Rodco Systems las páginas bilingües

Hacemos cada página bilingüe como se describe en esta guía, y este sitio está hecho igual. Cada idioma se escribe por separado, cada par de páginas lleva hreflang con enlaces de regreso y x-default, las páginas en español llevan lang=“es” y el botón de idioma lleva a la página equivalente. Los formularios y las confirmaciones funcionan en los dos idiomas. Para clientes en México, redactamos el aviso de privacidad para que usted o su abogado lo revisen, y cotizamos en pesos o en dólares.

Usted ve su página de inicio antes de pagar: una muestra gratis, lista en un día hábil. Si la aprueba y nos manda su logotipo, sus fotos y los datos de su negocio, su página puede quedar en línea en tan solo 48 horas. Rodco Systems cobra consistentemente menos que la competencia local, con mayor calidad, y usted puede elegir ser dueño de su página en lugar de rentarla: sin mensualidad por la página, y el dominio, los archivos y las cuentas quedan a su nombre.

Fuentes y fecha

Las reglas de hreflang son de Google Search Central, revisadas el 2 de octubre de 2026; Google actualizó la página de versiones localizadas el 21 de septiembre de 2026. Las cifras de idioma son de la Oficina del Censo. Revisamos esta guía cada trimestre.

Rodco Systems, El Paso, Texas.

Preguntas

¿Un botón de traducir perjudica mi posicionamiento en Google?

A su página en inglés no le hace daño, pero tampoco le suma nada en las búsquedas en español. La mayoría de esos botones cambian el texto en el navegador después de que carga la página, así que lo que Google guarda sigue en inglés y no hay una dirección en español que pueda salir en los resultados.

¿Pongo hreflang es o es-MX?

Ponga es si una sola versión en español atiende a todos, de El Paso a Juárez. Use es-MX solo si además publica otra versión en español distinta para otro país. Google acepta el código de idioma solo o el idioma con una región, pero nunca la región sola.

¿Necesito x-default?

No es obligatorio. Google usa la página x-default cuando ninguna otra versión coincide con el idioma del navegador del visitante. En una página en español e inglés puede apuntar a la versión en inglés o a una página para escoger idioma.

Si Google no usa el atributo lang, ¿para qué lo pongo?

Porque los lectores de pantalla sí lo usan para cargar las reglas de pronunciación correctas. Las pautas de accesibilidad WCAG lo piden en el nivel A, así que cada página en español debe llevar lang con el valor es.

¿Puedo usar un traductor automático como borrador?

Como borrador sí, siempre que alguien que escribe en español para sus clientes lo reescriba y lo revise antes de publicarlo. El problema es publicarlo tal cual: palabras que aquí nadie usa, tú y usted revueltos y páginas que se leen como traducción.

Cuéntenos qué necesita su negocio

Usted recibe una muestra gratis de su página web y una cotización fija por escrito, solo por los servicios que de verdad necesita.