Migración, diseño responsive y tunning SEO en Liferay 6.2 EE para el portal de Visure Solutions

Desde Zylk.net, hemos estado trabajando en la migración del portal de Visure Solutions (www.visuresolutions.com), desde una versión 5.2.3 CE de Liferay a una versión 6.2 EE. De esta migración, se desprenden varias mejoras respecto al anterior portal:

  • Aplicación de las recomendaciones SEO
  • Diseño responsive para la correcta visualización de los contenidos del portal en dispositivos móviles
  • Organización de los contenidos por países

Mientras trabajábamos junto a Visure Solutions con la anterior versión de Liferay (5.2.3 CE), el experto SEO nos indicó una serie de recomendaciones resumidas en los siguientes posts:

Entre estas recomendaciones, se encontraba la de tener dominios separados que correspondieran a cada país e idioma, y poder así tener URLs internacionalizadas. Debido a esto y ya que Visure Solutions es una multinacional implantada en varios países (España, Alemania, Reino Unido y Estados Unidos), optamos por tener un dominio por cada uno de estos países:

Así pues, por cada uno de estos sites tenemos un árbol de navegación independiente, con las URLs amigables internacionalizadas, y la gestión de los contenidos la realizaríamos desde el ámbito global de Liferay.

Liferay 6.2 EE gestiona  los links de 'alternate' y 'canonical' de la cabecera a partir de la internacionalización de las páginas de un site, sin embargo, debido a que tenemos diferentes sites por país e idioma, Liferay no es capaz de relacionar una misma página, por ejemplo, en español y en alemán, porque están en diferentes sites. Es por esto que hemos creado un plugin para la relación de las páginas entre distintos sites, para poder completar correctamente la cabecera de cada una de las páginas:

Portlet personalizado para la relación de las páginas entre distintos sites

 

El resultado final, por ejemplo, de la página de 'Requirements Management Software' sería:

  • Canonical: http://www.visuresolutions.com/requirements-engineering
  • Alternate - x-default: http://www.visuresolutions.com/requirements-engineering
  • Alternate - España: http://www.visuresolutions.es/ingenieria-requisitos
  • Alternate - Reino Unido: http://www.visuresolutions.co.uk/requirements-engineering
  • Alternate - Estados Unidos: http://www.visuresolutions.us/requirements-engineering
  • Alternate - Alemán: http://www.visuresolutions.de/anforderungsmanagement

Para la gestión de los sitemaps y la de los robots.txt de cada uno de los sites, Liferay 6.2 EE permite realizarla a través de la interfaz de configuración de estos.

Respecto al diseño responsive, utilizamos el framework Bootstrap 2 que ya trae Liferay 6.2. Además, los nuevos contenidos que hemos añadido en las diferentes páginas del portal, también utilizan este framework. De esta manera, el comportamiento de estos mismos contenidos se adapta para poder renderizarse en dispositivos móviles de forma óptima:

Vista de la página de inicio en un PC

 

Vista de la página de inicio en un dispositivo móvi

 

Vista del menú de navegación en un dispositivo móvil

 

Esta gestión de los sites, nos permite además del tratamiento independiente de los contenidos, la gestión, también independiente, de páginas, usuarios, documentos...

Debido a la gestión de diferentes sites por país e idioma (como hemos explicado anteriormente), la gestión de los contenidos que se muestran en estos, la realizaremos observando dónde se mostrará dicho contenido.

Ámbito global y sites por idioma y país

 

Para decidir, dónde tenemos que crear los contenidos, nos hacemos una pregunta ¿el contenido que vamos a añadir va a estar asociado a todos los sites (esté o no traducido)? si la respuesta es que sí, crearemos el contenido en el scope 'Global' de Liferay y lo traduciremos (en caso de que así sea). Si por el contrario, la respuesta es no, crearemos el contenido en el ámbito del site donde se vaya a utilizar, por ejemplo, si queremos añadir un evento (contenido estructurado) que va a tener lugar en Minneapolis sólo añadiremos dicho evento en el ámbito de www.visuresolutions.us (Estados Unidos):

Gestión de un contenido Web estructurado 'Evento'

 

A continuación, vemos cómo se gestiona un contenido no estructurado:

Gestión de un contenido Web no estructurado

 

Además, a corto plazo, se está planteando usar uno de los nuevos plugins que incluye esta versión 6.2 EE de Liferay: 'Audience Targeting EE', que permite dividir a los usuarios en segmentos para poder ofrecerles contenidos específicos. De esta manera podemos crear campañas personalizadas orientadas a los usuarios perteneciente a estos segmentos. Para ello, este portlet nos ofrece la posibilidad de crear reglas a partir de ciertos datos, como por ejemplo: edad, género, número de amigos en Facebook, localización(a partir de su dirección IP)...

 

A través de la gestión de las campañas, el portlet sugiere a los usuarios que pertenezcan a un segmento determinado, una serie de elementos específicos. Por ejemplo, podemos mostrar un enlace de descarga de una aplicación Android a los usuarios que accedan a la página desde un dispositivo Android.

 

Esta visualización de los contenidos de acuerdo al segmento al que pertenece un usuario, la realizamos desde el portlet ' User Segment Content Display', que nos permite configurarlo para indicar si el contenido se muestra al pertenecer (o no) a uno o varios segmentos.

00

Más entradas de blog

Añadir comentarios