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

Curso de HTML5 en formato videotutorial Aquí os dejamos el primero de los videotutoriales que componen el curso de HTML5 En el siguiente enlace podréis encontrar el resto de vídeos cr...
jQuery datepicker, php, mysql y las fechas en form... Veamos un caso particular a la hora de programar con jquery ui. El componente DatePicker nos proporciona una manera muy visual y eficiente de insertar...
Mantener capa fija en la parte inferior del navega... En casos como el mensaje de aviso de cookies, nos puede interesar mostrar una capa
que esté siempre fija en la parte inferior de la pantal...
Frameworks para php Cuando hay que crear proyectos serios hay que recurrir a un Framework que lo apoye. La palabra seriedad la aplico a proyectos medianos-grandes que nec...

Deja un comentario

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

*