Presentazione finale per l'esame Strumenti e Applicazioni del Web.

1. Corso di Strumenti e Applicazioni Web
Corso di Laurea Magistrale TTC - 2017/2018
Bertinazzi Elena
Crosta Elisa
Fratello Eleonora
Pizzi Eleonora
Clicca per
andare al blog

2. TEMA
Il tema che abbiamo utilizzato è
“Divi Elegant Theme”.
L’abbiamo scelto perchè
trattando casi di startup
innovative volevamo far
risaltare sia l’ambito creativo e
interattivo ma anche il lato
professionale e più serio.

3. PHP E CSS
Visualizzazione dei tag all’interno della pagina dei post.

4. CSS
Personalizzazione di alcuni componenti: CITAZIONE

5. CSS
Personalizzazione di alcuni componenti: CITAZIONE
PRIMA
DOPO

6. CSS
Personalizzazione di alcuni componenti: TITOLI WIDGET BARRA LATERALE

7. Inizialmente ci siamo
concentrate sul concetto di
“TOP”, rappresentandolo
con una freccia al posto
della T.
Poi ci siamo focalizzate sulla
parola “STAR” per riprendere
il concetto di startup e
associarlo al nome del blog.
EVOLUZIONE DEL LOGO

8. Infine abbiamo cambiato i
colori per riprendere le
tonalità presenti nei loghi
dei casi rilevanti.
Favicon per il sito
LOGO E FAVICON

9. Per rendere coerente il nostro blog abbiamo deciso di:
- Suddividere il lavoro in base alle nostre capacità
- Parlare di startup innovative e eventi riguardanti le startup di tutto
il mondo
- Cercare continuamente nuovi contenuti e aggiornare il blog ogni
settimana
LINEA EDITORIALE

10. Nella homepage abbiamo deciso subito di
chiarire l’intento del nostro blog a chiunque
entrasse, magari per caso, su StarTop:
- Cosa sono?
- Obiettivo del blog
CONTENT STRATEGY

11. I contenuti sono stati organizzati tramite categorie e tag:
- Tech: nuove tecnologie in vari settori
- Economia e Finanza: andamento del mercato internazionale
- Food: startup innovative in ambito alimentare
- Fun: divertirsi con la tecnologia
- Premi: contest, premiazioni ed eventi
CONTENT STRATEGY

12. I contenuti sono stati organizzati tramite categorie e tag:
Tag estesi da Mobile
Plugin: Muki Tag Cloud
Animazione presente nella versione
Desktop e Tablet
Plugin: Tag Cloud Canvas
CONTENT STRATEGY

13. Tra quelli di default e quelli installati da noi i Plugin sul nostro tema
sono:
- Easy Google Fonts
- Muki Tag Cloud
- Redirection
- Schema
- ShareThis Share Buttons
- Shortcodes Ultimate
- Accelerate Mobile Pages (AMP)
- Simple Custom CSS and JS
- TablePress
- Tag Cloud Canvas
- UpdraftPlus - Backup/Restore
- W3 Total Cache
- Yoast SEO
- Google Analytics Dashboard per
WP (GADWP)
PLUGIN
Ecco alcuni dei plugin utilizzati:

14. SHARE THIS SHARE BUTTONS
Plugin che permette di incorporare all’interno di pagine o articoli i bottoni di
condivisione. Presentano tutti i social network più popolari, incluse le opzioni
mobili come SMS e WhatsApp. I pulsanti sono ottimizzati per dispositivi mobili,
consentendo ai visitatori di condividere i tuoi contenuti da qualsiasi dispositivo.
Permette di inserire i bottoni o in linea oppure fissi a lato della pagina.

15. Per migliorare l’indicizzazione e la leggibilità degli articoli abbiamo
scelto il plugin Yoast Seo.
SEO

16. REDIRECTION
Plugin che permette di gestire il reindirizzamento 301, tenendo traccia degli errori
404. Con questo plugin siamo riuscite a ridurre gli errori in Google Search
Console e a migliorare il ranking del sito.

17. Le componenti grafiche che facilitano l’interazione tra
l’utente e il programma sono state inserite:
- nel footer
- nella barra laterale presente all’interno delle categorie
WIDGET

18. Nel footer abbiamo inserito due widget riguardanti il logo ed i tag,
disponendoli su due colonne.
WIDGET: FOOTER

19. Nelle pagine dedicate a ogni
autore e in quelle degli articoli
abbiamo utilizzato un layout con
menù a destra, in cui troviamo:
- la Fanbox di Facebook
- i Feed riguardanti Twitter
- il menù con i nostri casi di
approfondimento
- gli archivi suddivisi per
mesi
WIDGET: ARTICOLI

20. www.facebook.com/StarTop11/
https://www.linkedin.com/in/startop-ttc-039a88156/
https://twitter.com/StarTop_01
https://plus.google.com/115053977328405491817
SOCIAL

21. Le nostre pagine social
SOCIAL

22. IFTTT
Creazione Account dedicato, collegamento a Wordpress, Twitter,
Facebook LinkedIn per pubblicazione sincronizzata degli articoli.
Purtroppo per Google plus non si è riusciti a rendere la pubblicazione
automatica.

23. GOOGLE ANALYTICS
Creazione di un account dedicato in Google Analytics. Inserimento del
codice all’interno del sito e nel plugin Google Analytics Dashboard per
WP (GADWP).
Breve riassunto dei dati analizzati:
Cliccare per vedere l’infografica.

24. GOOGLE ANALYTICS
Post pre-valutazione professore

25. GOOGLE ANALYTICS

26. GOOGLE ANALYTICS
Dati aggiuntivi
per vedere
quando gli
utenti erano
maggiormente
attivi, dove si
trovavano e
quali erano i
dispositivi
utilizzati

27. GOOGLE ANALYTICS
Tramite l’utilizzo del plugin Google Analytics Dashboard per WP

28. GOOGLE ANALYTICS
Flusso di comportamento
Flusso delle pagine visualizzate dagli utenti.
● La maggior parte del flusso si ferma alla prima pagina
● Massimo numero di interazioni con il sito sono state 11.

29. STRUMENTI UTILIZZATI
Alcuni strumenti utilizzati per il lavoro di gruppo: