realizzazione siti web

Vedi a destra i modelli di grafica sviluppate da noi:

Dopo aver scelto e comunicato l'eventuale esempio, il nostro staff   provvederà a l'impaginazione con la grafica scelta e nel corpo del sito web verranno inseriti i contenuti che dovranno essere da te forniti, nel caso che il sito da modificare o realizzare non si trova sui nostri server ci deve fornire i dati ftp + acceso al db del sito. una volta scelto il modello grafico ci deve comunicare il codice del modello che si trova nel titolo della pagina in alto a sinistra.

Informazioni utili sulla grafica web

Su Internet tutta la vostra attività, il vostro lavoro, la vostra identità viene affidata all’immagine che essa traspare dal sito web: elementi visivi come  lo stile grafico e la qualità fotografica, elementi funzionali quali l'usabilità o  i contenuti  offrono una sensazione ed un'esperienza che si traduce in un personale  ricordo ai visitatori del vostro sito web.

L'home page e l'interfaccia grafica in genere, di ogni sito è l'ingresso da cui accedere a tutti i contenuti: riempirla tutta? Oppure affidarsi al design minimale? 

L'ideale è il compromesso tra l'equilibrio degli ingombri, e dei colori, il rapporto testo-immagini, la navigazione e l’usabilità delle informazioni.

Quale il ruolo della grafica in un sito web?

L'home page è molto più del biglietto di presentazione del proprio sito, è la porta di ingresso dove i navigatori normalmente arrivano e sulla base del quale decidono se fermarsi e proseguire oppure se andare altrove.

Bisogna riuscire a convincere l’utente molto velocemente.

Secondo Jacob Nielsen (esperto seo )  la scelta avviene in soli dieci secondi e questo sarebbe dunque il tempo necessario a un visitatore per fare la propria scelta.
I primi secondi, quindi sono  di fondamentale importanza per impressionare l’utente. Se in quell’arco di tempo iniziale il navigatore riesce a orientarsi e sentirsi a casa, probabilmente sarà invogliato a rimanere. Nel caso contrario, magari finirà di vedere la pagina con calma, ma la prima impressione di disorientamento avrà fatto colpo negativamente e lo indurrà a lasciare il sito.

Ecco in sintesi le caratteristiche che una buona scelta stilistica grafica deve avere:

• Garantire la continuità dell’immagine: La grafica Web non deve essere a se stante ma ritrovarsi in  un progetto di comunicazione integrata online-offline identificabile.

• Essere parte integrante del contenuto: le scelte grafiche non sono solo descrittive, ma svolgere anche funzioni di contenuto e di navigazione. Gli elementi decorativi sono i meno importanti nella creazione di una pagina Web: in più, rispondendo a criteri estetici che possono anche non essere condivisi, rischiano piuttosto di allontanare l’utente invece che di attrarlo.

• Rendere più usabile il sito. La grafica non deve essere un elemento di disturbo, ma un elemento di semplificazione e facilitazione nell’uso del sito, nella comprensione dei servizi e delle aree tematiche, nella lettura visiva della singola pagina così come della successione di pagine diverse.

Dove va' l'occhio sul web?

Ogni visitatore di fronte ad un sito web  ha una reazione  ben precisa: il suo occhio segue quasi automaticamente un processo di scansione della pagina web che  fa capo ad alcune regole.
Questa attività è stata descritta da uno studio di User Interface Engineering che mostra quale percorso effettua la pupilla sullo schermo.

I risultati hanno portato all’individuazione di  aree ben definite sullo schermo del computer:

1. Area centrale

2. Intestazione centrale

3. Colonna di destra

4. Parte alta e orizzontale della home (header)

5. Colonna di sinistra

6. Parte bassa dell’immagine (il cosiddetto footer).

Il centro è la parte più importante della pagina, quella in cui occorre concentrare le informazioni più rilevanti dal punto di vista della comunicazione.

L’utilizzo di un filmato flash per realizzare una pagina web comporta due problemi:

1. la realizzazione completamente in flash della home page associata all’indirizzo del sito: la difficoltà a leggere i contenuti del filmato comporta la difficoltà ad indicizzare la pagina

2. l’utilizzo di link realizzati in flash per la navigazione delle varie pagine del sito: gli spider seguono in link per poter indicizzare le pagine, se non riescono a leggerli non riescono neanche a trovare le pagine.

