Come conteggiare i click che riceve un link

Avete inserito nel vostro sito un link per scaricare un ebook, o comunque una risorsa, e volete sapere in quanti ci hanno cliccato sopra? Avete sponsorizzato una iniziativa e volete conoscere in quanti hanno cliccato sul collegamento per avere più informazioni?

Con i servizi offerti da alcuni accorciatori di URL possiamo facilmente avere delle risposte a queste domande. Fino a qualche tempo fa il metodo migliore per avere queste informazioni era quello di usare il servizio di Google denominato Goo.gl che però ha cessato di esistere.

Il supporto a Goo.gl è stato ritirato nel Marzo 2018 ma gli URL accorciati esistenti continueranno a funzionare sine die. Però le statistiche non sono più accessibili dall'Aprile 2019. In questo post vedremo come usare un altro servizio simile e gratuito per conteggiare i click ottenuti da un link.

Come aprire più schede del browser con un solo link.

In un post precedente abbiamo visto come aggiungere più collegamenti nel Profilo di Instagram inserendo un solo URL mentre in questo articolo vedremo sotto certi aspetti una generalizzazione visto che  mostrerò come cliccando su un certo link si apriranno simultaneamente più schede del browser.

Questa sorta di multilink potrà essere usato con un anchor text oppure con una immagine. Penso per esempio a un insieme di icone di social network per aprirne tutti i link. Non bisogna però esagerare nel numero di link aggiunti perché altrimenti si rischia di bloccare il browser nei computer con una RAM non troppo elevata. Fino a tre collegamenti aperti simultaneamente non dovrebbero esserci problemi neppure per i computer più vecchi. Se si aumentano i link va considerato questo aspetto non secondario.

Come aprire con Gmail i link di posta elettronica.

La maggior parte dei link presenti nelle pagine web sono relativi a collegamenti ad altre pagine web. Sono però possibili anche link a indirizzi di posta elettronica. Se siete utenti di Blogger quando selezionate un testo e cliccate su Inserisci link nell'Editor di Blogger si può scegliere tra Indirizzo web e Indirizzo email.

Sia per l'indirizzo web sia per quello email sono presenti anche i quadratini di controllo per aprire il link in un'altra scheda e per inserire il nofollow. In un prossimo articolo vedremo come inserire un link a un indirizzo email e come creare un bottone adatto a questo scopo. In questo post invece mi occuperò di un problema successivo che riguarda chi clicca su un link di un indirizzo di posta elettronica.

Come e perché linkare i nostri vecchi post in Blogger.

Il cosiddetto link building cioè la tecnica SEO per aumentare i link di ingresso o backlink verso il nostro sito in generale è visto in malo modo da Google perché porterebbe ad avere dei link non naturali. Il concetto di link innaturali però è molto labile e la ricerca di siti, specie di qualità, che inseriscano collegamenti verso le nostre pagine web è ancora uno dei migliori sistemi per aumentare l'autorevolezza di siti professionali e dilettantistici.

Per quello che riguarda i link interni cioè i collegamenti verso i nostri stessi post la posizione di Google è premiante sotto tutti i punti di vista con un paio di eccezioni. Qualche anno fa infatti Matt Cutts fece una dichiarazione in cui invitava gli webmaster a non inserire il nofollow nei link interni vale a dire a non usare la tecnica denominata PageRank Sculpting per favorire un post rispetto a un altro. Secondo Matt Cutts per spingere un post la migliore soluzione è quella di linkarlo in homepage, direttamente o inserendolo in una voce del menù. Un altro caso sconsigliato è quello di collegamenti ridondanti che non abbiano una funzione specifica e una utilità per il lettore.

Come bypassare i link t.co di Twitter quando si aprono in una pagina web non disponibile.

Ritorno a occuparmi del problema dei link di Twitter che non si aprono in una pagina disponibile. Si tratta di un fastidio notevole che però colpisce solo alcuni utenti e di cui non sono riuscito a scoprirne la ragione. Tutti i collegamenti inseriti nei tweet di Twitter vengono rediretti all'accorciatore di URL di quella piattaforma che ha dominio t.co e che opera con protocollo HTTPS ovvero di crittografia asimmetrica.

