Come rimuovere il widgets.js in blogger per aumentare il google pagespeed

Se vuoi ottimizzare il tuo sito su blogger/blogspot in modo che risulti più veloce con il test di google page speed, uno dei metodi da applicare è quello di evitare il caricamento del javascript widgets.js.

Solitamente, nei template default di blogger dovresti avere incluse le seguenti righe di codice:
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3588524177-widgets.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> 

In particolare widgets.js, è una libreria javascript che serve per far funzionare diversi widget del tuo blog su blogger.
Capirai quindi, che la soluzione che sto per andarti a proporre, è da applicare solo nel caso tu non utilizzi troppi widget nativi di blogger, perchè alcuni dei quali, come il form dei contatti, lo slideshow, il wikipedia widget ed altri, potrebbero non funzionare più.
Verifica quindi il funzionamento del tuo sito dopo l'applicazione di questa path/hack.

Come rimuovere il widgets.js in blogger per aumentare il google pagespeed

Per poter eliminare il widgets.js da blogger in modo che non rallenti più il caricamento delle pagine e non influisca negativamente su google  page speed, occorre modificare l'html del template del proprio blog.

Attenzione, prima di procedere fare una copia di backup del template del proprio sito blogspot.

Quello che dobbiamo fare ora per aumentare il rank del nostro sito blogger su google pagespeed, è andare sul pannello di controllo del nostro sito blogger:
https://www.blogger.com

Adesso, clicchiamo su Modello -> Modifica HTML.

Tramite la ricerca (ctrl+F), cerchiamo la stringa:
</body>
e sostituiamola con:
&lt;!--</body>--&gt;&lt;/body&gt;

Salviamo poi il template blogger cliccando su Salva modello.

Se tutto è andato bene, il nostro pagerank di google speed sarà aumentato, e di fatto il nostro sito web risulterà più veloce al caricamento.
Per sapere verificare la velocità del tuo sito leggi questo post.

Questo metodo serve per commentare e quindi non fare eseguire, il javascript che blogger mette in automatico sul nostro sito.
Attenzione però, questo hack potrebbe non funzionare se abbiamo attivato il javascript del cookie law, che purtroppo all'inizio ha un commento html che vanifica questo stratagemma!

Grazie a questo trucco, avremo quindi aumentato il rank del nostro sito blogger su google pagespeed, e questo in teoria, influirà positivamente anche sul posizionamento su google.

Come aggiungere un luogo su blogger

Tra le sue tante ed utili funzioni, i siti su blogger / blogspot hanno la possibilità di associare un luogo ai propri post, in modo da dare un'informazione in più ai vari navigatori.
Aggiungere un'ubicazione su blogger è molto semplice, e lo si può fare sia in fase di creazione nuovo post, che in modifica.

Come aggiungere un luogo su blogger

Per aggiungere luogi su blogger, entrare nella piattaforma di amministrazione del proprio sito:
https://www.blogger.com

Poi, entrare in modifica/inserimento del post al quale si vuole aggiungere il luogo.

Adesso, nella parte destra dello schermo, troveremo la voce Ubicazione, dove dovremo andare a cliccare.
Si aprirà un box dove poter effettuare la ricerca del luogo da mappare.
Scrivere il nome della città / stato / paese e poi cliccare su Cerca.

Se trovato, il luogo desiderato apparirà selezionato in una mappa di google, che potremo ingrandire e rimpicciolire a nostro piacimento.
Una volta terminato il posizionamento, cliccare su Completato e poi ovviamente, su Pubblica o Aggiorna.

Il luogo selezionato apparirà sotto il nostro articolo blogger, alla voce Ubicazione.

PS per togliere un luogo / ubicazione da blogger, basta ripetere il procedimento e cliccare sulla voce Rimuovi.

Post più popolari di blogger

Tra i vari gadget utili sulla piattaforma blogger / blogspot, c'è quello riferito ai cosiddetti 'Post più popolari'.

Questo particolare gadget di blogger, ci consente infatti di inserire sul nostro blog / sito, l'elenco dei post più visitati dai nostri navigatori, per mostrare con orgoglio i nostri migliori articoli.

Come aggiungere il gadget 'Post più popolari' su blogger

Per poter inserire il gaget 'Post più popolari' su blogger, basta collegarsi alla piattaforma di gestione blogger:
https://www.blogger.com

Entrare nel proprio sito e cliccare su Layout, poi selezionare il punto dove si vuole inserire la funzionalità e cliccare su Aggiungi gadget.

Nei gadegt di base, scrollare la pagina fino a trovare il gadget Post più popolari, e cliccare sul più accanto al nome.