Per superare questi due ostacoli si presume che Google ricerchi tra le risorse di un file SWF i riferimenti TEXT e getURL presenti: dal primo parametro estrapola le stringhe di testo contenute e dal secondo indicizza i link e li segue. Questi due aspetti fondamentali forniscono quindi delle indicazioni allo sviluppatore delle animazioni flash su come realizzarli in modo che possano essere leggibili dal motore di ricerca.
Una complicazione è però data dal fatto che spesso le animazioni flash sono composte da più filmati caricati separatamente e inglobati nel filmato principale, richiamando quindi altre animazioni al loro interno, ed anche file testuali dinamici che però Google non è in grado di leggere.

Un altro limite che costituisce un aspetto ancora critico è che il posizionamento viene raggiunto solo dal file SWF del filmato flash e non dalla pagina web che lo contiene, il che ha l’effetto di ottenere dei click sul link che punta al filmato, aprendo l’animazione a tutta pagina, e non alla pagina del sito in cui l’animazione compare. È un problema simile alle pagine orfane dei frame e degli Iframe.
Infine un limite dei link in flash è che ad essi non è possibile associare l’attributo TITLE pertanto, anche se Google lo seguirà, il link non avrà quel valore semantico che si può assegnare ad un link testuale in una pagina HTML.

Date le difficoltà ancora presenti nell’ indicizzazione di un sito in flash è utile tenere presenti delle indicazioni e suggerimenti per migliorarne le opportunità di posizionamento, in particolare per Googlebot, lo spider di Google:

1. creare sempre anche una versione HTML del sito ed inserire un link statico dalla home page del sito sia verso la versione Flash che la versione HTML

2. non associare il sito direttamente alla versione flash, ma creare una splash page o wellcome page (ovvero una pagina introduttiva) in cui sia l’utente che lo spider possano scegliere se visitare la versione in flash oppure quella HTML

3. non utilizzare la wellcome page come contenitore di parole chiave, link e testi nascosti

4. non registrare nei motori di ricerca una pagina fatta interamente in flash

5. ottimizzare il TITLE della pagina e i meta tag

6. aggiungere anche un menu di navigazione in HTML

7. per una corretta indicizzazione dei testi non trasformarli in immagini, ma aggiungere più testo possibile nelle sezioni leggibili da parte dello spider, inserendoli in campi di testo statici o dinamici

8. non dividere testi di senso compiuto in più campi testo distribuiti in diversi layer., dal momento che lo spider potrebbe non indicizzarli nell’ordine corretto

9. tenere presente che Google indicizza tutti i testi presenti nell’animazione, anche quelli che si trovano al di fuori della porzione visibile all’utente (detta stage) mentre non indicizza i testi creati dinamicamente da actionscripting

10. aggiungere, nella home page flash e in tutte le pagine flash, un link statico alla mappa del sito realizzata in HTML: per siti con menù di navigazione in Java Script o Flash è l’unico modo per fornire agli spider la struttura dell’albero dei menù di navigazione

11. nella mappa del sito inserire anche l’URL di eventuali file SWF richiamati dal filmato principale e non richiamati da nessuna pagina HTML, altrimenti lo spider non troverà quei filmati e non li indicizzerà

12. tenere presente che Google indicizza i file SWF anche se sono protetti da importazione

13. tenere presente che Google indicizza i link tramite ricerca dei comandi “getUrl”, ma non segue gli indirizzi derivanti da actionscripting e generati dinamicamente

14. non reindirizzare automaticamente il browser in base alla presenza o meno del plugin di flash nel computer dell’utente

15. esportare i progetti in flash in una versione precedente alla 8.0, la versione 6.0 è la migliore ai fini di una corretta indicizzazione, questo fintantoché Macromedia non rilascerà una versione più aggiornata dell’SDK

16. testare il sito flash tramite un browser di testo come Lynx che mostra il sito analogamente a quanto dagli spider di molti motori di ricerca. Se funzionalità creative in Java Script, frame, DHTML o Flash impediscono di visualizzare l’intero sito in un browser di testo, anche gli spider problemi durante la scansione del sito

17. non utilizzare tecniche e furbizie contrarie alle linee guida dei motori di ricerca, come testi e link inseriti in layer nascosti, si rischiano pesanti penalizzazioni

18. utilizzare la tecnologia FlashObject per embeddare il file flash nella pagina html. Questa tecnologia javascript permette di inserire del testo html sostitutivo al file flash in caso di mancato caricamento di quest’ultimo (ad esempio flash player non aggiornato) e questo testo sostitutivo è indicizzato dai motori.

tag:grafica web,templates gratis,grafica gratis,templates siti internet gratis,templates siti internet,realizzazione grafica web,realizzazione grafica internet,come fare la grafica di un sito,la grafica web,modificare una template,templates per joomla,templates per wordpress,napoli,roma,milano,bologna,torino,genova