P.T. Costa Brava Pirineu Girona Web Oficial › wp-content › uploads › 2012 › 02... · Febrer 2012 P.T. Costa Brava Pirineu Girona Web Oficial Conceptualització del projecte

Febrer 2012

P.T. Costa Brava Pirineu Girona Web Oficial Conceptualització del projecte

Costa Brava Pirineu de Girona Conceptualització web oficial

2

Índex

Índex .............................................................................................................................................. 2

Estratègia editorial i arbre de continguts ...................................................................................... 4

Les funcions a les que haurà de respondre la web: .............................................................. 4

Moments claus de decisió del viatge: ................................................................................... 4

Els principals motius de visita són (pla estratègic PTCBG) .................................................... 4

I les pàgines més vistes (Google Analytics) ........................................................................... 5

Concepte creatiu i briefing de disseny .......................................................................................... 6

Característiques diferencials de la Costa Brava ........................................................................ 6

Idees Concepte creatiu .............................................................................................................. 6

Arquitectura, funcionals i línia de navegació ................................................................................ 7

Funcionalitats ............................................................................................................................ 7

A totes les pàgines: ............................................................................................................... 7

Al contingut en text: .............................................................................................................. 7

Al peu: ................................................................................................................................... 7

Capçalera: .............................................................................................................................. 8

Adaptació de la web al model de negoci ...................................................................................... 8

Reserves online ......................................................................................................................... 8

Publicitat ................................................................................................................................... 9

Integració dels mapes ................................................................................................................. 10

Integració dels elements 2.0, Web TV i blogs ............................................................................. 10

Web Tv .................................................................................................................................... 11

Els blogs ................................................................................................................................... 11

L’agenda ...................................................................................................................................... 11

Català i castellà ........................................................................................................................ 11

Altres llengües ......................................................................................................................... 12

Briefing tècnic i BBBDD ............................................................................................................... 13

Llengües................................................................................................................................... 13

Gestor de continguts i desenvolupament tècnic .................................................................... 14

Maquetació ............................................................................................................................. 15


3

Documentació del projecte ..................................................................................................... 15

Base de dades .......................................................................................................................... 16

Com es carregarà el contingut d’Infotur? ........................................................................... 16

Pujada de continguts i administrador ..................................................................................... 17

Pujada de continguts a la web ............................................................................................ 17

Administrador web .............................................................................................................. 17

Analítica web ........................................................................................................................... 18

Publicitat ................................................................................................................................. 18

Reserves de serveis turístics.................................................................................................... 19

Agenda .................................................................................................................................... 19

Briefing per optimitzar la web per SEO ................................................................................... 20

Altres funcionalitats importants de la web ............................................................................. 24

Millores suggerides ..................................................................................................................... 24

Possibilitat de test A/B per a optimitzar pàgines de la web ................................................... 24

Mòbils ...................................................................................................................................... 25


4

Estratègia editorial i arbre de continguts

L’arquitectura de la web ha de reflectir el 3 aspectes claus que cal tenir en compte a l’hora de conceptualitzar la web d’una destinació: Les funcions a les que haurà de respondre la web:

� Inspiració + Experiències úniques: Els continguts que surtin de la BBDD hauran de completar-se amb continguts més inspiracionals. La home de la web també tindrà un rol inspiracional fonamental.

� Model de negoci i central de reserves: el model de negoci tindrà la seva base en el contingut patrocinat i banners, i els serveis de reserves. La central de re-serves estarà visible i en lloc fix a totes les pàgines. Els continguts patrocinats i el banners es diferenciaran de forma clara de la resta de contingut. Totes les fi-xes de contingut de pobles, ubicacions i allotjaments o activitats tindran un link a la corresponent reserva.

� Funció enciclopèdica amb informació sistemàtica de poblacions, platges, mo-

numents, establiments turístics, etc. I, en general, de tots els punts d’interès convenientment classificats per categories.

� Contingut generat per els usuaris. Presència 2.0.

Moments claus de decisió del viatge: La web ha de mostrar continguts útils per l’usuari

1. Abans del viatge. 2. Durant el viatge. 3. Desprès del viatge.

Els principals motius de visita són (pla estratègic PTCBG)

Platges: 14% Espais naturals: 10% Clima: 9% Excursions passar el dia: 5% Equipament cultural Descansar uns dies Ambient del municipi de destí Ja coneix el destí


5

Oci nocturn Oferta gastronòmica Visitar amics Pròxim a origen Rutes Recomanat Per preu Conèixer bé la destinació Viatjar per diferents llocs de la Costa Brava Instal·lacions d’oci i per famílies Esdeveniments

I les pàgines més vistes (Google Analytics)

Playas y calas1 Hoteles Alojamiento hebergement mapas-y-transportes Agenda de actividades Buscador geográfico apartaments buscador propuestas conoce la región campings naturaleza mapa como llegar alojamiento rurak loisirs Agenda d'activités Thigs to do Geographical search discover-the-region Allotjament plages-et-calanques Appartements touristiques

