Oggi vi segnalo Base Persoton

Base Persoton è un progetto molto interessante, che si basa sulla colorazione di foto in stile pixel.

Infatti avremo la possibilità trasformare il nostro avatar di Facebook in stile Pixel, e poi genereare un suono in base alla scala dei colori.

Caricando il nostro avatar FB con il classico pulsante Facebook Connect, verrà trasfgormato in stile Pixel.

Avremo anche la possibilità di condividere il risultato oppure scaricare l’avatar in stile pixel.

Una volta inviato il nostro avatar, entreremo a far parte di una raccolta di avatar pixel musicali di tutti gli utenti che hanno contribuito.

Un ottimo progetto che lega la colorazione e interazione con facebook con il media audio.

Oggi vi segnalo il Font Fontin - Free Download

Il font di oggi è molto originale, come del resto tutti quelli in questa rubrica.

I lineamenti curati e orientali lo rendono un candidato per loghi e brochres creative.

Vediamo il font al completo:

Questo è un tool molto interessante, e secondo me il nostro caro Mark Zuckerberg potrebbe farci un pensierino, per risolvere il problema di monetizzazione della grande mole di immagini su Facebook.

Una volta che ci saremo registrati potremo caricare le nostre immagini da locale, Facebook, Flickr o Web, e integrare delle annotazioni interattive con punti sensibili.

La versione base in front-end ci permette solo di usare il servizio e caricare una decina di immagini, ma in prima battuta non di inglobare le nostre immagini in pagine web.

Come vedremo nei passaggi successivi, riusciremo comunque con la versione base ad avere codice EMBED pubblico.

Una volta che avremo creato la nostra immagine, potremo visualizzare alcune statistiche in tempo reale.

Oltre alle classiche visite, avremo i click e il numero di incorporamenti in altri siti web, molto interessante.

Immagine Interattiva

Ecco un esempio della nostra immagine interattiva creata precedentemente, integrando link, video e fan page.

La nostra immagine sarà interattiva e potremo indirizzare i nostri lettori su determinate pagine relative a quello che si vede nelle immagini.

In ogni momento con la versione premium potremo avere a disposizione anche di un pannello di statistiche per singole immagini.

La versione premium inizia dai 5$ al mese ai 20$ al mese, costi molto ragionevoli per grandi portali e brand.

Chi dovrebbe usare Thinglink?

Grandi Portali, Brand o E-Commerce possono essere sicuramente avvantaggiati da un servizio simile, in quanto il loro target è quello più appropriato per essere coinvolto grazie all’uso di immagini.

Sono diversi i Meta Tag da poter inserire all’interno delle immagini con Thinglink e a seconda del brand possiamo decidere quelle più efficaci.

In questa immagine potremo inserire diversi tag come testi, link esterni di qualsiasi tipo, audio e video.

Video di Presentazione

Clicca qui per vedere il video incorporato.

Cosa ne pensate? Forte vero?

Questi codici e plugin, possono essere molto utili per i nostri progetti, scopriremo insieme alcuni strumenti web gratis, codici jQuery e molte altri piccolo tools da avere a portata di mouse.

Come al solito la rubrica conclude con un esperimento unico e interessante da conoscere, per capire fino a dove possiamo spingerci.

1. Socialite

Socialite è un interessante plugin jQuery che ha la funziona di caricare i social button solo quando vi è una richiesta, e quindi migliorando il caricamento di una pagina web con molti pulsanti di condivisione.

2. Annotation Overlay

Annotation Overlay è uno splendido  plugin jQuery + HTML5 e CSS3 che permette di simulare delle annotazioni interattive su una grafica web.

3. Reveal CSS 3D Presentations

Reveal è uno plugin jQuery + HTML5 e CSS3, scaricabile gratuitamente, che permette di creare presentazione interattive con effetto parallasse e 3D.

4. BrowserSupport

BrowserSupport è un interessante tool che permette di individuare con facilità la compatibilità di una determinato attributo CSS3 su diversi browser.

5. TableCloth

TableSlothjs un plugin jQuery che permette di avere a disposizione una struttura tabellare percompilata con diversi stili grafici.

6. Pep.jQuery.JS

Pep.jQuery.JS è un plugin jQuery che permette di intercettare gli stati di Drag&Drop.

7. jQueryMap

jQueryMap è un plugin jQuery che permette di avere una mappa del mondo vettoriale interattiva.

