3. Chi Sono
➜ Mi occupo di Web Marketing e comunicazione Online.
➜ Sono un esperto di Social Media Marketing, con
consolidate competenze e collaborazioni in ambito SEM e
SEO, Web Copywriting e Digital PR.
➜ Progetto e curo strategie di Comunicazione & Marketing.
Speaker e formatore, studio la rete per comprenderne le
potenzialità e le prospettive future, con occhio attento alle
nuove tecnologie e tendenze.
➜ Socio fondatore di seidigitale.com, allstream.it e
condivideo.live
➜ Autore di “La nuda verità sul Web Marketimg” e
co-autore con Ale Agostini del libro “Social Google
Marketing”, incentrato su Google My Business e Google+.
@Cla_Gagliardini - @seidigitale - #smaupadova
4. Un po’ di storia
In principio erano i siti
statici (o siti vetrina), in
HTML prima e poi con
altri linguaggi e
tecniche.
Nessuna interazione
con gli utenti, se non
tramite email o
telefono.
Il Web 2.0 cambia tutto.
Arrivano i siti dinamici
dotati di blog e di aree
interattive.
I social media diventano
un esempio e vengono
integrati nei siti.
I contenuti sono
aggiornati più spesso.
@Cla_Gagliardini - @seidigitale - #smaupadova
5. Cos’è Internet, cos’è il web, cos’è un sito
Internet siamo tutti
noi, connessi.
(2015 New Clues - Cluetrain
Manifesto)
Il Web (WWW, World
Wide Web) è uno dei
principali servizi di
Internet, che consente di
navigarne e di usarne i
contenuti.
Un sito è un insieme di
pagine web correlate,
ovvero una struttura
ipertestuale di documenti
che risiede (hosting) su
un server. Esso risponde
ad un nome di dominio e
può essere raggiunto
digitando il suo URL o IP
su un browser.
@Cla_Gagliardini - @seidigitale - #smaupadova
URL = Uniform Resource Locator
IP = Internet Protocol address
6. A cosa serve un sito internet?
Se Internet siamo tutti noi,
connessi, un sito serve a consentirci
di essere individuati e di connetterci
con le persone.
Molto più che mera visibilità. Molto
più che comunicare e vendere.
@Cla_Gagliardini - @seidigitale - #smaupadova
7. A connetterci con chi?
Con chiunque sia interessato a ciò
che siamo e che facciamo, in modo
occasionale o continuo, per lavoro,
per studio o per passione.
Il TARGET non esiste.
Esistono le PERSONE.
@Cla_Gagliardini - @seidigitale - #smaupadova
8. Come arriviamo alle persone?
La Rete è fatta di connessioni, link
che uniscono tra loro contenuti,
persone, risorse, tematiche...
Un sito internet è un hub in grado di
connettere tutto ciò, ma per farlo
deve essere visibile sulle le
piattaforme del web.
@Cla_Gagliardini - @seidigitale - #smaupadova
9. Esiste il sito
perfetto?
Ogni azienda ha le sue peculiarità, il suo
target, i suoi obiettivi, la sua vision, la sua
filosofia, la sua anima. Ma...
10. Tante attività, dalla progettazione al day-by-day:
○ Marketing sui motori di ricerca (SEM)
○ Ottimizzazione (Search Engine Optimization, SEO)
○ Keyword Advertising, Pay per click (SEA)
○ Campagne Banner (Banner Advertising)
○ Mentioning, link earking (link advertising)
○ Social Media Marketing / Buzz marketing
○ Community building
○ Content Marketing (creation e curation)
○ E-Mail Marketing
○ (User) EXPERIENCE
○ Molto altro, a carattere quotidiano!
Come si fa?
@Cla_Gagliardini - @seidigitale - #smaupadova
12. Il web semantico è un ambiente dichiarativo, un sistema di
organizzazione dei dati che presenta una struttura a livelli,
implementata per consentire la comprensione dei
contenuti alle macchine, affinché possano usarli nel modo
corretto.
La sua architettura è basata su più livelli:
● Dati
● Metadati
● Concetti che esprimono le relazioni tra i dati
● Linguaggio descrittivo della struttura dei dati
Verso un Web Semantico
@Cla_Gagliardini - @seidigitale - #smaupadova
13. Verso un Web Semantico
@Cla_Gagliardini - @seidigitale - #smaupadova
CREDITS:thttp://anchovyinc.com/blog/what-is-schema-org/
14. Usiamo un CMS
(Content Management
System) open source
(es. WordPress, Joomla,
Prestashop, Magento…)
oppure ce ne facciamo
creare uno su misura da
una web agency?
Ci occupiamo da soli di
aggiornarlo?
Cosa vogliamo che faccia il sito?
VENDERE!!!
Ovviamente, ma in che
modo? Ci serve un
eCommerce? Ci bastano
le schede prodotto? Ci
bastano delle pagine
informative? Vendiamo
B2B o B2C? ...
@Cla_Gagliardini - @seidigitale - #smaupadova
15. In una jungla di CMS
@Cla_Gagliardini - @seidigitale - #smaupadova
CREDITS: techeconomy.it
16. Come scegliamo?
CMS + diffuso pregi
○ Maggiore frequenza di aggiornamento
○ Molti più sviluppatori
○ Facile per molte agenzie
CMS - diffuso pregi
○ Meno hacker interessati al CMS in generale
CMS + diffuso difetti
○ Siti molto simili
○ Troppi plugin / opzioni
CMS - diffuso difetti
○ Meno sviluppatori
○ Possibilità di interruzione serv.
@Cla_Gagliardini - @seidigitale - #smaupadova
17. Come scegliamo?
@Cla_Gagliardini - @seidigitale - #smaupadova
Per non sbagliare
○ Decidete quale CMS
○ Decidete esattamente cosa debba fare
○ Chiedete più offerte dettagliate su
brief chiari e precisi
○ Non valutate solamente il prezzo
○ Non risparmiate su Hosting e servizio
○ Fai da te solo se avete professionisti
18. I CMS più diffusi
@Cla_Gagliardini - @seidigitale - #smaupadova
19. E adesso progettiamo il sito
CMS
○ Una scelta importante, anche se non irreversibile.
GRAFICA
○ In passato era più importante
○ Semplice ed efficace
○ L’impatto è importante, ma ad arrivare devono essere le informazioni.
Menù di navigazione
○ Semplici, diretti, facili da individuare e da usare
Usabilità
○ Fa davvero la differenza
○ Bello sì, ma USABILE
@Cla_Gagliardini - @seidigitale - #smaupadova
20. Le fasi di progettazione
1. Definizione del progetto
2. Struttura del sito
3. Progetto visuale
4. Sviluppo del sito
5. Testing
6. Startup del sito
Idee chiare, budget ben definito, un referente
in azienda che si interfacci con i fornitori.
@Cla_Gagliardini - @seidigitale - #smaupadova
21. Caratteristiche di base
Il sito perfetto è:
● veloce
● mobile friendly
● search engine friendly
● responsive
● codice pulito e lineare
● semplice da imparare e da navigare
● percorsi di navigazione e call to action chiare
● essenziale e modulare
● graficamente pulito, minimalistico
@Cla_Gagliardini - @seidigitale - #smaupadova
23. @Cla_Gagliardini - @seidigitale - #smaupadova
La web agency italiana "Vergani&Gasco", di Albese con Cassano (CO),
ha vinto nel 2017 i Webby Awards, gli Oscar del web, con il sito
www.stylenovels.com.
24. È una questione di...
● Buon gusto (soggettivo ma non troppo)
● Misura (idem c.s.)
● Buon senso
● Empatia (non fare agli altri…)
● Sintesi (italiani, popolo di poeti…)
...e di…
● Conoscenza della Rete
● Conoscenza dei Motori di Ricerca
● Conoscenza della Comunicazione
● Conoscenza del Marketing
@Cla_Gagliardini - @seidigitale - #smaupadova
25. Motori di Ricerca, come farci amare
Conformità alle linee guida dei motori
https://support.google.com/webmasters/answer/7451184?hl=it
Best practice User Experience
Conformità agli standard W3C
https://www.w3.org/
Implementazione Dati Strutturati (microformati)
http://schema.org/
@Cla_Gagliardini - @seidigitale - #smaupadova
26. Veloce, mobile friendly & more
https://search.google.com/test/mobile-friendly
https://developers.google.com/speed/pagespeed/insights/?hl=it
https://gtmetrix.com
...e molti altri, gratuiti e a pagamento. Sempre da prendere con le molle,
perché ogni strumento è ottimo per avere indicazioni e spunti di lavoro,
ma non è depositario di nessuna verità assoluta.
@Cla_Gagliardini - @seidigitale - #smaupadova
27. Come farsi odiare da Google
@Cla_Gagliardini - @seidigitale - #smaupadova
https://support.google.com/webmasters/answer/35769
28. Less is more
HTML sempre alla base
Le “nuove” possibilità offerte da HTML5 e CSS3
rendono possibili “magie” che prima richiedevano
complicati artifici.
Oggi è possibile fare siti meravigliosi a partire da
questi due capisaldi, avendo potenzialità native in
termini grafici.
Sono utilizzati anche da framework come Bootstrap
e Materialize.
@Cla_Gagliardini - @seidigitale - #smaupadova
31. HTML5
L'HTML5 è un linguaggio di markup per la
strutturazione delle pagine web, pubblicato
come W3C Recommendation da ottobre 2014.
FONTE: wikipedia
Novità introdotte da HTML5:
● New semantic elements like <header>, <footer>, <article>, and
<section>.
● New attributes of form elements like number, date, time, calendar,
and range.
● New graphic elements: <svg> and <canvas>.
● New multimedia elements: <audio> and <video>.
@Cla_Gagliardini - @seidigitale - #smaupadova
34. Ninna nà ninna oh, questo sito a chi lo do?
Esiste il fornitore perfetto?
Agenzie, freelancer, studi grafici e di sviluppo…
A chi affidiamo la progettazione e la realizzazione
del nostro sito web?
Servono molti professionisti e molte competenze,
per fare un ottimo sito. Soprattutto per un progetto
davvero “sartoriale”.
Non lasciate indietro nessuna competenza!
@Cla_Gagliardini - @seidigitale - #smaupadova
35. Il team perfetto
@Cla_Gagliardini - @seidigitale - #smaupadova
○ Sviluppatori
○ Grafici
○ UX Designer
○ Web content specialist
○ Web Copywriter
○ SEO Specialist
○ Web Accessibility Expert
○ Web Security Expert
○ DB administrator
Quanto siete disposti ad investire? Sotto i 10.000 Euro
meglio scegliere un CMS open source e una buona
agenzia per farci il vostro sito!
36. In definitiva
1.
Un sito non è
un’opera d’arte e
non conta solo il
suo aspetto.
2.
Esso serve per
stabilire
connessioni con
le persone.
3.
Vendere non è il
suo unico scopo,
non il principale e
non il primo.
4.
Per funzionare
davvero un sito deve
sottostare a molte
regole, non sempre
scritte, quasi mai
eterne e immutabili.
5.
Per fare un ottimo
sito non basta un solo
professionista ma
servono molte
competenze diverse e
uno staff affiatato.
6.
I motori di ricerca
contano meno delle
persone, ma senza il
loro aiuto alle persone
difficilmente si può
arrivare.
37. That’s all folks!
Ci sono domande?
Non dimenticare di segnarti la mia email:
claudio.gagliardini@seidigitale.com