1 La llengua a la llista reflecteix la llengua en què és una de les pàgines més vistes del global de la web.


6

Concepte creatiu i briefing de disseny

Característiques diferencials de la Costa Brava

En aquest ordre:

� Natura � Dalí i art (cultura) > lloc de trobada per molts intel·lectuals i artistes

d’avantguarda. Costa Brava: lloc de creació � Avantguarda gastronòmica � Muntanya, cales mediterrànies i platja en un sol destí � Nuclis urbans importants molt a prop de les cales més recòndites � A prop de Barcelona � A prop de França

Idees Concepte creatiu

Storytelling La Costa Brava és un lloc de creació i d’evasió. El seu entorn natural privilegiat de mar i muntanya i el seu clima, són els que diferencien la Costa Brava d’altres destinacions semblants. I aquest elements són els que hauran de reflectir-se en tot moment a l’hora de navegar per la web. El disseny i els elements de la home i la capçalera han de tenir en compte els elements diferenciadors de la Costa Brava (veure punt anterior). Altres elements molt importants però que no són diferenciadors:

Platges Clima mediterrani Esports, especialment el golf, nàutic i submarinisme Destinació saludable, relax


7

Arquitectura, funcionals i línia de navegació

Les propostes hauran d’incloure:

� Proposta d’arquitectura � Exemples de línia de navegació � Exemples de documents funcionals

Els funcionals complets seran una de les primeres entregues del projecte. Els funcionals hauran de respondre als objectius de la web, al seu model de negoci i als requisits bàsics d’usabilitat i navegabilitat.

Funcionalitats

A totes les pàgines: Funcionalitats mínimes. Es valorarà que les propostes aportin altres funcionalitats útils per la web.

� Motor de reserves � Quicklinks: automàtics (per tags o per ontologies –caldrà veure les formes de

relació però això pot quedar obert als plecs) amb possibilitat de control manual a les pàgines importants.

� Anuncis/banners/patrocinis: preferentment administrables per seccions i llen-gua de la web

� Destacats: 2 links a contingut relacionat: automàtic (mateix comentari que a quicklinks) amb possibilitat d’emplenar-los manualment a les pàgines principals

� Botons 2.0 � Pobles, platges, agenda, etc: possibilitat de recomanar reserves

d’allotjament/cotxe/activitats i d’afegir links a reserva concreta. Al contingut en text: Possibilitat de compartir en Facebook i Twitter. Al peu: links a Newsletter, Professionals, Centenari, Webcams, Accesible, Móbils, Mapa web, Contacte, Institucional


8

Capçalera: Llengües, F Like, Join us (FB, TW, Flickr), Mapes, El Temps, Contacte

Adaptació de la web al model de negoci

Reserves online

