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

Optimización página web – Paso 1 – Val... Mientras creamos nuestra web, deberíamos seguir el formato HTML correcto a la hora de maquetarla. Seguir el formato estándar. Pero muchas veces nos ol...
Generar imágenes automáticas en web Cómo generar imágenes automáticas para facilitar el diseño web. Generación imágenes automáticas en YouTUbe
CSS – Evitar salto de linea después de etiqu... Veamos con un ejemplo cómo con unos estilos CSS podemos hacer que al final de las etiquetas h1, h2, h3... no se fuerce al salto de linea: M...
GroundWork CSS – 04 – Framework HTML5 ... Último de los cuatro vídeos del tutorial para la creación de páginas web responsive con el framework GroundWork CSS. En este caso vemos como crear el ...

Deja un comentario

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

*