8. jQuery Verbose Calendar

jQuery Verbose Calendar è un plugin jQuery che permette di avere un calendario in modalità mosaico interattivo.

9. Knob

Knob è un preloader in jQuery o grafico a torta interattivo tramite Drag&Drop.

10. JSCloth [Experiment]

JSCloth è un interessante esperimento che simula un ondulazione in 3D di una veste.

Vuoi segnalare un Codice davvero Cool?

Hai visto sul web un tool o esperimento davvero cool?

Se vuoi vedere nella raccolta il tuo codice o strumenti che hai trovato sul web, non ti basta altro che inviare una segnalazione su coolcode@juliusdesign.net e verrà inserito nelle prossime raccolte.

Ormai anche il Web Designer, soprattutto se è ha intrapreso la carriera da Freelance, deve assolutamente conosce alcune nozioni base della SEO.

Perfetto partiamo subito con alcuni consigli, che spero possano esservi utili nella vostra attività di webdesigner freelance.

1. Content is the King

Inizio con il dire che tutte le tecniche seo possibili ed immaginabili, non reggono il confronto con un contenuto ben fatto, utile  e di facile lettura.

Vorrei portarvi un piccolo esempio; ho un blog, che come numero di visite rispetto a quello su cui oggi  sono ospite è come paragonare una tartaruga zoppa ad Usain Bolt, per intenderci , e sapete bene che con poca audience è più difficile farsi notare.

Ho pubblicato sul blog un  post che raccontava una mia esperienza di vita, facile da leggere e in alcune parti anche divertente (diciamo “Tragicamente” divertente ) è stato letto 20 volte di più degli altri articoli del blog e in più è stato condiviso sui social network varie volte.

Questo post rispettava tutte le regole Seo come gli altri articoli, ma il suo contenuto originale l’ha reso più popolare degli altri.

Questo per dire che alcune accortezze sono necessarie ma realmente nel web  ”Content is the King“.

Dopo questa prima regola, direi che le altre possono essere tutte di contorno.

2. Scrivi per i lettori

La seconda cosa che mi preme sottolinearvi, strettamente correlata alla prima, è :di ricordarsi di scrivete per delle persone e non per un motore di ricerca, per cui non ha senso riempire i post di keyword ripetute che possono, si aiutare dal lato SEO (sempre che il nuovo Penguin update di Google, non  vi penalizzi ), ma potrebbe rendere il post poco leggibile.

Usare in un articolo delle parole chiavi non è vietato, anzi è un’ottima stretegia, ma non dobbiamo abusarne.

Cercate sempre di avere una forma umana, questo vi permetterà da un lato fidelizzare i vostri lettori e dall’altra parte non sembrare un robot.

3. Misurate i vostri parametri/accessi

Mi capita molto spesso di andare da clienti che mi dicono “Vorrei aumentare le visite al mio sito” e io rispondo “Perfetto quanti visitatori avete ad oggi” “Non lo so “ , come si fa a sapere l’andamento di qualsiasi cosa se non la si misura ?

La bellezza del web è che ha ridotto i tempi per sapere se un post è andato bene, non è stato tanto letto, se è stato condiviso.

Si può sapere tante cose già il giorno dopo.

Lo strumento Google Analytics è gratuito, ed è uno strumento davvero potente.

La nuova versione di Google Analytics ha delle nuove funzionalità molto utili, una su tutte : Flusso di visitatori, in una schermata potrete vedere in maniera comoda e veloce il percorso che fanno gli utenti sul vostro sito, può essere davvero utile avere queste informazioni.

4. Sitemap

Al punto due  vi ho detto di scrivere per gli utenti e non per il motore di ricerca, però questo non vuol dire “Nascondetevi dal  motore di ricerca”, anzi, dobbiamo renderci visibili!

La prima cosa importante è far sapere che ci siete e fategli sapere che struttura ha il vostro sito, create una sitemap e fatela avere a big G tramite i Webmaster tools.

Esistono servizi che ve la creano in automatico come Xml-SiteMaps oppure se usate wordpress usate un plugin che faccia questo lavoro  per voi.

5. Webmaster Tools

Google Webmaster Tools è un tool gratuito, e ad  oggi, a mio avviso fondamentale tanto quanto Analytics,  spero che i lettori di questo blog lo conoscano molto bene, qui trovate un post a riguardo scritto dal vostro begnamino.