Per un problema che mi è ignoto alcuni browser non riescono ad aprire tali link e ci viene mostrato il messaggio che la pagina web non è disponibile. Si può risolvere eliminando la parte iniziale dell'URL ovvero https:// oppure anche solo la s e pigiare su Invio nella tastiera.

Come aggiungere un link al blog alla fine dei feed di Blogger.

La piattaforma Blogger offre uno strumento piuttosto potente per ottenere dei backlink automatici da chi ripubblica i contenuti tramite i feed. I feed sono nati con il formato RSS (Really Simple Syndication)e permettono di ottenere informazioni da siti che vengono aggiornati di frequente, come ad esempio i blog e i siti di notizie. Un documento RSS è denominato appunto feed e contiene il sommario o l’intero contenuto di un sito. Attraverso questo il sottoscrittore può rimanere aggiornato e leggere i nuovi contenuti senza dover aprire di persona il sito in questione per controllare se è stato pubblicato un nuovo articolo. Grazie al feed RSS non è il lettore che va alle notizie ma sono le notizie che vanno al lettore. Per leggere un feed è necessario un programma chiamato aggregatore o reader o lettore di feed che è  in grado di raccogliere, interpretare ed organizzare i feed a cui vi iscriverete. Dopo il ritiro di Google Reader il lettore più utilizzato è senza dubbio Feedly che ha anche delle eccellenti applicazioni per Android e iOS. 

I link dei tweet su Twitter si aprono in una pagina web non disponibile: soluzione.

Da qualche giorno se clicco in qualche link presente in un tweet mi si apre una scheda del browser con messaggio di questo genere: "La pagina web non è disponibile" su Chrome, oppure "Impossibile contattare il server" su Firefox o ancora "Non è possibile raggiungere questa pagina" su Microsoft Edge.

I link su Twitter vengono accorciati automaticamente anche se sono in forma estesa. L'accorciatore di URL di Twitter è organizzato dal servizio http://t.co che per una qualche ragione ha smesso di funzionare. Può darsi che sia solo un problema dei miei computer o della mia connessione ma mi sembra improbabile.

Nel tweet dello screenshot seguente, se si clicca sopra al link, si aprirà la pagina https://t.co/aZ1QF2NLR3

Come attivare i link di inclusione su Blogger.

Con questo articolo vogliamo fare un altro passo avanti nella creazione di un podcast con Blogger. Dopo aver visto cosa sono i podcast e come funziona iTunes vedremo come attivare i link di inclusione o Enclosure Links che sono uno strumento potentissimo e quasi sconosciuto a disposizione degli utenti della piattaforma Blogger. 

Si tratta in sostanza di aggiungere una nuova informazione ai feed che contiene un link diretto a un contenuto multimediale che vogliamo condividere insieme agli articoli del nostro sito. Potremo quindi aggiungere dei link a dei file audio di nostri tutorial o addirittura a dei file video che potranno essere ascoltati o visualizzati direttamente tramite i feed oppure ascoltati e visti con un lettore di podcast come iTunes.

Come creare dei collegamenti con vari URL in aree diverse della stessa immagine SVG.

Leggere questo articolo fino all'aggiornamento a fine post in cui sono state aggiunte importanti informazioni -

Le informazioni assolutamente basiche sull'uso di Inkscape sono comunque sufficienti per realizzare degli oggetti che non sarebbe possibile creare con i normali programmi di grafica. Una immagine classica può essere linkata solo nella sua interezza mentre con una immagine SVG lo si può fare con una singola area.

Una funzionalità di questo tipo è possibile implementarla anche con immagini JPG o PNG ma bisogna utilizzare degli strumenti esterni che ci permettano di creare delle mappe di immagini. Vediamo un modesto esempio di come si possa linkare con URL diversi varie zone di una immagine SVG. Dopo aver aperto Inkscape si va su File > Importa per importare nell'area di lavoro le immagini in SVG, JPG, PNG o altro formato

