Pubblicato il 25/06/11e aggiornato il

Come aggiungere il tag Title nel modello di Blogger.

I tag Title e Alt sono in genere usati quando si postano delle immagini. La struttura del codice è questa

<img src="URL_IMMAGINE" title="Titolo immagine" alt="Testo alternativo">

dove il testo in Title viene visualizzato quando si passa sopra all'immagine con il mouse mentre quello in ALT appare nei browser che non riescono a caricare la foto ed è molto importante ai fini SEO. Il tag Title può essere usato anche in un qualsiasi collegamento per mostrare un tooltip con la descrizione della pagina. Per esempio questo codice

<a href="http://www.ideepercomputeredinternet.com/" title="Tutorial per utenti di Blogger">IDEE PER COMPUTER ED INTERNET</a>

produce questo link

IDEE PER COMPUTER ED INTERNET

che, al passaggio del mouse, mostra il tooltip con la descrizione inserita. Si può fare in modo che questa descrizione appaia anche in tutti i link di un blog su Blogger. Questa potrebbe essere una buona cosa perché, introducendo nuove informazioni per i visitatori, è certamente ben vista dai motori di ricerca. Nel modello di Blogger i collegamenti sono individuati da questi codici

a expr:href='data:blog.homepageUrl'  

a expr:href='data:post.link'

a expr:href='data:post.url'

Per inserire il tag Title occorre sostituirli rispettivamente con i codici

a expr:href='data:blog.homepageUrl' expr:title='data:title'

a expr:href='data:post.link' expr:title='data:post.title'

a expr:href='data:post.url' expr:title='data:post.title'

In sostanza si tratta di aggiungere expr:title='data:post.title' a tutte e tre le espressioni. Per fare una cosa rapida e sicura occorre utilizzare un editor per programmatori quale Notepad++. Negli strumenti in alto della interfaccia del programma c'è l'icona del binocolo che può essere utilizzata per cercare ciascuna stringa e sostituirla con l'altra che contiene il tag Title. Consiglio di scaricare due copie del modello. La seconda sarà quella che andremo a modificare mentre la prima ci servirà per un eventuale backup di ripristino.

notepad   modificare modello   

Forse è più facile vederlo che spiegarlo. Ho quindi postato un brevissimo video tutorial su come procedere



Successivamente si va su Design > Modifica HTML > Scegli file. Si seleziona il modello appena modificato e si clicca su Carica. Per sicurezza prima di salvare possiamo andare su Anteprima. Adesso, quando si punterà con il mouse un titolo, vedremo il tag Title in azione

tag title in blogger

Fonte | BellaType -





12 commenti :

  1. Scusa l'off-topic.Non è che ti intriga sviluppare un widget per gli 'utenti in linea' con le funzioni del plugin per wordpress:
    http://wordpress.org/extend/plugins/wp-useronline/

    :)

    Saluti

    RispondiElimina
  2. @arsenico
    E' che su Blogger non c'è il PHP quindi è sostanzialmente impossibile realizzare una cosa del genere.

    RispondiElimina
  3. Capisco. Ignorante-mente pensavo che un modulo potesse stare in un server esterno e poi essere richiamato in qualche modo. Vabbè, grazie, buona domenica :)

    RispondiElimina
  4. Anche se fosse possibile,è giusto essere allergici al lavoro di fine settimana.E' anche una questione di tessuti,per usare una metafora.ci sono vestiti belli e colorati,a poco prezzo,che però danno allergie da reazione.Se mi continuassero a chiedere consigli nel tempo libero,il martedi farei sciopero.Lucia D.,ciao

    RispondiElimina
  5. @arsenico
    Capisco quello che vuoi dire però tutte le personalizzazioni di Blogger credo che debbano essere comunque indipendenti da altri siti a pagamento. Poi, se vogliamo dirla tutta credo che non ne sarei neppure capace >_<

    RispondiElimina
  6. Ciao, ho messo in pratica la teoria di questo bel post!! Direi che funziona, se non ho capito male serve solo per il titolo del post giusto e per il titolo del blog? complimenti ancora

    RispondiElimina
  7. @Patrick
    Serve per dare più informazioni ai lettori. Per il blog non serve perché si può già inserire una descrizione

    RispondiElimina
  8. ho fatto anche questo come sempre facilissimo con le tue spiegazioni date in modo perfetto , ciao!

    RispondiElimina
  9. Ho provato, ma quando cerco di caricare il modello in blogger, blogger non lo carica e mi restituisce questo messaggio di errore:
    "Non è stato possibile salvare il tuo modello.

    Per problemi di formattazione errata, non è stato possibile analizzare il tuo modello. Verifica la corretta chiusura di tutti gli elementi XML. Messaggio di errore XML:
    Element type "expr:title" must be followed by either attribute specifications, ">" or "/>"."

    Sai dirmi a cosa potresbbe essere dovuto? Grazie...

    RispondiElimina
    Risposte
    1. @TrattoriadaMartinia
      Forse il tuo modello non è compatibile. Comunque se lo fai per questioni SEO diciamo che questa modifica ha perso la sua importanza che invece rimane per vedere il tooltip quando si punta un link con il mouse.

      Elimina
    2. Perchè ha perso la sua importanza nella seo? Cmq adesso su blogger c'è la possinbilità di inserire il tag description nelle opzioni del post, che credo sia una cosa positiva.

      Elimina
    3. @TratttoriaDaMartina
      Proprio per le ragioni che hai elencato. Adesso si può personalizzare il Permalink e le Meta Descrizioni per ogni singolo articolo quindi il tag title diventa pleonastico.

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.