Lo strumento in questione permette di avere informazioni fondamentali, su query di ricerca ed è possibile suggerire la sitemap a google

6. Backlink

Ecco una cosa importante davvero, i backlink sono come  i “ like” di Facebook , più ci sono backlink e più Google vi prende in considerazione, diciamo che ho semplificato di molto, ma alla fine la sostanza e questa.

I backlink devono essere di buona qualità, valgono molto di più quei backlink che provengono da siti con pagerank alto, su siti con tema attinente al vostro e, attenzione, devono essere inseriti in un  contesto e non inseriti, nel footer . Un buon modo per avere backlink potrebbe essere scrivere guest post su blog importanti.

7. Link in uscita

Con l’avvento di Google Panda, i link in uscita contano tanto quanto quelli in entrata, specie nel caso di siticon Pagerank molto alto, per esempio Wikipedia.

Un link ad una fonte autorevole favorirà anche il grado di credibilità che acquisterete agli occhi dei visitatori, molte volte integrare articoli con fonti esterne aumenta la completezza dell’articolo  e favorisce l’approfondimento dell’argomento da parte del vostro lettore.

Ricordatevi che sono molto importanti anche i link interni al proprio sito.

8. Usare i Social

Non tralasciare i social network: soprattutto nell’ultimo periodo, i social sono diventati una componente importante per un blog, per conoscere un brand o per favorire la diffusione di un progetto, o di una pagina.

Creare una nicchia di persone che vi seguano non è facile, e visti gli ultimi “Scandali” di follower comprati (che a parer mio fanno solo numero ma sono molto poco attivi e per cui inutili) vi suggerisco una cosa: non esisto scorciatoie nei Social, siate curiosi e condividete, i follower/like arriveranno.

9. Le Immagini

La ricerca per immagini è diventato un metodo importante per trovare risorse utili, se ci pensate bene, anche voi utilizzate spesso il motore di ricerca per immagini , per questo è importante in un articolo/sito ottimizzare anche questo particolare.

Due cose fondamentali :

• Nome delle immagini, dovrebbe essere inerente alla pagina web o al post del blog, scrivere sample.jpg oppure 1.jpg non sono keyword adatte per  farsi trovare dai motori di ricerca ( provate a cercare sample.jpg su Google immagini )
• L’attributo Alt:è un’attributo del tag <IMG>e fornisce una alternativa testuale all’immagine, viene anche detto testo alternativo, per esempio viene visto quando, l’immagine non viene visualizzata nel browser, questo è la prima funzione, ma è molto amato dagli spider dei motori di ricerca.

10. Struttura testo

I Tag H servono per dividere l’ articolo in diverse sezioni e capitoli, di solito  questi  tag sonoutilizzati con:H1 per titolo dell’articolo (diciamo il più grande in neretto )  H2 sezioni dell’articolo, H3 è una sottosezione del tag H2 e così poi H4, H5, H6.

Solitamente è bene usare  i tag H1 con parsimonia e anche H2-H3 (il tagH2 dovrebbe essere utilizzato per i titoli di paragrafi con importanza secondaria all’ H1)

Una struttura del post  con titoli e sottotitoli,risulta molto logica e rende più facile la vita al motore di ricerca in questo modo, lo spider, riesce a rintracciare più facilmente le informazioni nel testo, e in base alla grandezza del carattere(più grande o più piccolo)  riesce a capire l’importanza del testo  nell’articolo.

Conclusioni

Questi sono solo alcune delle principali regole che un webdesigner dovrebbe conoscere, è fondamentale  farsi trovare dai motori di ricerca, naturalmente per ogni paragrafo si potrebbero aprire dei mondi, praticamente infiniti.

Questo articolo vuole essere solo una descrizione generale, poi ogni sito ha la sua nicchia e il suo target, per cui andrebbero visti anche l’ottimizzazione sulle mappe, i video, i diversi tipi di social network e molte altre fattori.

Un mio personale consiglio: Approfondite, sperimentate e misurate solo così saprete veramente cosa può essere utile per il vostro settore.

Ho avuto la possibilità di partecipare attivamente a questo evento, sia nella parte di brainstorming/presentazione, infatti se farete un salto potrete ascoltare qualche mio intervento o incontrarmi in giro per le diverse location dell’evento.

L’evento è molto interessante, focalizzato sul tema Digital, con ben 5 tracce parallele come Digital for Business, Digital for Job, Digital for People, Digital for Creativity e Special Project.

