Desde Joomfish, el multi-lenguaje nativo de Joomla, se ha convertido en una fantástica herramienta que permite ampliar el público objetivo de nuestros “web sites” de miles de usuarios a miles de millones de usuarios y, solo en una única instalación de Joomla!. Joomla! 3.2 ha traído la automatización,  y consecuentemente más sencillez y usabilidad para la configuración y paso a producción de una página web en multi-idioma.

Instalación idiomas front-end & back-end

Una instalación de Joomla! vienen traducida en el idioma seleccionado durante la instalación y que sirve tanto para el front (site)  como el back-end (administrator).

Para la incorporación de nuevos idiomas, Joomla! 3.2 introduce fantásticas mejoras como la instalación online desde el propio back-end. Para ello, debemos de ir a nuestro panel Administrator > Extensions > Language Manager

 Una vez dentro de nuestro administrador de idiomas seleccionamos instalar lenguajes

Vamos instroduciendo los idiomas que buscamos, por ejemplo Spanish, Russian y Swahili, seleccionamos cada uno de ellos y los instalamos.

Una vez seleccionados e instalados, nuestro administrador de idiomas para el Site y Administrator deberia de presentar la siguiente configuración. Joomla ya esta preparado para ser traducido en cualquiera de los idiomas instalados. 

Ahora deberemos de preparar el camino al contenido que vayamos a publicar.

Pasemos a configurar el contenido 

Configuración idiomas de contenido

Un idioma para el contenido, es el idioma que permitirá clasificar nuestros menús, categorías, artículos y modulos  en base al idioma que queremos que se muestren. Por ejemplo, al igual que hacemos con un módulo cuando le asignamos un item de menú y que hace que el módulo se muestre en una determinada posición al seleccionar dicho item,  ahora, utilizaremos también el idioma en el que está configurado el módulo para que se muestre o no en base al idioma seleccionado por el usuario.

Para crear idiomas de contenido, debemos de ir a nuestro panel de administración, Extensions > Languages Manager > Content y crearemos un nuevo idioma para cada contenido. Por ejemplo, Inglés, Español, Ruso y Swahili.

A través del botón New iremos creando cada uno de los idiomas de contenido. 

Donde:

Title y Title Native ; introduciremos el nombre del idioma
URL Language Code : será el código que se incluirá en la url y cuyo valor deberá ser único y descriptible . Ejem. ES EN DE RU CH SW, etc.
Image Prefix :  desplegable que nos permitirá seleccionar la bandera correspondiente al idioma
Language Tag : Es la etiqueta, que se corresponde al idioma en que tenemos instalado Joomla!. Debe de coincidir con la etiqueta de los idiomas (Language Tags) que hemos instalado anteriormente para el front-end y back-end
Status .: indicará la activación o no del idioma
Access : indicará los permisos asociados

A continuación disponemos de la configuración para cada uno de los idiomas seleccionados 

Por otro lado, deberemos de prestar especial atención a los niveles de acceso. Por defecto, Joomla! 3.2 no asigna ningún nivel de acceso al idioma configurado durante la primera instalación del Cms y que debemos de asignar para poder trabajar con el. 

A su vez, observamos la columna "home" que nos indica si cada idioma tiene identificado o no una página predeterminada en el menú de navegación. Cada idioma tendrá su propio menú, y cada menú deberá de tener una página, item de menú, predeterminado y en el que Joomla! se basará para activar la web en ese idioma. Más adelante veremos como activar la home o página de inicio para cada idioma. 

Creando y Organizando el contenido

Ahora crearemos una categoría para cada idioma instalado en nuestro site, y una categoría “ all “ para el resto de idiomas. De esta forma nuestro root de categorías debería de presentar la siguiente estructura

A su vez, iremos creando los correspondientes artículos y asignandoles al idioma y categoría que pertenecen.

Los módulos también se verán influenciados por los idiomas instalados en nuestro site, de tal forma que al igual que se muestran en una determinada posición en base a la asignación de un menú, ahora se mostrarán o no en base al idioma que tengan asignado.

Creando los menús

Al igual que hemos hecho con las categorías, artículos y módulos, debemos de crear un menú para cada Idioma.  Para ello:

1. En nuestro Menu Manager, daremos de alta cada un menú por cada idioma.
2. Dentro de cada menú , creamos los items de menú correspondientes y les asignamos  el idioma al que pertenecen
3. El item de menú creado como página de inicio , o home, una vez lo marquemos como predeterminado, mostrará el icono con la bandera del idioma al que corresponde, excepto el menú All que mostrará el simbolo de estrella.

De esta forma, la opción predeterminada como Homa dentro de cada menú debería de presentar la siguiente imagen.

En el caso del menú All

En el caso del menú ES

