Web cliente final y gestor de contenidos Manual de Usuario v1 Hotetec, 2011

Transcripción

1 Web cliente final y gestor de contenidos Manual de Usuario v1 Hotetec,

2 Indice 1 Introducción Bienvenidos a TRAVEL OPEN APPS Objetivos Beneficios y ventajas Estructura de la web Arbol de contenidos Mantenimiento de la web... 6 Modo edición Diseño... 6 Home... 7 Imágenes teaser... 8 Logotipo... 8 Menús... 9 Redes sociales Contenidos Habitaciones...10 Ofertas Noticias...15 Galerías Contacto Motor de reservas Promoción de la web (SEO) Qué es SEO? Hacer SEO Dominio El título de la web

3 1 Introducción 1.1 Bienvenidos a TRAVEL OPEN APPS Bienvenidos a Travel Open Apps, la plataforma de distribución turística global que la Generalitat pone a disposición de todos los agentes del sector de la Comunitat Valenciana. Una herramienta con la que mejorar nuestras capacidades de comercialización y distribución y dar un salto cualitativo en nuestra posición de liderazgo en el turismo nacional e internacional. Travel Open Apps representa un ambicioso proyecto destinado a mejorar la capacidad del sector de la Comunitat Valenciana en la creación, comercialización y distribución del producto turístico, utilizando todo el potencial que nos ofrecen las nuevas tecnologías. El proyecto apuesta por la gestión íntegra de la cadena de valor por los propios agentes del sector, siendo la administración la proveedora de la herramienta y garante de su acceso, utilidad y uso. Travel Open Apps es un proyecto enfocado tanto a empresas como a destinos, en el que ambos encontrarán la posibilidad de hacer visible todo el potencial de su producto y distribuirlo o comunicarlo adecuada- mente a sus segmentos y clientes. Travel Open Apps es un proyecto tecnológico y estratégico que permite acceder a todo el inventario de la Comunitat Valenciana y así generar combinaciones de productos de alto valor para el cliente final. De este modo son los mismos actores y agentes del sector los que, como verdaderos conocedores de sus destinos y segmentos, crean, comunican y distribuyen su producto por los canales de su elección. Travel Open Apps es un proyecto vivo, en constante cambio y proceso de mejora, porque es el sector el que va a hacerlo evolucionar tanto desde el punto de vista tecnológico, a través de la comunidad de desarrolladores, como estratégico, con el uso e implicación de todo el sector en el proyecto. Travel Open Apps provee al usuario de acceso a todo el inventario turístico de la Comunitat Valenciana, de tecnología 2.0 para aquellos agentes que la requieran y de las conexiones necesarias a todos los canales de distribución existentes. Con estos recursos el sector tiene las herramientas necesarias para construir productos adecuados para sus 3

4 segmentos, capacidad para comercializar en las plataformas adecuadas y la posibilidad de distribuir por todos los canales existentes. Además, Travel Open Apps ofrece una serie de recursos de gestión que permiten sacar el máximo partido a nuestra tecnología. Así, el usuario puede elegir entre su propio PMS o tomar el que le ofrece la herramienta, y puede crear sus propias páginas web y mejorar la relación con sus clientes mediante herramientas de gestión social y Objetivos La Plataforma Travel Open APPS incluye una herramienta de gestión de contenidos (CMS) orientada a mantener y dar contenido a la web de venta a cliente final de los establecimientos de alojamiento. Los objetivos de este curso son: Adquirir las habilidades necesarias para personalizar la página web de venta directa. Conocer el mecanismo de publicación de su oferta de alojamiento en la web. Para visualizar correctamente el sitio web se recomienda: Internet Explorer 8 o superior y/o Firefox 4.0, aunque se ha testeado su correcto funcionamientos con otros exploradores como Google Chrome, Opera 11.0 o Safari. Así mismo el sitio web está optimizado para utilizar la resolución de pantalla de 1280x1024 píxeles. Este manual pretende servir como una guía de referencia. Si esta utilizando una copia electrónica del manual, los enlaces identificados en azul dar un clic le permitirá navegar a la zona web que se esté comentando. 1.3 Beneficios y ventajas Usted controla su información El sitio se hospeda en servidores dedicados que le garantizan una alta disponibilidad. No depende de diseñadores o programadores para actualizar su web. Puede administrar su web desde cualquier lugar con una conexión a Internet. Tiene al alcance una plataforma de servicios en comunidad que se irán incrementando sobre demanda. 4