Come creare dei link interni a una pagina divisa in capitoli.

Forse il titolo non è del tutto comprensibile e allora è bene fare l'esempio del post che ho appena pubblicato dal titolo 170+ Blogger Responsive Template che presenta ben 174 modelli Responsive per Blogger suddivisi in categorie ciascuno di questi con il link alla demo e alla pagina di download.

Si tratta di un articolo molto lungo e per spostarsi al suo interno è bene inserire un sistema di navigazione per facilitare l'esperienza dei lettori. Dopo un incipit che illustra il tema trattato nel post ho inserito una sorta di indice delle Categorie dei vari modelli che sono ben 26. Ciascuna categoria ha un collegamento e, se ci cliccate sopra, non aprirete un'altra pagina ma andrete all'inizio del capitolo o della sezione descritta nel testo di ancoraggio.

Per fare un esempio pratico cliccando sull'elemento che è al 14-esimo posto dell'elenco cioè Responsive Gossip Blogger Templates si visualizzerà il corrispondente titolo con i modelli a partire da quello al 157° posto. Attraverso i link quindi si possono creare dei collegamenti interni alla pagina.

Far aprire un link sempre nella versione desktop su Blogger.

La piattaforma Blogger ha un sistema piuttosto semplice per mostrare layout diversi delle pagine web a seconda che si aprano con un browser desktop o con un dispositivo mobile. Dopo che sia stato rilevato che la pagina verrà aperta da tablet o da smartphone c'è un redirect automatico della piattaforma che aggiunge all'URL la stringa ?m=1. In sostanza per ogni pagina desktop se ne può creare una da mobile.

Questo non significa che non sia possibile aprire una pagina da mobile in visualizzazione desktop e che viceversa non sia possibile aprire da desktop una pagina così come si vede da mobile. In tutti i cellulari di gamma anche solo media ci sono dei browser che hanno l'opzione "Richiedi sito desktop"  o una espressione simile.

Come modificare inline i colori dei link in una pagina web.

Se avete un blog su Blogger potete impostare i colori dei link andando sul Designer modelli che si trova su Modello > Personalizza > Avanzato > Link per settare i colori che più vi piacciono. I colori preimpostati per i testi di ancoraggio dei collegamenti non sono fissi ma sono essenzialmente di quattro tipi di cui solo tre utilizzati di solito. 

C'è il colore classico di default e quello che appare quando si punta un link con il mouse. Poi il colore dei link che sono già stati aperti nel browser cambia ancora così come può farlo anche il link che sia attivo. Si può modificare il template come mostrato in un precedente articolo ma quando vogliamo personalizzare i colori di un collegamento in un solo post possiamo inserire una classe di stile apposita senza toccare il modello. 

Creare una mappa in una immagine per aggiungere più link.

Il titolo probabilmente non è sufficientemente esplicativo quindi prima di passare al concreto è meglio fare un esempio. Avrete certamente visto una immagine di una carta geografica in cui cliccando su punti diversi si aprono link diversi. Mi ricordo come nelle passate elezioni regionali un quotidiano online avesse messo in prima pagina una cartina dell'Italia in cui cliccando sulla regione desiderata si apriva la pagina con i relativi risultati elettorali. Un altro esempio potrebbe essere una foto di un insieme di oggetti messi in vendita in cui cliccando su ciascuno di essi si possa essere indirizzati alla pagina in cui acquistarlo. 

Effettuare manualmente i passaggi per giungere a questo risultato non è semplice visto che dovremo creare una specie di puzzle con un link per ciascun settore. Si possono usare i tag <MAP> e <AREA> per definire le aree in cui inserire i link. Per determinare tali aree bisogna specificare le loro coordinate per rendere il collegamento attivo solo a chi punterà il cursore in quella regione. Per fortuna ci sono online dei tool gratuiti che ci possono essere di aiuto per realizzare un tale oggetto in modo piuttosto intuitivo.