Al igual que publicamos un menú a través de un módulo para una web en un solo idioma, ahora deberemos de crear un Módulo tipo Menú para cada uno de los idiomas instalados , asignarle el Menú y el idioma al que pertenece.

Ejemplo Módulo tipo menú para el idioma EN que se publicará en la posición indicada de la plantilla una vez el usuario seleccione el idioma inglés.  

  
Creando el Módulo selector de idioma - Switcher -

El Módulo selector de idioma , será el modulo que muestre las banderas con todos los idiomas instalados en nuestra web y que realizará las funciones de conmutador entre idiomas.

Para crear nuestro Switcher,  nos dirigimos a nuestro gestor de módulos, a Extensions > Module Manager > new y seleccionamos el módulo tipo Language Switcher ó Selector de idioma.

Una vez publicado en la posición elegida de nuestra plantilla, el módulo publicado en la web  debería de mostrar una imagen similar a la siguiente y que permitirá la activación de nuestra página web en el idioma correspondiente.

 Activando nuestro Web Site Multi-idioma

Idiomas instalados, contenido creado, estructura diseñada e interruptor dispuesto, solo nos queda activar el sistema multi-idioma. El encargado para ello es el Plugin System - Language Filter que por defecto viene desactivado y que deberemos de publicar. Para ello localizamos el plugin en nuestro gestor de plugins a través del filtro “system” o la búsqueda Language ó lenguaje en caso que tengamos nuestro bank-en en español y, lo activamos.

A partir de ahora dispondremos de una página web multi-idioma. ( Rocks )

Asociación entre menús, categorías y artículos

Cuando damos de alta un item de menú, tenemos la posibilidad de asociar esa opción de menú a su equivalente en cada uno de los otros idiomas. La activación de esta funcionalidad evita que el usuario vuelva a la Home cada vez que selecciona un idioma. Con Joomla! 3.2 las asociaciones se extienden a las Categorías y Artículos.

Para poder trabajar con menús asociados debemos de tener configurado nuestro Plugin “ System Language Filter con la opción item associations a sí

Una vez activado este plugin nos aparecerá una nueva etiqueta “ Associations “  dentro de nuestros menúr, categorías y artículos y que permitirá vincularlo con su homólogo en otro idioma.  

Ejemplo Menú con items de menú asociados
 

Ejemplo Categoría con etiqueta asociaciones activada.

SEO con Joomla! MULTILENGUAJE

Caracteres no latinos

Dentro de la Configuración Global de nuestro Site, Joomla! dispone de varia opciones que favorecen enormemente el SEO de nuestra página web,  como lo es la construcción de urls amigables, Si hemos activado estas opciones, a la vez que nuestro site tiene idiomas como el Chino ó el Ruso, deberemos de activar también , “ Unicode Aliases ” , pues tanto el Chino como el Ruso son carácteres no latinos y en la construcción de urls amigables generaría errores en la navegación. 

Metadescription

Joomla! nos permite mostrar a los buscadores una metadescription para cada uno de los idiomas. Para ello haremos iremos a nuestro gestor de contenidos,. Extensions > Language Manager > Content, dónde seleccionando cada idioma de contenido accederemos a la sección de Metadata.

Para que los Metas se intercambien entre menús asociados debemos de activar dicha opción en nuestro Plugin System Language - Filter que vimos con anterioridad.

Informando del idioma a los buscadores como Google.

Al igual que un usuario, cuando llega a nuestra web en multi-idioma, dispone de elementos que le indican las traducciones disponibles, si queremos mejorar nuestro posicionamiento, debemos de hacer los mismo para buscadores.

Una de las opciones más utilizadas es a través de un Sitemap. Componentes como Xmap nos permiten crear y publicar, un Sitemap por cada menú / idioma que hemos creado en nuestra web.

Otra opción es indicarlo en el header de nuestro index.php de nuestra plantilla activa, indicando en el código las urls alternativas REL Alternate , y que sirven para comunicar a los buscadores las urls que activan cada uno de los idiomas que tenemos instalados en nuestro site.

Ejem versiones alternativas disponibles en una web multi-idioma

<link rel="alternate" hreflang="sw" href="http://www.midominio.com/sw/" />
<link rel="alternate" hreflang="es" href="http://www.midominio.com/es/" />
<link rel="alternate" hreflang="en" href="http://www.midominio.com/en/" />
<link rel="alternate" hreflang="ru" href="http://www.midominio.com/ru/" />

En caso que hayamos activado el redireccionamiento automático en nuestro plugin System Language-Filter deberemos de incluir también la versión principal de la página de redireccionamiento a través del valor x-default

<link rel=”alternate” href=”http://www.midominio.com/” hreflang=”x-default” />