Saranno ben 4 le location del Digital Experience Festival, nelle quali oltre ad assistere ai diversi talk, sarà possibile provare l’innovazione digitale con le proprie mani.

Contest Creativi

Inoltre vi è una gara creativa, chiamata CREATE24, ovvero 24/h no stop, nella quale si potranno vincere diversi premi.

Un “contest creativo” per creativi nella sede ufficial di SEAT Pagine Gialle, partecipare e vincere potrebbe essere anche un modo per farsi consocere.

I premi messi in palio da diversi Sponsor nelle gare creative che verranno svolte durante l’evento.

Attualmente oltre 3.500€ da casa.it, 2000 crediti su iStockphoto e 7 tavolette grafiche wacom in palio.

Iscriviti al Digital Experience Festival

Iscriviti gratuitamente al Digital Experience Festival da questa area dedicata e inserisci come DIGITAL PR: MRJ100 e avrai una sorpresa all’evento personalmente dal sottoscritto.

Attualmente è possibile visualizzare gran parte dei programmi delle diverse tracce, ci sarà una sezione dedicata anche alla presentazione di nuovi progetti innovativi, nel quale presenterò per la prima volta in pubblico Eveeent.

E’ possibile seguire l’evento dagli account social ufficiali Facebook, Twitter con hastag #digitalfestival.

Cosa succede se improvvisamente durante una partita di calcio, si recano allo stadio oltre 400 tifosi e vogliono giocare?

Il video Nike – My Time is Now

Clicca qui per vedere il video incorporato.

Già avevo sentito parlare di Path, ma non so per quale strano motivo, non mi ero ancora iscritto.

Leggo avidamente gli articoli in cui questo anti-social viene premiato per la sua riservatezza, particolarità che lo rende anti-facebook, anti-twitter e via dicendo.

Spinto da una voglia irrefrenabile di iscrivermi su un altro social (stile in crisi di astinenza), scarico la app di Path e mi inoltro per le terre sconosciute.

Ma esattamente cosa è Path?

Path è un’applicazione mobile gratuita che funziona sia con i sistemi Apple che con Android.

Le sue caratteristiche sono: la possibilità di condividere le proprie informazioni solo con 150 contatti, non una in più, creando così un ambiente più riservato; conseguenza del punto precedente è la chiusura, ovvero, chi non è fra gli eletti (=amici) non può vedere ciò che pubblichi perché l’unica schermata visibile è quella delle proprie attività; la poliedricità d’azioni postando status, foto, tag di amici, pubblicando brandi direttamente da iTunes e luoghi in cui ci si trova e infine si può informare i propri amici anche quando si va a dormire o ci si sveglia (ebbene sì, ebbene sì).

Altra novità, chiamiamola così, è la possibilità di vedere chi visita il profilo: Path si provvederà a lasciarci una notifica con la faccina del nostro amico al nostro accesso, ma non c’è un contatore delle visite.

Dopo questa piccola infarinatura di base, vi dico subito le mie sensazioni immediate dopo il primo utilizzo: BAH. Esattamente, ho pensato proprio BAH.
Ma andiamo per ordine.

L’unica schermata visibile, che sarebbe la bacheca, è carina, diversa, un’immagine di copertina e poi tutto lo stream delle nostre azioni e quelle degli amici prescelti.

Gli status pubblicabili sono un misto (a mio avviso) di tutti i social e app che già conosciamo: Facebook, Twitter, Shazam, Instagram, Soundhood…

Unica novità è l’aggiornare le ore di sonno, cosa che interessa a tutti i miei amici sappiatelo.

Ammetto di essere rimasto un attimino perplesso… Riguardando le tre caratteristiche che vi ho elencato, non trovo Path molto originale o diverso dai suoi compagni di guerra.

Ok, solo i miei amici possono vedere quello che pubblico… ma anche gli altri social, con le dovute regolazioni di privacy lo permettono; ok posso avere solo 150 amici che possono interagire con e, ma… secondo il mio modesto parere, sono anche tantini 150, o no?

Avrei capito se fosse stato un numero notevolmente inferiore, ma 150 sono tanti (pensate che la media di numero di amici che un utente medio ha su Facebook è 150…); ok ci sono diversi elementi che si possono pubblicare, ma sono tutte cose che si possono fare anche con gli altri social.

Detto questo, forse mi è sfuggito qualcosa, forse non l’ho ancora utilizzato abbastanza e forse l’ho utilizzato male… ma cosa ha Path di così innovativo da renderlo l’anti-social?