Slideshow di immagini con link a post o blog amici.

Una delle tematiche più importanti per un blogger è quella della ottimizzazione dello spazio nel layout del sito. Occorre cercare di mostrare il più possibile in uno spazio che è ben delineato. Una delle opzioni più interessanti è rappresentata dagli slideshow che permettono al lettore di visualizzare automaticamente tutta una serie di immagini che riportino a dei post, a dei blog amici ma anche ad altre cose.

È per esempio possibile creare uno slideshow di oggetti presenti su Amazon, su eBay o siti simili con collegamento alla pagina in cui si possano acquistare. Un'altra possibilità di utilizzo è data da affiliazioni pubblicitarie che abbiano delle creatività limitate ad immagini. Si può anche creare uno slideshow di ebook scritti dall'autore o che comunque si voglia pubblicizzare. Non ultimo potrebbe essere un modo per mostrare i loghi dei blog amici con i link per aprirli. In alcuni siti di impegno sociale potrebbe essere un modo per mostrare tutta una serie di campagne di sensibilizzazione.

Impedire l'apertura delle foto in un'altra scheda in Blogger o di visualizzarla nel Lightbox nativo.

Quando pubblichiamo una immagine in un post tramite l'Editor di Blogger questa di default sarà collegata al link su Google+ in cui è caricata. Con questa impostazione i lettori di un sito su Blogger possono cliccare sulle immagini per aprirle in un'altra scheda del browser. Ci sono autori che non amano questa funzione e anche a me non piace molto. Quando si clicca su una foto si lascia il sito per andare su Google+ o sull'hosting in cui la foto è stata caricata. Inoltre con questa operazione l'immagine viene vista nella sua dimensione originale e si rende più semplice trafugarla per altri scopi.

Se in Impostazioni > Post e commenti > Mostra immagini con Lightbox è stato messo il Sì, l'immagine sarà visualizzata nel Lightbox nativo di Blogger per cui cliccandoci sopra con il destro del mouse potremo copiarla a grandezza naturale oppure ricavarne l'indirizzo

Check My Links e LinkCheker per trovare i link rotti.

La presenza di link non più funzionanti in una pagina web è un parametro che viene considerato negativamente da Google nel dare il voto di affidabilità ai diversi siti. Accedendo agli Strumenti di Webmaster si può anche avere l'elenco degli Errori di scansione relativamente ai link Non Trovati. Quando però in una pagina ci sono decine se non centinaia di collegamenti è estremamente lungo, stressante e complicato trovare i link che non funzionano più.

Per fortuna ci sono due ottime estensioni per Chrome e per Firefox che ci permettono di velocizzare enormemente il lavoro da compiere. Check  My Links è una estensione per Chrome che colora i link rotti di rosso mentre quelli funzionanti lo saranno di verde. Il funzionamento è quindi molto semplice e intuitivo. Dopo aver cliccato su Gratis quindi su Aggiungi per il consenso alla installazione dell'addon si visualizzerà la rispettiva icona nella barra di Chrome.

Come personalizzare l'aspetto dei link su Blogger.

Nel modello di Blogger sono presenti dei blocchi di codice che servono per determinare l'aspetto dei link o collegamenti che dir si voglia. Tali elementi si suddividono in tre categorie: link non ancora visitati, link già visitati e link puntati con il mouse. 