Les reserves d’hotels i serveis turístics són la principal via d’ingressos de la web, per la qual cosa la integració de les reserves i els percentatges de conversió són dos ele-ments clau de la nova web. El Patronat té acords amb diferents proveïdors de reserves d’allotjaments: Booking per hotels, Escapade per apartaments, Traveligsaw per cotxes, Golfswitch per golf. I és probable que durant el desenvolupament de la web s’incorporin més: campings, activitats, restaurants i turisme rural, ofertes. En tots els casos les pàgines de reserves són controlades pel proveïdor corresponent, tant si aquestes estan amb domini costa-brava.org (ex: apartaments.costabrava.org) com si estan sota domini del proveïdor (ex: http://www.booking.com/index.ca.html?aid=340356;sid=e6aae795fb0838e6c4ac9928a6ba930b). Volem integrar-los tots en una única caixa de cerca. En relació amb les reserves, dins les tasques de l’adjudicatari del contracte estan:

� Programació de la caixa de reserves multi producte, a partir de la informació subministrada al Patronat pels diferents proveïdors amb els paràmetres neces-saris per a formar les URLs a partir dels paràmetres de cerca.

� El contingut de les pàgines de reserves queda fora d’aquest contracte. L’únic que se li demanarà a l’adjudicatari del contracte és l’adaptació de la nova cap-çalera web per a els productes de reserves que com apartaments fan servir el disseny web del Patronat, les fulles d’estil i suport al proveïdor de reserves en el canvi de disseny.

� Elements de navegació contextual apuntant a les pàgines de reserves. Exem-ples:

o A les fitxes d’hotels pels quals hi ha possibilitat de reservar a Booking (aproximadament entre 400 i 500), la caixa de reserves ha de tenir in-corporat el paràmetre de l’hotel per a fer cerques per reservar exclusi-


9

vament en aquest hotel. o A les fitxes dels pobles hi ha d’haver un link a la reserva d’hotels al po-

ble i voltants, i el mateix per apartaments. o A les fitxes d’agenda hi ha d’haver un link a reservar hotels i un altre a

apartaments per tal de reservar a la població i dates de l’activitat. La caixa de reserves es mostrarà a la home i a totes les pàgines de la web i integrarà en una sola caixa tots aquestes elements:

� Hotels � Apartaments � Cotxes � Oberta la possibilitat d’afegir nous serveis.

En un segon moment (probablement alguns d’ells dins del període de desenvolupa-ment de la web):

� Cases rurals � Activitats � Càmpings � Restaurants � Ofertes

El que volem en la nova web és donar un major protagonisme a la possibilitat de re-serves, ja que és la part fonamental del nostre model de negoci en Internet.

A l’hora de mostrar la informació d’hotels, apartaments i altres establiments turístics, cal combinar dues funcions:

� L’exhaustivitat pròpia de les webs públiques de turisme que han de presentar tots els establiments del sector

� El model de negoci de la web via motor de reserves, que també es una via d’ingressos pel sector turístic gironí.

Publicitat

La web tindrà uns espais reservats a la inserció de publicitat. El desenvolupament web que es faci ha de permetre:

� pujar aquestes peces (format: imatge o flash), una per llengua � tenir diferents banners en diferents seccions de la web � mesurar els clicks efectuats sobre els banners i presentar uns informes simples


10

amb, com a mínim, les següents dades: o dates (a escollir quan es generi l’informe) o client (a afegir quan es pugi un banner, encara que no sigui un camp vi-

sible a la web) o secció o URL o clics

� Els informes poden estar en format CSV.

Integració dels mapes

El Patronat fa servir el sistema de mapes de Nexus, basat en Google Maps i que incor-porarà la base de dades d’Infotur amb els POIs classificats i categoritzats. Permet visu-alitzar desenes de capes diferents sobre el mapa. La web tindrà una pàgina específica pel mapa de Nexus a pàgina completa o gairebé completa amb totes les opcions. A més, moltes pàgines de la web –establiments turístics, pobles, museus, etc.- contin-dran un petit mapa centrat en el punt d’interès (Nexus o Google Maps), que enllaci al mapa gran centrat al punt d’interès, que es passarà com a paràmetre per carregar el mapa de Nexus corresponent.

Integració dels elements 2.0, Web TV i blogs

A la futura web volem destacar l’activitat 2.0 del Patronat:

� Tripadvisor: www.tripadvisor.es/Attractions-g616242-Activities-Costa_Brava_Catalonia.html

� Facebook (català i castellà + anglés): http://www.facebook.com/costabravapirineudegirona i pel públic anglès fa-cebook.com/visitcostabrava

� Twitter: català i castellà + anglès + Club Golf: http://twitter.com/costabrava http://twitter.com/visitcostabrava

� Flickr: http://www.flickr.com/photos/costabravapirineudegirona


11

http://www.flickr.com/groups/costabravapirineudegirona

� YouTube: castellà i català + anglès http://www.youtube.com/costabravapirineu

Una solució a valorar és separar tot el contingut 2.0 i el contingut que es presta a parti-cipació o col·laboració en un sol espai. Enllaç al blog i possibilitat d’incorporar títols i enllaços directes a les darreres entrades (via RSS). Botons per a compartir continguts: a totes les pàgines de la web: compartir en FB, Twitter, G+. A més de les funcionalitats d’enviar i imprimir les pàgines.

Web Tv

El Patronat compta amb una web TV en pre-producció. S’haurà de tenir en compte per tal de donar-li un espai amb visibilitat dins de la futura web.

Els blogs

Tenim el blog blog.costabrava.org en aquest moments només en català i dirigit més al sector turístic que al públic final. Però probablement abans de la finalització de la web se’n publiquin en altres llengües i dirigits al públic final: castellà, anglès, francès. Els blogs hauran de tenir un espai destacat a la web amb un enllaç visible. Haurem de decidir si també els destaquem via widget presentant una caixeta amb les últimes en-trades (a decidir).

L’agenda

Diferenciarem entre l’agenda en català i castellà (més completa) i la de la resta d’idiomes per tal de respondre als diferents interessos que es tenen en funció de la distància del visitant.

Català i castellà

Probable acord amb una font externa. La lectura de dades d’aquesta font externa


12

(probablement en RSS) i la incorporació dels seus resultats a l’agenda de la web està inclosa al projecte.

Altres llengües

Es publicaran aproximadament 4-6 activitats mensuals. Una activitat contindrà com a mínim els següents camps:

� Títol � Descripció de l’activitat � Imatge: foto o vídeo � Data inici � Data fi � Notes sobre les dates: per exemple, per activitats que són només determinats

dies de la setmana dins d’un període llarg � Data publicació a la web � Data fi publicació a la web � Població o poblacions (> mapa) � Categories � Link a la web de contacte o esdeveniment � Telèfon de contacte � A més dels camps que l’empresa que desenvolupi la web consideri necessaris

per a: o Gestionar les prioritats de publicació de les activitats o Tenir la mateixa fitxa disponible l’any següent però sense que es publi-

qui automàticament, ja que sovint canvien les dates de les activitats o Afegir els enllaços contextuals a reserva d’hotels (amb una població i/o

dates determinades) i altres establiments turístics. La població i la categoria es poden fer servir per relacionar automàticament l’activitat amb continguts relacionats de la web. Funcionalitats de l’agenda a la web actual que volem mantenir:

� Cerca per dates.

� Actualment l’agenda té diferents categories: esports, fires, calendari gastronò-mic, etc. Es canviaran una mica a la nova web, però es continuarà treballant amb categories d’activitats. Aquestes categories poden funcionar com tags (un mateix esdeveniment en pot admetre més d’una). Es faran servir per filtrar l’agenda i per suggerir activitats a pàgines de temes relacionats amb elles com


13

esports o gastronomia.

� Cerca per població. La versió actual creiem que no és útil. En general només el públic català coneix prou els municipis de Girona i, a més, molts cops el que ne-cessitem més que una activitat a un municipi concret (cosa que obliga a fer un munt de cerques si busco alguna cosa prop d’Olot per aquest cap de setmana, per exemple), caldria aprofitar els avantatges de la geolocalizatció i mostrar els esdeveniments a menys d’X km del punt triat. I a l’hora de triar els punts, cal-dria començar pels 10 o 15 municipis més coneguts abans de la llista alfabètica dels més de 200 municipis.

� Enllaços relacionats a partir de la categoria a la que pertanyen les activitats, creuant informació amb Infotur que té tags associats a les seves fitxes.

Si l’acord al que ens referim al punt anterior no s’arriba a concretar, aleshores totes les llengües funcionarien amb aquest sistema.

Briefing tècnic i BBBDD

Detallem en aquesta secció les característiques que necessariament ha de tenir la web i les que queden obertes en espera de les propostes de les empreses licitants:

� Llengües � Gestor de continguts � Maquetació � Documentació del projecte � Base de dades � Administració del contingut � Analítica web � Implementació de les vies de negoci de la web: reserves, publicitat � Agenda � Posicionament en cercadors (SEO) � Redireccions pel procés de Migració web

Llengües

La web mantindrà les sis llengües de la web actual: català, castellà, anglès, francès, alemany i italià. És possible que s’afegeixi alguna llengua nova a la qual es tradueixi només una petita part del contingut de la web.


14

Les versions de llengua mantindran els subdominis actuals: ca.costabrava.org per a la web en català, es.costabrava.org, en.costabrava.org, etc. Podrà haver-hi pàgines que només es publiquin en una o vàries llengües, però no en totes. És una situació molt freqüent a l’agenda. Funcionalitats:

� quan a una pàgina interna canviem de llengua, anirem a la mateixa pàgina en una altra llengua, i no a la home.

� Actualment la major part de les diferents webs del Patronat tenen aquest sis-tema d’assignació de llengua:

o si l’usuari ja ha visitat la web del Patronat, cal llegir la cookie que guarda la llengua que va fer servir a la seva darrera visita

o si no té la cookie li mostrem la web en la llengua del seu navegador I li assignem la cookie

o si el navegador no està en cap de les 6 llengües de la web, la mostrem en angles I li assignem la cookie

o I, finalment, si l’usuari canvia de llengua durant la seva visita, actualit-zem la cookie,

� Es vol mantenir un sistema similar, o un de millor que piugui proposar l’adjudicatari.

Gestor de continguts i desenvolupament tècnic

El gestor de continguts haurà de ser Open Source, disposar d’una comunitat activa i estar ben documentat. El Patronat necessita un gestor de continguts que doni resposta a totes les seves necessitats tècniques i de publicació, que tingui garanties de continuï-tat, i en el que en un moment donat puguin treballar altres proveïdors per afegir noves aplicacions, microsites, etc. A la proposta cal detallar quin és el gestor de continguts triat, les raons que ha portat a triar-lo per aquest projecte, i quines extensions està previst instal·lar. Si cal pagar alguna llicència, cal especificar-lo clarament a la proposta, i incloure’l en el preu licitació. Cal especificar les característiques del servidor web i si es recomana tenir-ne més d’un, o si el hosting haurà de tenir característiques diferents de les actuals. Actualment el Patronat per les noves webs disposa d’un servidor Apache, amb PHP i MYSQL ins-tal·lats. Si la proposta presentada suposa haver d’instal·lar nous programes, o necessi-ta d’un tipus diferent de servidor, cal especificar-ho clara per fer les previsions corres-


15

ponents. La web, exceptuant seccions específiques y alguna funcionalitat puntual amb la que l’adjudicatari vulgui dotar al portal,haurà de complir les pautes d’accessibilitat AA des-crites al document 'Web Content Accessibility Guidelines 1.0' (Directrices de Accesibili-dad al Contenido Web 1.0), elaborat per W3C.

Maquetació

La web ha de veure’s i funcionar correctament en els següents navegadors:

� Internet Explorer 7, 8 i 9 � Firefox 3.6+ � Google Chrome 5+ � Safari 5+

La web ha de visualitzar-se correctament als principals navegadors de telèfons i dis-positius mòbils. El projecte principal d’aquesta web no inclou el desenvolupament d’una versió específica per a mòbils (tot i que és una de les millores que suggerim), però la web ha de poder-se veure I utilitzar correctament als dispositius mòbils.

Documentació del projecte

Forma part del projecte, l’entrega de documentació exhaustiva del desenvolupament realitzat, que permeti fàcilment als tècnics del Patronat fer modificacions, afegir pàgi-nes, seccions i mòduls, minisites de campanya etc. Cal tenir en compte que a més de la web principal a desenvolupar en aquest projecte, el patronat té altres webs que es mantindran i que s’han de poder relacionar fàcilment: webs de clubs, blogs, webcams, etc. La documentació del projecte es lliurarà impresa i en format digital. El projecte haurà de tindre en compte hores de formació en l’eina a l’equip del Patro-nat i a la seu del Patronat, i un manual d’ús per l’equip que administri els continguts. Comptem dues sessions de formació al patronat, i hores de suport als 3 mesos posteri-ors a la publicació de la web.


16

Base de dades

Aquest és un dels aspectes importants del desenvolupament de la nova web. La web comptarà amb dos tipus principals de continguts:

� Contingut editorial sobre l’oferta turística de la Costa Brava i el Pirineu de Gi-rona, que es pujarà directament al gestor de continguts. Aquest contingut edi-torial, a més de text, pot incloure imatge, vídeo, pdfs per descarregar, etc. Aquest contingut s’afegirà, editarà i guardarà a la pròpia web. Aquest contingut el pujarà l’empresa licitant.

� Contingut exhaustiu dels POIs (punts d’interès, que inclouen, pobles, museus, hotels, restaurants, estacions, aeroports, etc.)

o Aquesta informació provindrà de la base de dades Infotur de l’Agencia Catalana de Turisme

o A l’adjudicatari se li entregarà documentació exhaustiva sobre l’arquitectura i les característiques d’aquesta base de dades.

o És una base de dades externa, que manté l’Agència Catalana de Turisme i està allotjada als seus servidors.

o Infotur té aproximadament 130 tipus de POIs, probablement a la web es treballarà amb menys. Aquests tipus de punts d’interès es classifiquen en grups com

� Allotjament, amb 9 categories diferents (hotels, apartaments, càmpings, refugis de muntanya, etc.). L’estructura de dades dels diferents tipus d’allotjaments és bastant semblant,

� El mateix passa amb els altres grups generals com cultura que agrupa fins a 15 categories diferents: museus, galeries d’art, monuments, parcs i jardins, etc.

� Des de la web no es podrà modificar aquesta informació (s’actualitza directament a Infotur)

� Infotur és una base de dades de punts d’Interès turístics geore-ferenciats (la web farà servir les coordenades d’Infotur per fer les crides al sistema de mapes). Aquesta base de dades no defi-neix l’arquitectura de la web o la gestió dels destacats de la ho-me, per exemple.

Com es carregarà el contingut d’Infotur? El procediment d’actualització de la informació contingut a Infotur (i de la càrrega ini-cial de la informació) serà el següent:


17

� La web accedirà a una còpia d’Infotur en format SQL que descarregarà d’un FTP. Probablement serà una còpia incremental que contingui només els canvis produïts des de la darrera còpia, però aquest és un extrem que no podem con-firmar en aquest moment, per la qual cosa s’ha de preveure la possibilitat que la còpia sigui completa.

� La web carregarà aquest SQL i actualitzarà les dades que hagin canviat. O si tre-balla amb aquest SQL com una base de dades externa instal·lada al mateix ser-vidor web, instal·larà la nova còpia substituint l’antiga.

Aquest procediment es realitzarà de forma automàtica

� cada 24 hores, i � quan l’administrador de la web ho necessiti, executant una opció disponible al

gestor de continguts (s’executarà quan hi hagi alguna actualització important d’Informació que s’hagi pujat a Infotur i que sigui convenient tenir disponible immediatament a la web).

Pujada de continguts i administrador

Pujada de continguts a la web Com acabem de detallar, una part dels continguts es pujaran de forma automàtica a la web des de la base de dades Infotur. Es valorarà com una millor, que el proveïdor assumeixi la pujada de la resta de contin-guts de la web (que en general correspondran als primers nivells de navegació i a les pàgines més inspiracionals). El material –text, fotografies, vídeo- el subministrarà el Patronat. Administrador web El panell d’administració del gestor de continguts permetrà, d’una forma assequible, fer el següent:

� Modificar el contingut de les pàgines, incloent els elements multimèdia � Crear noves pàgines i/o canviar la seva ubicació a la jerarquia (és a dir, modifi-

car l’arquitectura). Els menús es configuraran dinàmicament a partir de l’arquitectura de pàgines present al gestor de continguts.

� Gestionar els destacats de la home � Gestionar l’agenda: fitxes, dades de publicació, etc. � Traducció de continguts: les traduccions seran fàcilment gestionables al gestor


18

de continguts, mantenint al relació entre les diferents llengües d’un mateix contingut

� El gestor permetrà la definició de workflows bàsics d’aprovació (amb com a mínim tres estats per a: esborrany, pendent/en revisió, publicat).

� Es valorarà que el gestor de continguts permeti guardar versions anteriors de les pàgines, i registre dels canvis que s’han fet sobre una pàgina.

Analítica web

Treballarem amb dos sistemes d’analítica web: Google Analytics i Piwik. Amb un d’ells farem servir el mateix codi a tota la web per tenir una visió global del tràfic, i amb l’altre farem servir un codi diferent per a cada llengua. Per facilitar l’anàlisi de les estadístiques, les URLs de la web han d’estar estructurades d’una forma lògica i simple que també afavoreixi el posicionament (veure secció se-güent). Com per exemple id_llengua.costabrava.org/seccio/subseccio/titol-se-la-pagina. Això facilita l’anàlisi de l’ús de la web per seccions i continguts, i la seva millo-ra.

Publicitat

La web tindrà uns espais reservats a la publicitat. El sistema de gestió de la web per-metrà:

� Pujar aquestes peces (format: imatge, flash) i el link de destinació. Administra-ció per a les diferents llengües.

� Tenir diferents banners en diferents seccions de la web � Mesurar els clicks efectuats sobre els banners i presentar uns informes simples

amb, com a mínim, les següents dades: o dates (a escollir quan es generi l’informe) o client (a afegir quan es pugi un banner, encara que no sigui un camp vi-

sible a la web) o secció o URL o clics

� Els informes poden estar en format CSV.


19

Reserves de serveis turístics

La web implementarà les funcionalitats previstes a la secció d’aquest document dedi-cada al model de negoci de la web.

Agenda

El servei d’agenda és clau en aquest tipus de destinació. L’agenda serà en bona part el contingut amb el que podrem fidelitzar visites a la web. Característiques de l’agenda:

� Cada activitat tindrà una URL pròpia, una en cada llengua (important pel posici-onament).

� Camps propis d’inici i fi de l’activitat i data de despublicació a la home.

� Navegació fàcil e intuïtiva per diferents conceptes: o Any i mes o Tipus d’activitat o Cerca o Cerca per dates

� Home, amb les activitats destacades

� Arxiu d’activitats passades indexable pels cercadors. L’agenda es gestionarà des de l’administrador web, i cada activitat contindrà els se-güents camps (només alguns d’ells són imprescindibles per donar d’alta una fitxa a l’agenda):

� Títol � Descripció de l’activitat � Imatge: foto o vídeo � Data inici � Data fi � Nota sobre les dates: per exemple, per a activitats que només es realitzen de-

terminats dies de la setmana, o el tercer divendres de cada mes. � Data d’inici i data de fi de la publicació als destacats de la web (sempre roman-

drà a l’arxiu d’activitats passades, que és important pel posicionament) � Categoria � Organitzador


20

� Enllaç a la web de l’esdeveniment � Telèfon de contacte � Forma de gestionar la prioritat de publicació de l’activitat com a destacada a la

home i/o home agenda � Tenir la fitxa disponible l’any següent (per les activitats que es repeteixen cada

any), però sense que es publiqui automàticament. Només després que el web-master l’hagi validat, i corregir la informació que hagi canviat d’un any a l’altre.

Els resultats de l’agenda es publicaran en un RSS diferent per a cada llengua. Es valora-rà poder tenir RSS’s temàtics (p.ex. les publicacions de l’agenda en anglès relacionades amb cultura)

Nota Important: el Patronat està negociant amb un proveïdor extern la possibilitat d’incorporar l’agenda d’aquest proveïdor com a font principal de l’agenda en català i castellà. Les altres llengües es treballaran de forma independent amb les característi-ques que acabem de detallar. El desenvolupament de la web inclou la lectura i càrrega de continguts de l’agenda d’aquest proveïdor extern que, molt probablement, es rebrà en RSS.

Briefing per optimitzar la web per SEO

El posicionament en cercadors aporta dues terceres parts del tràfic de la web. Així doncs, mantenir i millorar aquest posicionament és un dels objectius essencials del projecte. La web haurà de complir una sèrie de requisits tant en el codi com en les funcionalitats d’administració, que permetin optimitzar el posicionament. Detallem a continuació les característiques principals.

� Bon sistema de redireccions de la pàgina d’inici. No es començarà amb una pà-gina per triar la llengua, sinó que la web detectarà la llengua de l’usuari seguint el mateix sistema que ara:

o si ja ha visitat la web li donem la home en la mateixa llengua en què va realitzar la seva darrera visita. (fent servir la cookie actual, ja que també la fan servir altres webs del Patronat com les webs dels clubs de Golf i Salut i Bellesa)

o si és un visitant nou, apliquem un dels següents criteris (en ordre d’aplicació):

� li presentem la web en la llengua del seu navegador � si el navegador no està en cap de les sis llengües de la web del

patronat, li mostrem la web en anglès. o Això s’ha de fer de tal forma que hi hagi una URL única per a cada llen-


21

gua, i no hi hagi una URL genèrica que pugui estar en qualsevol llengua (veure funcionament actual de www.costabrava.org, que automàtica-ment redirigeix, seguint els criteris detallats abans, a www.costabrava.org/ca, www.costabrava.org/es, etc.)

� Evitar l’ús del flash, frames i iframes, excepte en aplicacions prèviament pacta-

des amb el patronat.

� Navegació hipertextual i no a través d’imatges (fora d’excepcions acordades amb el Patronat), i sense javascript que doni problemes als cercadors per nave-gar per tots els links de la web.

� A aquest plec tècnic se li adjunta una proposta orientativa de l’arquitectura de la web. Qualsevol canvi que vulgui introduir l’empresa adjudicatària s’haurà de pactar amb el Patronat, i molt especialment aquells que facin augmentar el nombre de clics des de la home als continguts profunds de la web.

� Llistats. Les pàgines de llistats d’establiments (per exemple els aproximadament 900 hotels, o els 227 municipis), s’hauran d’adequar a les instruccions que es donaran durant el desenvolupament de la web. L’objectiu d’aquestes instrucci-ons és reduir al màxim el nombre promig de clics des d’e la pàgina d’entrada de la secció i els establiments, i crear formes de navegació relacionades amb les característiques dels objectes que llistem (comarca, estrelles dels hotels, etc.).

� Capçalera amb els camps estàndard (doctype, content-type, etc.)

� Maquetació XHTML I CSS, evitant pàgines amb codi molt extens.

� Elements de meta informació importants pel posicionament: o Títol (camp title del codi HTML) I meta descripcion de les pàgines. S’han

de preveure dues alternatives per emplenar aquest camp: � formant un títol a partir del títol de la pàgina (a la base de dades

o a la fitxa de la pàgina), afegint al darrere la secció i/o una ter-minació comuna a totes les pàgines. Aquesta funció ha de ser automàtica i formar tots els títols (i també les meta descripcions amb una altra fórmula) de la web de forma automàtica.

� que quan convinguin es puguin canviar aquests títols i descripci-ons automàtics, i posar-ne uns de manuals a les pàgines on con-vingui. Això ha de poder fer-se de forma simple a l’administrador web, sense necessitat de suport tècnic.

o Alts: igual que el cas anterior ha d’haver una forma de completar auto-màticament aquest camp, i s’ha de poder editar manualment. La funci-onalitat de l’administrador per pujar noves imatges ha de permetre em-


22

plenar els camps de meta informació –alt, title, associats a una imatge, que després s’han d’aplicar en les diferents pàgines en què s’hagi de fer servir la imatge.

o Headings (H1, H2, etc.). Les diferents plantilles s’han de programar de forma que facin ús coherent dels headings HTML per organitzar el con-tingut de la pàgina.

o Els enllaços interns, a més de l’hipertexte hauran de fer servir el camp “title”:

� Quan els enllaços siguin dinàmics (menús, links creuats de secci-ons recomanades que es carreguin dinàmicament), el title del link por ser el títol de la pàgina de destinació.

� Quan siguin manuals, ha de ser un cap fàcilment editable. o El camp meta keywords no es farà servir pel posicionament. L’empresa

que desenvolupi la web pot donar-li l’ús que li convingui més per les funcionalitats de la web.

� Les plantilles de la web destinades a mostrar contingut com rutes, pobles, es-

tabliments, etc. mostraran enllaços creuats amb altres seccions afins, per millo-rar la navegabilitat interna de la web i la relació de continguts.

� Es valorarà que la web tingui un mapa web dinàmic amb com a mínim home i dos nivells de profunditat.

� Es valorarà molt positivament que la proposta tècnica inclogui una funcionalitat per a la generació de sitemaps XML (http://www.sitemaps.org/protocol.php) per millorar la indexació de la web als cercadors. El sitemaps ha de ser dinàmic i actualitzar-se automàticament quan s’actualitzi la web.

� Quan la web ja estigui desenvolupada i en fase de revisió, però encara no publi-

cada a la ubicació definitiva, s’entregarà a l’empresa adjudicatària un llistat –probablement entorn de les 1000 URLs- de URLs de la web actual i les corres-ponents de la web nova. És el llistat de les pàgines principals i de les que reben més enllaços externs de la web actual, i la pàgina equivalent de la nova web. S’hauran d’implementar redireccions 301 de les URLs de la web actual a la no-va. I també s’aportaran algunes fórmules amb expressions regulars per fer el mateix tipus de redirecció, però en aquest cas seran poques.

� La solució preferida pel Patronat per les adreces de les diferents llengües de la

web, és mantenir un subdomini per llengua: ca.costabrava.org, es., en., fr., de., it. Si la solució tècnica proposada no permet fer-ho així, s’ha d’indicar a l’oferta i proposar una alternativa.

� Cal fer un esforç per eliminar errors del codi, que sovint donen més problemes amb el posicionament que en la visualització als principals navegadors. Es po-


23

drà demanar la revisió de les plantilles si no passen els validadors d’HTML/XHTML.

� URLs. Cap poder configurar les URLs de forma útil pels usuaris i pel posiciona-ment. Per exemple: llengua.costabrava.org/seccio/subseccio/titol-pagina-sense-accents-i-amb-guion. Detallar a la proposta quines opcions permet la so-lució tècnica proposada.

� Tant pel control de qualitat com pel posicionament la web ha de tenir un sis-tema (pot ser part del desenvolupament o un software extern afegir) per fer el control de qualitat:

o detectar enllaços trencats o llistar títols i meta descripcions de les pàgines per detectar-ne les repe-

ticions � Configurar els arxius robots.txt en acabar el projecte

� Pàgines d’error 404. Quan un usuari intenti arribar a una pàgina que no existeix

(per exemple seguint un link des d’una altra web a una pàgina interna de la web actual), cal seguir el següent procediment:

o primer tornar un error 404 o i després redirigir l’usuari a una pàgina o se li digui que ha intentat ac-

cedir a una pàgina que no existeix I que pot continuar navegant per la home o el mapa web, amb links a aquestes dues pàgines.

� Temps de càrrega de les pàgines i optimització del codi per reduir el temps de càrrega. Aquest aspecte és cada cop més important pel posicionament web, per la qual cosa la web del Patronat ha de complir les següents condicions:

o Obtenir una nota mínima de 80/100 al test de Page Speed de Google (https://developers.google.com/pagespeed/#url=http_3A_2F_2Fwww.costabrava.o

rg&mobile=false) i al test YSlow de Yahoo. I no tenir cap tasca d’alta priori-tat pendent al test de Google.

o Aquesta puntuació mínima s’ha d’obtenir tant a la home com a les dife-rents plantilles internes, i cal optimitzar les imatges comunes a la web (elements gràfics, peus de pàgina, etc.). Dins de les tasques del Patronat estarà l’optimització de fotografies que formen part de contingut de la web.

o Cal especificar quin és el procediment de treball amb el que s’aconseguirà aquest objectiu. I es valoraran positivament compromisos de millorar la valoració de 80/100.


24

Altres funcionalitats importants de la web

� Creació senzilla de formularis per part de l’editor web i recollida de dades i en-viaments per mail.

� Cercador complet (full text), preferentment amb possibilitat de carca avançada

Millores suggerides

Els elements que exposem a continuació no són obligatoris per a les propostes que es presentin per aquest contracte, però són millores que es valoraran molt positivament en l’avaluació de les ofertes rebudes. A més de les que presentem en aquesta llista, se’n poden presentar d’altres.

Possibilitat de test A/B per a optimitzar pàgines de la web

Seria interessant per obtenir el màxim rendiment de la web i de les seves vies d’ingressos, que el gestor de continguts permetés amb facilitat treballar amb dues o tres alternatives d’una pàgina i avaluar-ne el rendiment (p.ex: pàgines vistes, percen-tatge de visitants que arriba a una secció determinada com agenda, reserves, etc.). El test, a no ser l’adjudicatari a la seva oferta ens proposi una altra cosa es realitzaria amb Google Optimizer2 i Google Analytics. La millora, si s’ofereix, també ha d’incloure:

� un segon model de home (no cal presentar-lo amb la documentació del con-curs)

� disseny, maquetació i implementació de variants per agunes pàgines especial-ment importants pel model de negoci: fitxes establiments, capçaleres de sec-ció. En total entre 3 i 5 plantilles diferents.

Modularitat a la home i capçaleres de secció Com a complement es valorarà que a la home i les capçaleres de secció determinats elements siguin intercanviables per facilitar l’optimització de la web sense necessitat de redissenys.

2

https://accounts.google.com/ServiceLogin?hl=es&service=websiteoptimizer&continue=https%3A%2F%2Fwww.google.com%2Fanalytics%2Fsiteopt%2F%3Fet%3Dreset%26hl%3Des&utm_campaign=es&utm_source=es-ha-emea-es-google&utm_medium=ha&utm_term=google%20optimizer


25

Mòbils

Le visites amb dispositius mòbils ja superen el 5% del total de la web i estan creixent ràpidament. Es valorarà com una millora significativa el fet d’oferir un disseny i maquetació especí-fica per a dispositius mòbils de la web o d’una part d’ella. En cas d’oferir aquesta millora especificar, com a mínim:

� Quines parts de la web s’inclourien en aquesta web per a mòbils � Per a quins dispositius i navegadors s’optimitzarà � Si es farà ús de la geolocalització de l’usuari per oferir-li informació contextual

Documents

P.T. Costa Brava Pirineu Girona Web Oficial › wp-content › uploads › 2012 › 02... · Febrer 2012 P.T. Costa Brava Pirineu Girona Web Oficial Conceptualització del projecte