Open IT Experts for Enterprise

Zylk empresa de desarrollo de ecommerce

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

Test Liferay
Test Liferay

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:

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



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:

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



Vista de la página de inicio en un PC

 

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



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

 

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



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.

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

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



Á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):

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



Gestión de un contenido Web estructurado ‘Evento’

 

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

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



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)…

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

 

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.

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

 

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.

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

Si te ha parecido interesante comparte este post en RRS

Facebook
LinkedIn
Telegram
Email

Leer más sobre temas relacionados

Deja un comentario

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