Se andate su Modello > Modifica HTML i blocchi di codice per i link iniziano rispettivamente con a:link a:visited e a:hover. Si possono anche personalizzare questi colori andando su Modello > Personalizza > Avanzato > Link.  Un esempio di codici per il link potrebbe essere questo a:link {color: #048;}, a:visited {color: #808;}, e a:hover {color: #FCB;} dove i codici dei colori in rosso determinano l'aspetto dei tre tipi di collegamenti.

Come inserire link dofollow in un blog di Blogger con i collegamenti tutti nofollow.

Ieri ho ricevuto un messaggio da una lettrice del blog che mi chiedeva se fosse possibile inserire un link dofollow dopo che il blog su Blogger era stato settato tutto come nofollow. Per i lettori non abituali forse è il caso di fare mente locale. Circa un paio di mesi fa Google ha penalizzato diversi siti in lingua italiana perché avevano inserito dei link che apparivano non naturali. Questa penalizzazione è stata subita soprattutto da siti che mettono dei collegamenti a aziende o a prodotti specifici facendo credere a Google che potessero essere a pagamento. Anche se così non fosse l'onere della prova spetta sempre al webmaster che ha come unica risorsa quella di eliminare tali link oppure di modificarli come nofollow.

Visto che se si tratta di un blog con centinaia di articoli e quindi centinaia se non migliaia di link per questa operazione servirebbero settimane c'è la soluzione radicale di rendere tutti i link di Blogger nofollow. La richiesta della lettrice voleva appunto sapere se dopo aver fatto questa operazione non fosse possibile inserire un link dofollow in un singolo post. Ho risposto che non mi sembrava possibile anche perché a chi mi contatta privatamente rispondo sempre in modo negativo o molto criptico visto che lo faccio con il cellulare quando sono in altre faccende affaccendato.

Le regole SEO per pubblicare un post su Blogger.

Avere un sito con buoni contenuti non è sufficiente per posizionarlo al meglio nei risultati dei motori di ricerca. Insieme alla validità e unicità di quello che si è scritto bisogna seguire anche delle regole che lo stesso Google, il motore di ricerca per antonomasia, ha codificato e reso disponibili agli webmaster. Gli utenti della piattaforma Blogger hanno dei vantaggi indubbi dal pubblicare in una piattaforma di proprietà dello stesso Google ma è bene seguire lo stesso tutte le procedure della Guida SEO.

Le regole riguardano tutti gli aspetti del confezionamento del post dal titolo alle immagini, dai link alle parole chiave, dalla metadescrizione ai link interni. Le attenzioni costanti vanno riservate ai seguenti aspetti di carattere generale che valgono per ogni post:

1. Occorre pubblicare articoli sempre con titoli diversi, accurati, brevi ma descrittivi
2. Usare solo link di testo per i vecchi post e non collegare pagine interne a immagini
3. Collegare gli articoli già pubblicati in modo da avere contemporaneamente due vantaggi: quello di mantenere freschi i vecchi post e di aumentare l'autorevolezza dei nuovi
4. È opportuno creare una Sitemap per i motori e una Mappa del sito per i lettori
5. Creare del contenuto originale e evitare errori grammaticali e ortografici
6. Usare parole chiave di diverso approccio cognitivo vale a dire query tecniche insieme a parole accessibili anche ai profani. Google indicizzerà i post sia a beneficio di lettori specialisti del tema sia in funzione di ricerche basate su termini più semplici.
7. Usare un testo di ancoraggio ottimizzato, descrittivo e conciso.
8. Modificare i nomi dei file immagine in modo che siano brevi e pertinenti.

Come usare il rel="canonical" in Blogger per evitare contenuti duplicati.

Il Tag Canonical è uno strumento introdotto da Google con cui informare il motore di ricerca per antonomasia quale sia l'URL da indicizzare ignorando tutti gli altri. Il rel="canonical" non è però un semplice Redirect 301 come è quello classico che dall'URL esempio.com reindirizza all'indirizzo www.esempio.com. È consigliabile usare il rel="canonical" quando si vogliano evitare contenuti duplicati in modo che la link popularity fluisca tutta verso una stessa pagina e non si disperda verso altre parti. Un esempio che credo tutti capiranno è quello dell'URL di un post e dell'URL di un commento allo stesso articolo. Questo indirizzo dell'ultimo post di questo sito

http://www.ideepercomputeredinternet.com/2014/04/blogger-mobile-redirect-loop-solved.html

porta ad aprire lo stesso contenuto dell'URL di questo commento

http://www.ideepercomputeredinternet.com/2014/04/blogger-mobile-redirect-loop-solved.html?showComment=1396951470580#c4618206549042659956