5 2 Estructura de la web Toda web está organizada a modo de secciones de una revista. Con la diferencia de que algunas de ellas no son meros textos con foto sino que son accesos a programas con los que podemos interactuar. De manera que el cliente podría hacer una reserva o pedir información adicional sobre algún aspecto del alojamiento. 2.1 Arbol de contenidos La Plataforma Travel Open APPS incluye una herramienta de gestión de contenidos (CMS) orientada a mantener y dar contenido a la web de venta a cliente final de los establecimientos de alojamiento. 5

6 3 Mantenimiento de la web La administración de la web se hace de una forma totalmente intuitiva: lo que se cambia es lo que se ve. El administrador de web tendrá que identificarse para poder acceder al modo de edición. La ventana de registro es simple: Los gestores de la Plataforma facilitarán a cada usuario una clave de acceso. Modo edición Localizada en la esquina superior izquierda hay un botón verde que es clave para estas tareas de mantenimiento. Pulsándolo pasaremos la pantalla a modo edición de manera que aparecerán otros botones y controles de edición en cada uno de los objetos que vemos. Volver al modo de presentación final, es tan sencillo como pulsar en la misma posición el botón correspondiente. De esta manera volveremos a ver la web tal y como la vería un 'visitante'. 3.1 Diseño La Plataforma Travel Open Apps permite variaciones sobre diseños tipo, pudiéndose modificar suficientemente como para obtener aspectos muy diferentes entre webs hechas sobre la misma plataforma. Por otra parte, funcionalmente se parte de una solución completa. Pudiéndose eliminar algunos aspectos que no interesen, como galerías de imágenes o incluso, la opción de venta on-line si solo se quiere disponer de una web informativa. Un establecimiento de alojamientos merece un diseño web atractivo, moderno y eficaz. Una página web donde el cliente pueda acceder a sus instalaciones desde la tranquilidad de su hogar o desde la oficina e incluso reservar la habitación sin tan siquiera tener que telefonear al hotel. La personalización es obligada para diferenciarse del resto de la oferta y en las opciones que se describen a continuación se explica la forma de hacerla. 6

7 Home La página inicial donde 'aterrizarán' sus clientes se denomina 'home' y existe en todas las webs. Por ello tiene una especial relevancia y debe contener lo más destacado del establecimiento y los enlaces al resto de contenido de la web. Esta página se estructurar en siguientes zonas: puede las Accceso a las redes sociales: Facebook, twitter... Menú: o índice general. Motor de reservas Presentación y/o saludo a los visitantes Promociones: fotos, ofertas, noticias... Pie de página: términos, mapa, contacto... 7

8 Imágenes teaser El carrusel de fotos, que presenta la página principal en su parte superior, pretende transmitir al visitante una rápida vista del establecimiento. Recomendaciones para las imágenes teaser. El formato puede ser.png,.jpg y.gif y el tamaño recomendado para cada una es de: 960 pixels de ancho por 280 de alto. Logotipo Es posible cambiar el logotipo de la página principal por el de su establecimiento personalizando la web con su imagen corporativa. El acceso a esta configuración lo tenemos desde el botón Page Info desde la página principal (home): Desde el botón Page info, podemos insertar y configurar el logo de nuestro negocio. Imagen del logo: seleccionamos la imagen de nuestro logo. 8

9 Imagen del logo para impresión: nos permitirá definir una imágen para el fondo de la página. Texto alternativo del logo: será el texto que nos aparecerá en el caso de que la imagen no se pueda visualizar. Eslogan: frase que acompañará a nuestro logo. Recomendaciones para el logotipo. El logotipo, es la representación más destacada de la marca del establecimiento. Merece la la pena dedicarle la necesaria atención para que quede lo mejor posible. Para ello es recomendable utilizar el formato.png con fondo trasparente. Aunque.jpg y.gif también son aceptados. Respecto al tamaño la recomendación es: 248 pixels de ancho por 86 de alto. Menús El usuario puede modificar los apartados del menú (índice general) que presenta el modelo de diseño. El método consiste en pulsar el botón Page Info desde cada página del menú. De este modo, para cada una de ellas tendremos estas opciones: Page in Navigation: marcando/desmarcando esta opción, activaremos desactivaremos la pagina y la opción del menú en la que estamos. / Window Title: aquí le ponemos título a la pagina y al la entrada del índice. Si no especificamos nada, usará el título de la web. Página de búsqueda: indicamos la página en la cual podremos ver la búsqueda realizada. Redes sociales 9