Nella schermata che si aprirà, potremo modificare il titolo, selezionare il range di tempo nel quale vengono conteggiati i post più visitati, decidere cosa mostrare (miniatura e/o snippet), e scegliere il numero di post da mostrare.
Cliccare infine su Salva e poi su Salva disposizione (trasciando prima il gadget sopra o sotto per cambiarne la posizione, se necessario).

Ed ecco che sul nostro sito blogger apparirà l'elenco di post più popolari degli ultimi x giorni, i quali in teoria invoglieranno i visitatori a cliccarci sopra... forse :p

Ti potrebbero anche interessare

Quante volte avete visto questa scritta sui vari blog / siti internet: Ti potrebbero anche interessare?
Trattasi di una utilissima funzionalità che consente ai vari siti di mostrare degli articoli correlati con la pagina che si sta visitando, ovvero dei post che potrebbero interessare il navigatore.

Vediamo quindi come fare per aggiungere un widget / gadget / plugin su blogger, wordpress e su altri cms o siti web, in modo da poter avere anche sul nostro blog la funzione 'Ti potrebbero anche interessare'.

Come aggiungere la funzionalità 'Ti potrebbero anche interessare' su blogger e wordpress

Per poter aggiungere la funzionalità di post correlati, c'è un sito che fa al caso nostro:
http://www.linkwithin.com

Collegandosi al sito LinkWithin, già nella home page, ci sarà subito un box che ci consentirà di abilitare il nostro blogger / wordpress, ecc... alla funzionalità "Forse ti potrebbero anche interessare" (chiamiamola così).

Inserire tutti i dati richiesti, selezionando ovviamente la piattaforma dove vogliamo installare il gadget, e l'indirizzo del nostro sito web.
Selezioniamo anche il numero di articoli correlati da mostrare (stories), infine clicchiamo su Get Widget.

Adesso dovremo solo seguire le istruzioni che ci appaiono a video, che possono variare a seconda del cms selezionato.
Con blogger ad esempio ci verrà detto di cliccare su Install Widget e di seguire delle breve istruzioni, per generare un codice del genere:
<script>
var linkwithin_site_id = CODICESITO;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>

Che in inglese, riporterà sul nostro sito la scritta: You might also like, ovvero, Ti potrebbero anche interessare (dovrebbe riconoscere in automatico la lingua del nostro sito web).
Scritta che apparirà dentro/sotto i nostri post, suggerendo al navigatore gli articoli correlati più pertinenti.

Se vuoi inserire a mano il codice di linkwithin sul tuo sito, ma non sai come aggiungere i gadget / plugin / widget su blogger, leggi questo post.

Grazie a linkwithin potrai quindi aggiungere su blogger e wordpress i cosiddetti related posts with thumbnails, ovvero i post correlati con tanto di miniatura immagine... che vuoi di più?

Come cambiare numero di post pagina principale Blogger

Se hai un sito fatto con la piattaforma blogger / blogspot, forse ti sarà utile sapere che è possibile modificare la tua home page, per fare in modo che visualizzi solo un numero limitato di post / articoli.

Come cambiare il numero dei post visualizzati nella home page di Blogger

Modificare il numero di post/articoli mostrati nella pagina principale del tuo sito blogger è molto semplice, basta collegarsi alla piattaforma blogger:
https://www.blogger.com

Nel menù di sinistra, cliccare su Layout.

Adesso, scrollare la pagina fino a trovare la sezione Principale e cliccare su Modifica.

Si aprirà una finestra popup, dove la prima opzione sarà Opzioni pagina principale e la prima voce sarà proprio quella che dovremo andare a cambiare: Numero di post nella pagina principale.

Apportiamo le modifiche necessarie mettendo il numero di post che vogliamo mostrare ai nostri visitatori, poi clicchiamo su Salva in fondo alla pagina, e già che ci siamo anche su Salva disposizione, nella finestra principale della sezione Layout.

Da ora in avanti l'home page del nostro sito su blogger mostrerà solo il numero di articoli che gli abbiamo detto di far vedere.

Creare una Home Page Blogger con elenco post con miniatura

Molti dei miei lettori mi hanno chiesto come ho fatto a modificare il template del mio sito blogger / blogspot in modo da avere una Home Page personalizzata di blogger.

In realtà non ho modificato solo l'home page di blogger, ma tutte le sezioni che contengono l'elenco dei post/articoli, in modo che appaiano in sequenza, non come articoli interi, ma come un'anteprima / un riassunto dei post, compresi anche di una bella immagine miniatura.

Come creare una Home Page di Blogger con l'elenco dei post con la miniatura

Per poter vedere l'elenco dei nostri post riassunti (snippet) nella nostra home page di blogger, con tanto di miniatura foto d'anteprima, bisogna andare a modificare l'html del template del nostro sito / blog.

