Di Riccardo Esposito | Pubblicato il - Aggiornato il
Per inserire le icone social su un blog WordPress devi scaricare i file visual in PNG e caricare questi elementi nella sidebar, nel footer o nell’header. Aggiungi un link al social network. In questo modo puoi collegare i tuoi lettori con i profili.
Sei su Twitter ma nessuno ti segue? La tua Fan Page non ne vuole sapere di crescere? LinkedIn sembra il deserto dei Tartari? Forse devi approfondire come inserire icone social su WordPress e scoprire come ottimizzare posizione.
Questi bottoni sono importanti, permettono ai tuoi lettori di seguirti sui social, ma anche di iscriversi al tuo feed rss e agli aggiornamenti via email. Ecco come inserire icone social su WordPress più qualche esempio per scoprire come hanno risolto 5 grandi blog che seguo tutti i giorni. E che possono aiutarti a lavorare bene.
Indice dei contenuti
Dove trovare le icone social per WordPress
FreePick
Collezione di immagini e icone per social per blog. Puoi scaricare gratuitamente una serie di materiali, tra questi i loghi da inserire nelle sidebar e nel footer del blog.
FreePick è un’ottima soluzione per trovare e inserire icone su WordPress in modo semplice e rispettando l’estetica del tuo blog dato che la raccolta è ricca.
Flaticon
Ecco una buona piattaforma per trovare e scaricare icone gratis per farti trovare sui social. Grazie a www.flaticon.com devi solo scegliere il tema, il resto è facile.
Scarica in formato PNG, SVG, PSD o EPS e metti nell’header del sito web le icone che servono a mostrare la tua presenza su determinate piattaforme.
Icons8
Una quantità di icone gratis per chi ha bisogno di far notare la presenza sui vari social. Da Facebook a Pinterest, passando per Instagram: qui trovi tutto.
Grazie a Icons8 hai tutto ciò che ti serve: dai loghi di ogni piattaforma social ai simboli a tema. Per esempio, puoi trovare anche le icone per WordPress. Scegliendo sempre in base allo stile: glifi, disegnato a mano, flat, bubble, emoji, etc.
Vecteezy
Qui trovi immagini vettoriali e social icon per il blog. Cerca quelle che ti interessano, scegli lo stile che ti piace: icone minimal, flat, emoji, classiche o particolari.
Grazie ai filtri puoi scegliere cosa ti serve dalla ricerca, foto o vettori, e organizzare i risultati in modo da individuare facilmente le icone per social network che ti servono.
Iconfinder
Un motore di ricerca per le immagini. Anzi, per le icone e i vettori da usare come simboli che comunicano la tua presenza sui social. Come funziona Iconfinder?
Vai sul motore di ricerca e digita il social che ti interessa. A questo punto devi solo individuare l’icona che ti piace e scaricare la versione e la dimensione ideale.
Come inserire icone social su WordPress
Hai due soluzioni davanti a te: puoi utilizzare un’estensione o un processo manuale che ti consente di risparmiare su un’ulteriore upload di plugin. Vantaggi e svantaggi?
Nel primo caso automatizzi e semplifichi ma appesantisci con un elemento superfluo. Nel secondo hai controllo ma devi gestire il codice HTML. Quale scegli?
Da leggere: come trovare le immagini gratis per il blog
Manuale
Metti la parte l’idea di caricare le icone social con un plugin e decidi di usare un buon processo manuale. Perfetto, il modo più semplice: usa i widget, gli elementi che il blog WordPress consente di usare per aggiungere elementi extra in zone specifiche.
- Vai su un sito per scaricare icone social.
- Scegli quelle che preferisci e comprimi.
- Salvale su desktop con nome file adeguato.
- Carica le icone nei media del blog.
Ora vai nella sezione Widget del blog WordPress, scegli l’elemento HTML, posizionalo nell’area che preferisci – above the fold, sidebar, footer – e inserisci il codice per richiamare il file media caricato in precedenza. Ricorda di inserire il tag alt.
C’è da aggiungere che con WordPress 5.8 puoi gestire i widget con questo editor e inserire gli elementi in questioni proprio con il blocco Icone Social. L’aspetto interessante: puoi inserire le icone social anche su una pagina fissa o in un post blog.
Plugin
Ci sono diversi plugin che consentono di aggiungere icone social al blog o al sito web. Hanno un funzionamento semplice: li installi e decidi come e dove mettere le immagini, dall’above the fold alla sidebar. Senza dimenticare il caro footer.
Io preferisco qualcosa come Social Icons Widget che ti consente di scegliere con precisione forme e colori delle icone. In ogni caso ci sono molti plugin che ti danno la possibilità di abbinare gli share button, i pulsanti di condivisione sui singoli post.
Icone social: esempi di blog famosi
Chiaro, ti ho appena spiegato come inserire icone social su WordPress. Lo puoi fare a mano o con un plugin (io preferisco la prima opzione). Ma hai qualche esempio da seguire? Ecco come si muovono i professionisti del blogging e della scrittura.
Mashable
Mashable è il Social Media Blog per eccellenza. E qui troviamo una selezione di icone: il comando per aggiungerlo su Twitter, il pulsante mi piace di Facebook, quello di YouTube e Instagram. Tutto è racchiuso in uno spazio minimo, above the fold.
I web designer di questo magazine destinano poco spazio a queste identità, selezione di ciò che serve veramente ma massima visibilità. Senza impegnare molto l’utente. Da valutare anche come hanno inserito i pulsanti condivisione: stessa grafica.
ProBlogger
Passiamo a ProBlogger, lo spazio di Darren Rowse dedicato al mondo dei blog. Qui le icone superano i numeri minimi di Mashable e scendiamo un pò più in basso.
Non siamo proprio nella sezione above the fold ma ci manca poco. Però troviamo Feed Rss, Facebook, LinkedIn, YouTube e Twitter, oltre al campo dei podcast.
Da notare la presenza dei numeri che indicano gli iscritti alla community e la call to action per invogliarti a far parte della grande famiglia. Se andiamo sul singolo articolo i bottoni social si trovano all’inizio della sidebar, sempre in bella vista.
Hubspot
Concentriamoci sul blog più amato da chi fa Inbound Marketing, Hubspot, e spostiamoci verso estetiche minimaliste e con tono cromatico simile. Abbiamo piccole icone situate in una zona poco accessibile, vale a dire il footer.
Non è una scelta insolita ma qui si replicano i pulsanti: su Hubspot è l’unica soluzione. Forse investono meno sui profili social ma c’è anche l’icona di Medium.
Moz
Moz è un faro per chi si occupa di ottimizzazione per i motori di ricerca. Anche in questo caso troviamo una sostanziale pulizia delle icone (Feed Rss, Twitter, Facebook, LinkedIn, Pinterest), tutte situate solo nella home page del blog.
Non si trovano in home page dell’intero sito (solo in quella del blog) e neanche nei singoli post. Ampio spazio viene dato, però, al box per ricevere i contenuti via email.
Search Engine Land
Rimaniamo nel mondo SEO con il blog di Search Engine Land. Qui abbiamo un above the fold essenziale con una combinazione simile a quella di Mashable.
Ci sono Twitter e Facebook, campi per newsletter. La soluzione extra è il bottone con il simbolo dei social che nasconde un menu a tendina con LinkedIn e Feed Rss.
Da leggere: come cancellare un articolo dal blog
Come inserire icone social su WordPress
La procedura: scarica le icone dal sito web che preferisci e rispetta lo stile del tuo progetto. Poi le carichi e le posizioni in modo che siano ben visibili. I punti:
- Posizione above the fold.
- Call to action in bella vista-
- Feed, Twitter, Facebook in evidenza.
- Campo newsletter sempre presente.
Un tempo c’era maggior bisogno di mostrare questi elementi. Oggi si punta all’essenziale. Come ottimizzare posizione delle icone social? Condividi la tua esperienza nei commenti e aiutami a trovare una soluzione valida.
Categoria: WordPress
Tu però le hai posizionate diversamente, alla Sinistra fluttuanti
No, quelli sono i bottoni di sharing. Io mi riferisco alle icone che ti permettono di seguire i profili social dei blog. Le mie le trovi nella sidebar, a destra.
Cao Riccardo! Che bell’articolo! Adesso però, devo prendermi del tempo per passare dalla splendida teoria alla pratica!
Certo, adesso devi posizionare bene le tue icone.