Ah sì, posso aggiornare quando vado a dormire e quando mi sveglio.

Ps: Path mi piace come applicazione, la utilizzo regolarmente tutti i giorni!!

Ora voglio sapere cosa ne pensi!

Oggi vi segnalo BlackNegative

Quando si dice “il proprio sito è il primo biglietto da visita” ed è davvero cosi.

L’agenzia creativa BlackNegative ne è un’esempio efficace, con il quale permette di percepire la grande professionalità e qualità dei propri lavori.

Una navigazione in stile Drag&Drop ci permetterà di visualizzare le varie aree del sito in orizzontale e vedere il portfolio interattivo.

Un ottimo uso di HTML5 e jQuery, senza utilizzare Adobe Flash permette la visualizzazione corretta anche su dispositivi mobile.

Come in ogni progetto bisogna sempre dare molta attenzione all’usabilità e accessibilità del sito e pensare come un utente.

In questo caso oltre alla navigazione insolita per un utente medio, i dettagli rendono la visualizzazione del sito molto intuitibile.

Io trovo molto innovativa la navigazione e l’uso dello sfondo come contenuto interattivo, e non più solo come visual di contorno.

Cosa ne pensate di questo progetto?

Se non ti è venuta in mente questa idea, sicuramente qualcun altro l’avrà fatto al posto tuo per proprie esigenze di numeri.

Voglio spiegarti  i motivi principali per i quali è molto sconsigliato comprare fan o follower, se l’obiettivo è avere utenti attivi sui nostri canali.

Marco ha voluto fare un esperimento, infatti pubblicamente ha provato ad acquistato per circa 20$ la bellezza di 50.000 (finti) followers su Twitter.

Questo è stato un esperimento, ma giustamente come si percepisce dal tweet di Marco, che valore hanno davvero tanti follower se questi sono solo numeri?

Questa attività di compravendità fan o follower, permette a un account Twitter o una Pagina Fan di aumentare i propri utenti in modo considerevole.

Gli Utenti non sono Attivi

Ovviamente è probabile che questi nuovi utenti acquistati economicamente, non avranno mai lo stesso valore di un utente attivo, in quanto non intereagiranno con i nostri contenuti.

Un utente attivo commenta, condivide, lascia un feedback importante, che rende il canale social attivo e autorevole.

Gli Utenti non ci seguono per interesse naturale

Il problema più grande, che in molti non capisconono, è che sono solo numeri, in quanto non sono utenti attivati da un interesse o passione comune.

Per quanto riguarda Fan Facebook spesso possono essere anche account veri, ma che non hanno nessun interesse a interagire con le notre pagine o canali.

Infatti o vengono retribuiti in qualche caso, o addirittura sono utenti finti/inattivi pronti ad aggregarsi a qualsiasi canale.

Gli Utenti sono finti

Se ti è andata bene hai avuto degli utenti veri, ma il 90% dei casi questi utenti sono prima di tutto stranieri, e con una media di follower pari a 10.

Spesso questi utenti sono generati in modo automatico e non hanno nessuna persona vera che li utilizza.

Quando un brand si ritrova con 1 milione di fan o follower, ma nessuno risponde cosa succede?

Come Posso Smascherare questi Furbetti?

Sono disponibili diversi tool online gratuiti, che permettono di visualizzare alcune statistiche di diversi social media.

Ad esempio nel caso di Marco, basterà inserire il suo canale Twitter e verificare l’andamento dei follower.

In questo caso è possibile utilizzare Wildfire, che anche un occhio acerbo e miope potrebbe individuare un’anomalia di crescita utenti.

Quindi se fate un operazione del genere volutamente per un brand, state attenti ai vostri competitor, potrebbero smascherarvi facilmente.

Come Posso fare per non farmi Smascherare?

Ma sei proprio un mascalzone, per non farsi smascherare non vi è una formula precisa, è ovvio che se si utilizza questa tecnica su brand grandi potrebbe essere poco percettibile.

Se non possiamo farne a meno, e vogliamo utenti inattivi per fare solo numero, dovremo solo acquisirne pochi alla volta a settimana, per simulare un effettivo engagment.

Quindi non comprate paccheti deluxe da 100K ma magari qualcosa di inferiore e possibilmente in occasioni / date speciali da usare come alibi.

Cosa ne pensate?