10 En la parte superior derecha de la cabecera de la página puede encontrar varios enlaces directos a las principales redes sociales. En modo edición aparecerán los botones correspondientes para añadir o eliminar iconos de Redes Sociales: Añadir o modificar una red social es tan fácil como copiar la dirección de la página que presente la información del establecimiento en la red correspondiente. 3.2 Contenidos En este apartado se tratarán todos los contenidos estáticos que presenta la web en sus diversos apartados. Habitaciones En este apartado podremos reflejar los tipos de habitaciones de las que dispone el establecimiento. En primer lugar, apretaremos el botón Nueva página de habitación para crear un tipo de habitación y le ponemos un nombre. Una vez creada, en la pestaña TEXTO, apretamos Editar y se nos abre una ventana donde tendremos las siguientes opciones: Título: indicamos el nombre de la habitación. 10

11 Subtítulo: podemos hacer una aclaración al tipo de habitación que se visualizará encima del texto. Text: definición y características de la habitación. Si cambiamos a la pestaña IMAGE, tendremos las siguientes posibilidades: Choose image type: elegimos el archivo con la imagen de la habitación. Image location: decidimos la ubicación de la imagen. Image caption: podemos escribir un pie de foto. Image copyright: podemos indicar los créditos de la imagen. Image description: descripción de la imagen. Ofertas Desde esta pestaña usted puede cargar las distintas ofertas que desee comunicar directamente al cliente final. Estas se presentarán en la página principal (Home) y en la correspondiente al botón Ofertas del menú. Mediante el botón Nueva Página de Oferta puede añadir una nueva entrada en la página. 11

12 En el campo de texto debe darle un título a la oferta y clickar en Archivar. Automáticamente aparecerá en la web como encabezado. Posteriormente para añadirle el cuerpo a la oferta debe clickar en el botón Nuevo contenido desplegándose así diferentes opciones: Text and Image : Inserta texto, imágenes o ambas. En el campo Subheading arriba mostrado puede añadir un pie de página (es posible dejarlo en blanco para que no sea mostrado) y en Text añade el cuerpo de la oferta. *Para guardar cualquier cambio siempre debe clickar Archivar. Clickando en Image puede insertar una imagen de su elección. Marcando el checkbox Upload puede seleccionar el archivo deseado desde su disco duro. Si por el contrario marca Dms accede a las imágenes previamente cargadas en el servidor. 12

13 Mediante el siguiente desplegable puede seleccionar dónde debe ser colocada la imagen respecto al texto introducido: left of the text : A la izquierda del texto. right of the text : A la derecha del texto. above the text : Sobre el texto. Posteriormente si lo desea puede otorgarle sus credenciales y descripción a la imagen rellenando los siguientes campos de texto: *Recuerde hacer click en Archivar para que sus cambios sean guardados. Quoted text : Inserta citas. 13