Colleghiamoci dunque sul pannello di controllo di blogger, poi clicchiamo sul solito Modello e poi su Modifica HTML.

Per sicurezza, visto che stiamo andando a modificare il template del nostro sito e potremo quindi fare danni, facciamoci una copia di backup, prima di iniziare a toccare l'html.

Adesso andiamo a cercare questa riga nell'html del nostro template:
<data:post.body/>

A seconda del template scelto per il nostro sito, potremmo avere anche due posti in cui questa riga appare.
Per capire dove andare ad agire possiamo scrivere una parola prima di quella riga, salvare, e vedere se appare sul nostro sito. In caso affermativo, quello è il punto dove dobbiamo agire.

Ora, cancelliamo o commentiamo la riga che abbiamo appena trovato.
Il commento in html si fa così: <!--<data:post.body/>-->

Sostituiamo la riga del post.body con il seguente codice:

<b:if cond='data:blog.pageType == &quot;item&quot; OR data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl' style='float:left; margin:0px 4px 4px 0px;'/>
</div>
</b:if>
<data:post.snippet/>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
</b:if>

In questo annidamento di condizioni if, praticamente stiamo andando a dire:
Se ci troviamo in un post o in una pagina, allora mostriamone il contenuto (post.body).
Altrimenti, se esiste il riassunto (post.snippet), mostriamolo insieme all'immagine (post.thumbnailUrl), se presente.
Sotto al riassunto mettiamo il link per far vedere il resto del post o della pagina (post.url), con il testo predefinito 'continua a leggere' (post.jumpText).

Ecco come apparirà la nostra home page blogger dopo questa modifica al template:

Già questo basterebbe per avere la nostra home page blogger personalizzata in modo da mostrare le anteprime dei post con immagini.
Però, a mio avviso c'è ancora qualcosina da sistemare per avere un elenco visivamente decente, va fatta sparire la sezione dei commenti, delle etichette, della condivisione, ed il pubblicato da.

Dovremo quindi agire ancora una volta nell'html del template.

Cerchiamo la seguente riga di codice:

<div class='post-footer'>

Nel caso ce ne fosse più di una, per capire su quale agire, usiamo lo stesso metodo utilizzato per il post.body.

Adesso, dobbiamo anche vedere dove questo <div> si chiude, perchè dobbiamo andare a mettere la nostra condizione if all'apertura e alla chiusura, così:
<b:if cond='data:blog.pageType == &quot;item&quot; OR data:blog.pageType == &quot;static_page&quot;'>
<div class='post-footer'>
....tutto il codice dei commenti, delle etichette, ecc...
</div>
</b:if>

In pratica abbiamo detto che deve mostrare commenti, etichette, ecc..., solo se ci troviamo dentro ad un post o ad una pagina del nostro sito web.

Ed ecco il risultato finale:

Con questo articolo abbiamo visto come è possibile personalizzare l'home page del nostro sito su blogger, sostituendo il template base con l'elenco delle anteprime dei nostri post.

Volendo si può fare ancora molto per avere una home page ancora più bella, ma questo è un altro post (cit.)

Come taggare su blogger

Sulla piattaforma google blogger / blogspot, per poter organizzare meglio i contenuti del proprio sito / blog, c'è la possibilità di taggare tutti i post che facciamo.
Taggare su blogger in realtà significa mettere una o più etichette ad un post, in modo da poterlo poi ricercare per etichetta / label.

Capito dunque che è importante sapere come raggruppare i propri post per etichette, vediamo all'atto pratico come taggare su blogger.

Per poter mettere un'etichetta ad un post, prima creiamolo come sappiamo già fare dalla piattaforma blogger, poi clicchiamo nella voce Etichette, a destra nella pagina di modifica del nostro post, nella sezione Impostazioni post.

Si aprirà un box dove potremo inserire a mano l'etichetta o cliccare su una già esistente.

Se inseriamo a mano le nostre etichette, ricordiamoci sempre che vanno separate da virgola.
Inoltre a mio avviso le etichette è meglio che non abbiano spazi o caratteri speciali, ma diciamo che se c'è qualche cosa che non potete inserire, sarà lo stesso blogger ad avvisarvi.

Una volta finito di taggare il vostro articolo su blogger, cliccate su Completato, e poi ovviamente, su Pubblica o su Aggiorna, per mettere così online le modifiche.

Adesso il vostro post avrà una o più etichette associate, e potrà venir ricercato sul vostro sito tramite un indirizzo del genere:
http://www.oggieunaltropost.it/search/label/guide

Come avrete certamente capito da questo articolo, taggare su blogger significa mettere un tag ad un post, e quindi questo termine non ha esattamente lo stesso significato pratico che ha su facebook... anche se in effetti un tag su facebook in un certo senso può essere usato per raggruppare degli amici :)