eGuide: Il proprio sito web 1 eGuide: Il proprio sito web Indice Tutto sta nella progettazione ...................................................................................................... 2 1. La configurazione ............................................................................................................... 2 2. La trasposizione.................................................................................................................. 2 3. La manutenzione ................................................................................................................ 2 La configurazione del Vostro sito web ....................................................................................... 3 Cosa considerare.................................................................................................................... 3 Creazione di sottopagine ........................................................................................................ 5 Il contenuto di testo................................................................................................................. 5 Il contenuto fotografico ........................................................................................................... 5 Con questi consigli eviterete ostacoli inutili:........................................................................... 5 Trasposizione e manutenzione .................................................................................................. 7 Joomla!.................................................................................................................................... 7 CMS Made Simple .................................................................................................................. 8 Drupal...................................................................................................................................... 8 Gli elementi componibili del sito web ......................................................................................... 9 HomepageTool di Bluewin e web-o-mat di Hostpoint ............................................................ 9 Consigli per lavorare con le agenzie Internet ............................................................................ 9 Agenzia consigliata dalla FSS.................................................................................................. 11 Version 1.0, 2010 2 eGuide: Il proprio sito web Tutto sta nella progettazione Come per qualsiasi progetto più impegnativo, inizialmente si pongono le domande del „Chi?, quando?, cosa?”. In linea di massima la creazione di un sito web è facile e si articola in tre ambiti: 1. La configurazione Come si presenta la pagina? Quali sono i contenuti e dove sono collocati? Come ci si muove all’interno della pagina? 2. La trasposizione La struttura, tutti i testi e le immagini, così come i link, vengono programmati e combinati in modo da poter essere visualizzati nel browser. 3. La manutenzione Nel corso del tempo, contenuti ed immagini vengono modificati ed aggiornati. A riguardo puntate su una soluzione CMS che Vi faciliti in tal senso. Maggiori informazioni sui diversi programmi CMS sono riportate alle pagine seguenti. Per tutti i passi da intraprendere, sta a Voi scegliere se farli da soli o avvalendoVi di un partner professionale. I suggerimenti seguenti sono validi in ugual misura, indipendentemente che lo facciate da soli o collaboriate con un’agenzia Internet. Alla fine di questo tema della eGuide, troverete ancora consigli relativi alla collaborazione con un’agenzia Internet. Version 1.0, 2010 3 eGuide: Il proprio sito web La configurazione del Vostro sito web I Vostri visitatori hanno esigenze elevate. Infatti, non trovando l’informazione cercata in tempo utile, usciranno dalla pagina. Gli studi attuali indicano che il tempo medio di trattenimento su un sito web è appena di due minuti. Potete prolungare questo tempo mettendoVi nei panni del visitatore e, con rapidità e chiarezza, portandolo dove vuole arrivare. Cosa considerare Con questi semplici trucchi e stratagemmi, potete creare una configurazione chiara, in cui chiunque potrà muoversi a livello intuitivo. 1 3 2 6 4 5 7 8 1. Collocate il Vostro logo in alto a sinistra ed utilizzatelo come link per la pagina principale. 2. Mantenete la navigazione breve e chiara con massimo sette punti. Collocate i punti orizzontalmente subito sotto al logo in una barra o nella colonna sinistra. Già passandovi sopra con il mouse, mostrate i punti di sottonavigazione che si trovano sotto alla navigazione principale. Permetteranno al visitatore di farsi rapidamente un’idea delle informazioni disponibili sin dall’inizio. 3. Per temi importanti, come ad es. un nuovo programma di corsi, create più accessi: devono essere trovati sia attraverso la navigazione principale che tramite una speciale indicazione sulla pagina principale. Inoltre potete rimandare agli accessi Version 1.0, 2010 4 eGuide: Il proprio sito web anche dalle sottopagine. Date libero sfogo alla Vostra fantasia ed integrate link e rimandi incrociati ovunque Vi sembri opportuno. 4. Riservate uno spazio più ampio al tema principale attuale, così come al nuovo programma di corsi, ad una presenza imminente ad un grande evento per cui si stanno cercando ancora soccorritori, o ad un’azione sulla farmacia per le vacanze, e cercate di valorizzare il messaggio anche con un’immagine attraente. 5. Mettete in primo piano, oltre al tema principale, altri 5 temi al massimo, che potete comunque supportare con un’immagine espressiva. Contenuti di questo tipo possono essere, ad esempio, anche un blog o un forum. 6. L’ideale sarebbe collocare la pubblicità per terzi o i loghi degli sponsor nella parte destra della pagina. 7. Siete presenti su Facebook o su un altro social network? Allora collocate il link corrispondente sul Vostro sito web. 8. Su Internet esistono determinate regole, come per la circolazione stradale, su come dovrebbe essere programmato un sito web ai fini di un’ottimizzazione per le persone con handicap e per i motori di ricerca. Validate il Vostro sito web secondo le regole dello Standard W3C. Potete valide HTML sotto http://validator.w3.org/ e CSS sotto http://jigsaw.w3.org/css-validator/. A riguardo, prestate semplicemente attenzione a compilare quanti più campi possibili. Version 1.0, 2010 5 eGuide: Il proprio sito web Creazione di sottopagine Ciascuna sottopagina deve corrispondere alla pagina principale sotto il profilo della presentazione. Ovvero: utilizzate gli stessi colori, gli stessi caratteri e gli stessi strumenti grafici. In presenza di pagine ampie, come ad esempio un programma di corsi di molte pagine, integrate una funzione di ricerca che, quanto più sofisticata sarà, tanto più innovati vi sarete percepiti e tanto più velocemente i Vostri visitatori troveranno i contenuti desiderati. Il contenuto di testo I visitatori del Vostro sito web hanno un obiettivo: ottenere velocemente un’informazione completa e competente. Se chi sta navigando trova in più anche altri contenuti interessanti, sarà invogliato a fermarsi sulla Vostra pagina. I seguenti suggerimenti Vi aiuteranno a riguardo. 1. Per i Vostri punti di navigazione, utilizzate denominazioni chiaramente comprensibili. 2. Suddividete i testi in un titolo ed in un testo di scorrimento. 3. Scrivete in modo quanto più breve possibile e nella lunghezza necessaria. 4. Evitate periodi complessi e mettete un punto più di frequente. 5. Suddividete i testi più lunghi in paragrafi. 6. Offrite, possibilmente, una versione stampata del contenuto. 7. Evitate punti esclamativi e “faccine” :-(. E soprattutto: inserite continuamente contenuti nuovi. Aggiornate costantemente i temi principali, inoltre provate sempre a mettere qualcosa di nuovo. La Vostra statistica web vi mostrerà rapidamente quali contenuti vengono cliccati più spesso e quali meno. Sfruttate queste possibilità e prefiggeteVi l’obiettivo di „fidelizzare“ i visitatori occasionali del Vostro sito. Il contenuto fotografico Questa regola vale sempre: un’immagine dice più di mille parole. Le immagini giuste rendono la Vostra pagina Internet semplice, gradevole e invitante. Oltre agli aspetti qualitativi, in materia di immagini si tratta sempre di tenere sott’occhio anche quelli legali. Con questi consigli eviterete ostacoli inutili: 1. Inserite immagini che rafforzino i Vostri testi a livello espressivo. 2. Cercate di trovare un linguaggio figurativo quanto più possibile omogeneo per tutto il sito web (ad es. sempre con persone al centro dell’interesse, sempre elementi a scelta o sempre immagini con alta percentuale di bianco), in modo da produrre un effetto uniforme. Version 1.0, 2010 6 eGuide: Il proprio sito web 3. Chiedete ai soci della sezione raffigurati, se la loro fotografia può essere utilizzata su Internet. 4. Non utilizzate immagini di altri siti web né scansioni di immagini di pubblicazioni esterne alla sezione. Altrimenti, nel peggiore dei casi, rischiate un’azione legale per la violazione del diritto d’autore. 5. Per le immagini che non avete in archivio o che non potete scattare direttamente, usate le banche dati di immagini, come www.istockphoto.com o www.fotolia.de, dove troverete immagini belle a prezzi convenienti. Esistono anche banche dati di immagini gratuite, come www.sxc.hu, ma in questo caso considerate assolutamente le condizioni d’uso perché, solitamente, dovete indicare la fonte per l’utilizzo di un’immagine. Con un po’ d’esercizio, troverete velocemente la strada negli archivi ed arriverete a buoni risultati in modo sempre più rapido. Version 1.0, 2010 7 eGuide: Il proprio sito web Trasposizione e manutenzione Di norma si consiglia di utilizzare un Content Management System, in acronimo CMS, per creare e curare un sito web. Chi si occupa del contenuto di un sito web non dev’essere in possesso di conoscenze speciali e spesso può curarlo con una breve formazione. Su Internet esistono tanti offerenti di OpenSource CMS, che mettono a disposizione il loro sistema gratuitamente. Ciò significa che non dovete pagare nessun canone software per utilizzarlo. Tuttavia sussiste spesso il problema che l’installazione e la configurazione del SMC si riveli difficile. Se collaborate però con un’agenzia Internet, essa dispone di un sistema CMS o può fornirVi consulenza nella scelta da fare. Segue una selezione di programmi CMS gratuiti che potete utilizzare. Joomla! www.joomla.org Joomla è uno dei CMS più famosi ed ha una grande Community, che sarà lieta di aiutarVi in caso di problemi. Version 1.0, 2010 8 eGuide: Il proprio sito web CMS Made Simple www.cmsmadesimple.org Lo dice il nome stesso: un CMS facile e comprensibile rapidamente. Drupal www.drupal.org Un CMS che viene utilizzato soprattutto per pagine di Community. Version 1.0, 2010 9 eGuide: Il proprio sito web Gli elementi componibili del sito web Tanti gestori Internet, come Swisscom, e web hoster offrono sistemi semplici a elementi componibili per realizzare in pochi passi un sito web proprio. HomepageTool di Bluewin e web-o-mat di Hostpoint Nello Swisscom Login, sotto http://www.swisscom.ch/login, nel punto di navigazione Internet » Servizi Bluewin, troverete l’HomepageTool. Potete scegliere tra diverse offerte. Dalla gratuita „Light“ fino all’ampia „Unlimited Pro“ a pagamento. A seconda del pacchetto scelto, avete varie possibilità. Nel caso di „Light“ potete, ad esempio, acquisire solo tre pagine e scegliere tra 50 modelli di grafica. Invece per „Unlimited Pro“ potete acquisire pagine illimitate e scegliere tra oltre 250 modelli di grafica, inoltre potete integrare nella Vostra pagina altre funzioni come forum, blog o route planner. Tra l’altro il provider di web hosting Hostpoint utilizza lo stesso programma. Consigli per lavorare con le agenzie Internet Se scegliete di collaborare con un’agenzia Internet, la seguente lista di controllo Vi aiuterà a pensare a tutto. Definite internamente il team di progetto che mantiene il contatto con l’agenzia. Stabilite l’incarico per iscritto – oppure in un briefing nel linguaggio di agenzia. Dovrà contenere le seguenti informazioni. o Gruppo target: A chi volete rivolgerVi? o Messaggi: Quali contenuti volete trasmettere? Version 1.0, 2010 10 eGuide: Il proprio sito web o Incarico: Cosa Vi aspettate dall’agenzia? Ideazione generale Creazione Trasposizione Testi Ricerca e prenotazione di un dominio o Budget: Quanto denaro potete impiegare per queste attività d’agenzia? o Calendario: Quando e cosa ci si aspetta dall’agenzia? In seguito preparate per tempo i contenuti necessari. Tra essi rientrano, ad esempio: o Direttive di Corporate Design o Loghi, l’ideale sarebbe vettorizzati come EPS o Struttura delle pagine (se non rientra nell’incarico dell’agenzia) o Materiale fotografico o Testi desiderati o Download di documenti come PDF o Programmi di corsi o Elenco link. La regola generale è: tanto più fate e preparate da soli, quanto più esigui sono gli impegni dell’agenzia e quindi i costi. Nella scelta dell’agenzia, prestate attenzione che, oltre alle competenze e alle finanze, anche il lato interpersonale funzioni. Infatti la collaborazione può essere intensa, pertanto è importante che ci si capisca bene. Version 1.0, 2010 11 eGuide: Il proprio sito web Agenzia consigliata dalla FSS La Federazione svizzera dei samaritani di Olten collabora con l’agenzia fullservice MySign AG di Olten. Dalla MySign potete scegliere tra diversi pacchetti e farVi realizzare un sito web sulla base della comparsa in Internet della FSS a prezzi convenienti ed in modo efficiente. Ulteriori informazioni sui pacchetti sono reperibili direttamente presso MySign. MySign SA Design | Marketing | Technologie Neuhardstrasse 38 4600 Olten Téléphone: 062 836 80 10 Web: www.mysign.ch Facebook: www.facebook.com/mysign Version 1.0, 2010