14 Si desea añadir una cita textual puede definir el autor en Quoted Text Author y en el campo Text la cita en cuestión. Link List : Añade una lista de enlaces de su elección. Puede añadir un pie de página o dejarlo en blanco para que no aparezca. Posteriormente haciendo click en add link inserta los enlaces deseados. Es posible apuntar a un enlace interno de la propia página ( Internal Link ), a uno externo ( External Link ) o a un archivo interno para su descarga ( Download Link ). En Page URL debe indicar la dirección web deseada ( y en Link Title el título que desee otorgarle, será el texto que deberá ser pulsado para acceder al enlace. Si se dejara en blanco, por defecto se usará la dirección indicada como título. Editar Oferta: Usted puede editar en todo momento las Ofertas previamente cargadas pulsando el botón editar. En el campo Fecha desde puede indicar la fecha de inicio de publicación en la web de la oferta y en Fecha hasta la fecha en la que deje de publicarse. No confundir con la fecha de aplicación de la oferta en sí. Lógicamente la de publicación será anterior a la de aplicación. 14

15 De forma opcional puede rellenar distintos campos, como el precio de la oferta (se sobrepondrá sobre la imagen), el emplazamiento, etc... Puede modificar el texto principal de la oferta cumplimentando el campo Cuerpo, así como añadir una imagen desde su disco duro marcando upload o desde el servidor marcando DMS. Noticias En este momento, podremos introducir las últimos noticias concernientes a nuestro establecimiento. En primer lugar, apretamos el botón inferior de Nueva página de noticia y le ponemos un título a la noticia. Una vez hecho esto, hacemos click en editar para configurar la noticia. Nos aparecerá la siguiente ventana: 15

16 Título: Será el título de nuestra noticia. Subtítulo: identificador de título. Fecha: le ponemos una fecha a la noticia. Podemos usar el calendario del desplegable. Esta fecha establecerá la validez de la noticia: cuando la fecha actual sea mayor que la indicada aquí, la noticia ya no aparecerá. Autor: indicamos el autor. Ubicación: texto adicional para el título. Cuerpo: texto completo de la noticia. Imagen: podemos añadir una imagen a la noticia. Ubicación de la imágen: elegimos de nuestro disco o del repositorio de la web (Dms) la imagen en la noticia que queremos mostrar. Podemos añadir una subnoticia apretando el botón Nuevo contenido, donde podremos incorporar un subtítulo y más texto. Al pie de la noticia hay dos áreas opcionales para presentar fotos adicionales a la principal de la noticia y la posibilidad de aceptar comentarios de los visitantes de la web respecto a la noticia. Para ello disponen de un formulario que podemos dehabilitar. 16

17 Galerías Es este apartado almacenaremos el contenido fotográfico referente al establecimiento, clientes, entorno o lo que queramos que la página presente de una forma pública. En la pestaña galerías puede clasificar en un cómodo índice los distintos álbumes de fotos que desee mostrar al cliente final. Podemos crear las nuevas entradas haciendo click en Nueva Página de Artículos y dándole un título a la galería. Mediante el botón Modificar Galería puede cambiar el título de la galería así como el cuerpo del texto principal. Puede desplazarla con el botón Mover o añadir una nueva imagen con Añadir Imagen a la Galería. Puede, de igual modo, insertar contenidos haciendo click en Nuevo contenido y seleccionando el tipo que desee. Este procedimiento ya está descrito en el apartado de Ofertas. 17

18 Contacto En este apartado nos aparece en primer lugar un formulario para que los futuros clientes puedan contactar con el establecimiento y exponer sus dudas y preguntas. Todos los campos se pueden editar. También se pueden añadir o eliminar los campos a rellenar, así como la obligatoriedad de cumplimentarlos. Aquí podemos ver un formulario de ejemplo. Si accedemos a la pestaña editar, nos aparece la siguiente ventana: Aquí podemos dar formato a los campos para definir sus características: Field Label y Field Name: ambos son obligatorios y será el título del campo. Description: podemos incluir una breve descripción de lo que requiere el cmpo. Mandatory: indicamos si la cumplimentación del campo es obligatoria. Validation: podemos definir el tipo de texto que se ha de escribir en el campo. Por ejemplo, si queremos que sea mail, números, contraseñas, etc Max Input length: fijamos un número máximo de caracteres para el campo. Lines: podemos escoger el tamaño de la caja que contendrá el texto. Localización y dirección Dentro de este apartado actualizaremos la ubicación del establecimiento. 18

19 Obtener el mapa de GoogleEarth es automático. Pulsando el botón editar, nos aparece una ventana donde podemos poner nombre al apartado e introducir las coordenadas GPS de nuestro establecimiento. Automáticamente, el sistema muestra marca en un mapa de la zona la situación de nuestro negocio. Nota: es importante separar los decimales con puntos. La dirección se introduce en la siguiente pestaña de la misma ventana: 3.3 Motor de reservas La Plataforma Travel Open Apps pone a su disposición un motor de reservas integrado en su Web B2C mediante el cual convertirá su hotel en una potente herramienta de comercio electrónico. Por sus características técnicas y su arquitectura modular, se puede adaptar a cualquier establecimiento hotelero, independientemente de su tipo de oferta y dimensiones. 19

20 El modelo propuesto de web presenta esta opción en casi todas sus páginas. Identificada claramente con el texto Reservar Habitación. Proceso de reserva. El cliente puede seleccionar cómodamente las fechas de entrada y salida de su reserva introduciéndola directamente o a través de un calendario flotante: Es posible reservar más de una con diferentes tipos de ocupación lista de Unidades nos presentará ocupación de cada habitación bebés y niños cuando se habitación a la vez de adultos y niños. La las opciones de incluido el reparto de seleccionan éstos: tarifas por el Dependiendo de las previamente cargadas establecimiento en la plataforma el sistema devolverá su disponibilidad tras pulsar el botón de RESERVAR. Seguidamente el sistema nos devolverá la lista de disponibilidad: Aquí el cliente podrá desplazarse por la lista seleccionado la línea de su conveniencia tras lo que continuará su proceso de compra volviendo a pulsar un botón inferior de RESERVAR. Podría suceder que el establecimiento no tuviera disponibilidad para las fechas o tipos de ocupación solicitados. En este caso la web 20

21 nos presentará una ventana recordando la selección hecha y el mensaje de falta de disponibilidad: Si, por otro lado, la búsqueda ha sido satisfactoria. La web nos presentará el formulario de datos personales junto con el precio y el recordatorio de los datos de la reserva. Finalmente obtendremos un código de confirmación tras rellenar el cuestionario y pulsar el botón de Confirmar reserva : 21

22 4 Promoción de la web (SEO) Básicamente de lo que trata es de poder conseguir e incrementar con el tiempo las visitas (o tráfico) a un determinado sitio web que provengan de los motores de búsqueda como Google, Yahoo y bing. Esto no incluye el tráfico que se pueda conseguir a través de publicidad pagada que estos motores de búsqueda ofrecen a sus clientes, sino que se refiere al tráfico proveniente de los listados normales (no pagados) que se despliegan cuando cualquier persona en el mundo está buscando algo y entra una palabra clave o frase en el motor de búsqueda. Estos listados se denominan resultados o enlaces orgánicos y el tráfico conseguido cuando alguien hace click allí se denomina tráfico orgánico. Los anuncios pagados, que normalmente se distinguen fácil, se denominan resultados o enlaces patrocinados. Como se aprecia en la imagen ampliada, en el caso de Google, los resultados orgánicos aparecen alineados a la izquierda mientras que los resultados o enlaces patrocinados aparecen a la derecha y en algunos casos en la parte superior resaltados con un fondo colorido. Con SEO, pretendemos aparecer en las primeras posiciones de los resultados orgánicos cuando el usuario entre una frase o palabra clave (keyword) relacionada con el tema o temas que trata nuestro website. Normalmente, los usuarios sólo revisan los primeros resultados haciendo que las páginas que NO se pueden visualizar en los primeros lugares consigan muy poco tráfico orgánico, volviéndose esto más dramático cuando nuestro sitio sale listado después de la tercera página de resultados porque allí, dicho sitio es prácticamente invisible para los usuarios de los motores de búsqueda. 4.1 Qué es SEO? SEO es la sigla en inglés para 'Search Engine Optimization' u optimización para motores de búsqueda. También se le conoce en español como posicionamiento en buscadores. La definición que da Wikipedia es proceso de mejorar el volumen o calidad de tráfico a un website desde los motores de búsqueda a través de los resultados naturales ( orgánicos o algorítmicos ). 22

23 4.2 Hacer SEO Nuestra Plataforma nos permitirá hacer 'SEO in-site'. O sea, configurar e identificar ciertos elementos para identificar nuestra web correctamente en los buscadores, facilitando su labor y su posición mostrada en la búsqueda de hagan los clientes. Dominio La solución Travel Open APPS soporta la gestión del dominio que el establecimiento pueda tener en propiedad. No dependerá ni formará parte del utilizado para el proyecto: travelopenapps.org. Sino que si por ejemplo, un hotel tiene registrado el dominio hotelmoderno.es y desea que este sea el utilizado en su web. Desde Travel Open APPS se gestionará el uso de este dominio pero nunca su administración. Siendo responsabilidad del propietario su correcto registro y renovación con cualquiera de las entidades gestoras de dominios en internet. El título de la web. Junto con el nombre del dominio, el título de la página es el elemento más importante para identificar correctamente la página. El lugar donde colocar este título lo encontraremos pulsando el botón Info. Página (Page Info) situado en la esquina superior izquierda: Hay otros campos importantes para el SEO: Cabecera (Headline (es) (*)). Debe ser una lista de palabras con las que supongamos deberían encontrar la web desde los buscadores (Keywords). P.e.: Hotel en Alcudia, Oferta hotel en Alcudia, alojamientos en Alcudia, Hotel Alcudia. Meta Keywords (es). Utilizaremos esta casilla del tercer formulario (Meta Data) si queremos enriquecer la información del punto anterior lo que sustituirá. 23

24 Meta Description (es). Este es el texto descriptivo de nuestra web que aparecerá en los buscadores. El ejemplo de la imagen corresponde a los datos reales de una web posicionada en primer lugar de Google al buscar: Hotel en Denia 24