Internacionalización de páginas web

Hasta ahora, cuando queríamos indicarle a Google que la página también está disponible en otros idiomas, lo hacíamos con ‘metaetiquetas’.

Supongamos que estamos en la página ‘http://www.mipagina.com/es’, nuestra versión en español de esta página. Las metaetiquetas que deberá contener son:

1
2
<link rel="alternate" hreflang="en" href="http://www.mipagina.com/en" >
<link rel="alternate" hreflang="de" href="http://www.mipagina.com/de" >

De esta manera, estamos indicando en la página en español, que la misma página está disponible en inglés y alemán.

Así mismo, en la página ‘http://www.mipagina.com/en’, versión inglesa de nuestra página, deberemos poner las siguientes etiquetas indicando que está disponible en alemán y español:

1
2
<link rel="alternate" hreflang="en" href="http://www.mipagina.com/de" >
<link rel="alternate" hreflang="de" href="http://www.mipagina.com/es" >

Fácil, no ? Pues ahora Google ha añadido otra posibilidad que facilita aún mas la internacionalización en varios idiomas de nuestra página web. La utilización de marcado especial en los sitemaps:

1
2
3
4
5
6
7
8
9
10
<url>
  <loc>http://www.mipagina.com/en</loc>
  <xhtml:link rel="alternate" hreflang="de" href="http://www.mipagina.com/de" />
  <xhtml:link rel="alternate" hreflang="en" href="http://www.mipagina.com/en" />
</url>
<url>
  <loc>http://www.mipagina.com/de</loc>
  <xhtml:link rel="alternate" hreflang="de" href="http://www.mipagina.com/de" />
  <xhtml:link rel="alternate" hreflang="en" href="http://www.mipagina.com/en" />
</url>

Esta segunda opción permite que un solo fichero sitemap, tengamos todas las alternativas de internacionalización de nuestras páginas.

Nótese, que referenciamos cada página en cada idioma, y sus alternativas. Por tanto, tenemos español (referenciando inglés y alemán), tenemos inglés (referenciando español y alemán) y tenemos alemán (referenciando español e inglés).

Además, este ejemplo es solo una de nuestras páginas, y esto deberemos hacerlo para cada una de nuestras páginas. Lo mas sencillo es hacer un script que cree automáticament el fichero sitemap.xml alternando todos los idiomas.

Artículos relacionados

Listados y contenidos multicolumna con CSS3 Qué tiempos aquellos cuando para poner contenidos multicolumnas en una página web, nos peleábamos con las listas multicolumna. Mediante márgenes, padd...
Habilitar WebGL en navegador FireFox Hace dos días os mostré cómo habilitar la aceleración gráfica en vuestro navegador Chrome (en mi caso lo necesitaba para probar programas creados con ...
Habilitar WebGL en navegador Chrome Si estáis viendo esta entrada de blog es porque seguramente estaréis experimentando con librerías 3D para vuestro navegador. Yo seguí los siguientes p...
Validar un formulario con jQuery antes de enviarlo Una de las funciones que le dan un perfil mas profesional a nuestra web, es la validación de los formularios, antes de enviarlos. Una opción es enviar...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*