Pubblicato il 20/01/12 - aggiornato il  | 33 commenti :

Cosa sono e cosa significano i tag di Blogger.

In molti articoli vengono usate delle etichette per Blogger che ormai sono diventate consuete anche per chi non è un esperto di codici. Faccio l'esempio di data:title che avrete certamente visto scorrendo il codice del vostro blog oppure data:label.name. Queste etichette non fanno parte del linguaggio HTML e funzionano solo su Blogger, per meglio dire solo su alcune sezioni di Blogger.

L'insieme di queste etichette è chiamato Layouts Data Tags ovvero Tag dei dati per i layout e consentono agli web designer di creare i modelli e ai proprietari dei blog di modificarli. Se si inserisce uno qualsiasi di questi tag in un contesto diverso da quello di un modello di Blogger, non sarà rilevato come parte del linguaggio. In estrema sintesi si tratta di variabili che prendono un determinato valore a seconda della pagina in cui sono visualizzate.

Fin dalle medie inferiori abbiamo imparato a usare le variabili nelle equazioni, in seguito anche nelle funzioni. Invece della x, y, z vengono usati questi tag, all'interno di altri tag, oppure anche da soli. Se per esempio incolliamo in un punto del modello la stringa <data:blog.title/>, in quella posizione sarà visibile nel nostro layout il nome del blog . Viene quindi stabilito un linguaggio interno con una struttura che consente di usare queste variabili al posto di quello che si visualizzerà realmente nella pagina web. Per esempio data:title individua il titolo dei gadget che aggiungiamo mentre data:label.name è il nome delle etichette utilizzate in un post. Quest'ultimo tag funzionerà solo dentro un contenitore che avrà come base id='label'. Questo vale in linea di massima per tutti i tag che sono supportati. Nella pagina di elenco delle etichette ci sono quelle che possono essere utilizzate a livello globale, vale a dire in ogni parte del modello, e quelle che funzionano solo in una determinata sezione del blog o in determinato widget.

Vi sarete già resi conto che questo articolo più che scriverlo per i lettori rappresenta una esercitazione mnemonica a mio uso e consumo per cercare di ricordarmi meglio alcuni dei tag più importanti. Tutti iniziano con data: e sono seguiti da una stringa  in relazione all'elemento che rappresentano.

TAG GLOBALI CHE SI POSSONO USARE IN TUTTO IL MODELLO

data:blog.title:  Titolo del blog
data:blog.pageType: Tipologia della pagina vale a dire item (singoli post), archive o index.
data:blog.url: Indirizzo della pagina
data:blog.homepageUrl: Indirizzo della Homepage del blog
data:blog.pageTitle: Il titolo della pagina corrente

TAG USATI SOLO NELLA INTESTAZIONE

data:title: Il nome del blog
data:description: La descrizione del blog

TAG USATI SOLO NEI POST

data:olderPageUrl: URL per i post più vecchi
data:olderPageTitle: Testo del link dei post più vecchi
data:newerPageUrl: URL per i post più recenti
data:newerPageTitle: Testo del link per i post più recenti
data:commentLabel: La frase da utilizzare per visualizzare il numero di commenti, ad esempio "commenti".
data:post.dateHeader: La data di ciascun post (presente solo nel primo del giorno)
data:post.id: L'ID numerico del post
data:post.title: Il titolo del post
data:post.body: Il contenuto del post
data:post.url: Il Permalink del post
data:post.author: Il nome dell'autore del post
data:post.timestamp: L'orario del post (presente in ogni post)
data:post.labels: Elenco delle etichette del post
data:post.comments: Elenco di tutti i commenti del post
data:post.numComments: Numero dei commenti del post
data:comments.id
: ID numerico del commento
data:comments.body
: Il corpo del commento
data:comments.author: L'autore del commento

Mi sono limitato a elencare solo quelli più importanti. Ad alcuni tag possono essere aggiunte delle espressioni finali. Per esempio data:post rappresenta tutti i post presenti in una data pagina mentre  data:post.url è l'indirizzo di un articolo. Quando i server di Blogger individuano uno di questi tag in una pagina automaticamente ne mostrano il risultato esattamente come succede con una espressione che contiene una variabile.

Oltre a quelli globali, per l'intestazione e per i post ci sono tag specifici anche per ogni gadget ufficiale di Blogger come l'Archivio, il Profilo, le Etichette, l'Elenco, l'Elenco di link e il Gadget illustrato. Nei gadget HTML/Javascript, che sono poi i più utilizzati, vengono supportati questi due tag

data:title: Il titolo del gadget
data:content: Il contenuto del gadget.



33 commenti :

  1. sarebbe utile sapere bene cosa fare in WLW dei tag posti in alto nei comandi e poi se mi sai dire se con il nuovo WLW si possono inserire tooltip
    grazie amigo!!

    RispondiElimina
  2. @Tex Willer
    Alcune cose con WLW non funzionano, credo che i tooltip sia una di queste e che debbano essere inseriti magari riaprendo il post su Blogger. Nella omnibar di WLW ci sono un sacco di comandi, alcuni utili, altri meno. Ho già pubblicato qualcosa in merito
    http://www.ideepercomputeredinternet.com/2011/02/videotutorial-di-windows-live-writer-il.html
    Ci sono due video tutorial

    RispondiElimina
  3. Il tuo magnifico post mi tornerà molto utile.
    Grazie.

    RispondiElimina
  4. Come sempre splendido post... Primo o poi mi farò un template di blogger tutto mio...

    RispondiElimina
  5. ciao grande ho provato a cercare nel tuo sito ma non l'ho trovato..magari ti darò lo spunto per un nuovo post :)
    Quando clicco su un tag (o etichetta) blogger mi mostra tutti i post con quel tag; me ne mostra 20 per pagina, poi basta cliccare sul pulsante "Post piu vecchi" e ti mostra gli altri 20 e cosi via....sai per caso come si modifica (aumentare o diminuire) questo numero??? grazie e complimenti per il sito

    RispondiElimina
  6. @Marco Parrilla
    Non sono a conoscenza di un modo per modificare questa impostazione.

    RispondiElimina
    Risposte
    1. grazie per aver pubblicato questo articolo

      http://www.ideepercomputeredinternet.com/2012/05/come-visualizzare-un-determinato-numero.html

      nella nuova interfaccia non riesco a trovare il pulsante per mostrare i tag nei post...nella vecchia interfaccia li avevo tolti ma ora nn li trovo piu...illuminami :D

      Elimina
    2. trovati.... Layout->Blog Posts->Modifica

      Elimina
  7. @TobiaAlberti
    Se non ti funziona con quel sistema puoi usare i CSS. Cerca la riga </head> e subito sopra incolla questo codice

    <style>
    .post-labels {
    display:none;
    }
    </style>

    puoi mettere anche dei tag condizionali se vuoi nascondere le etichette solo in determinate parti del blog

    RispondiElimina
  8. Ciao, Ernesto!
    Ti ho già scritto in passato per un chiarimento. Un mese fa, cambiando layout, mi sono accorto che sotto al titolo degli articoli (o in fondo pagina) non compaiono più le Etichette (o tag, che dir si voglia). Ho provato a modificare qualcosa da Layout (e non da HTML) e cioè ad abilitarne la visualizzazione, ma evidentemente confligge Blogger e il layout... Sai come inserire nell'HTML la possibilità di visualizzarli? Non posso mettere il link, perciò se ti serve te lo giro. Il nome del sito è comunque Linkuaggio.

    Aspetto tue nuove!

    MIK

    RispondiElimina
    Risposte
    1. @MicheleRainone
      Si possono incollare i link nei commenti, non si può lasciare un URL con il collegamento cliccabile. Per visualizzare le etichette si va su Layout > Post del blog > Modifica e si mette la spunta a Etichette. Da quanto ho capito lo hai già fatto e non ha funzionato. Potresti provare a creare un blog di prova simile a quello che hai e andare a vedere che differenze di codice ci sono con il tuo. Il blocco di codice delle etichette è questo
      <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
      <b:if cond='data:post.labels'>
      <data:postLabelsLabel/>
      <b:loop values='data:post.labels' var='label'>
      <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop>

      Elimina
    2. Ernesto, grazie per le dritte... Il modello da cui ho importato il codice non prevede proprio le etichette. Ecco perché mi chiedevo se c'è un modo per inserirle da me, "scavalcando" di conseguenza il modello stesso... Non penso sia una cosa impossibile... Il punto è che conosco ben poco di CSS e roba varia... Ho provato anche a sostituire il tuo codice con quello presente, ma niente! Dovrà pur esserci una soluzione!

      PS. Intanto, ti ho aggiunto su Facebook (non per stressarti :))

      MIK

      Elimina
    3. Su Facebook non rispondo a domande inerenti il blog altrimenti sarei impegnato 25 ore su 24 :) @

      Elimina
  9. Ma sai che non ho capito nulla? Ho letto con attenzione ma nulla da fare.
    Però ho visto che quando cerco le mie ricette su internet, le trovo.

    RispondiElimina
  10. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  11. ciao ernesto e complimenti per il tuo lavoro, sempre utile!
    una domanda: è possibile cambiare i tag h1,2,3 per il titolo del blog, la data ed il titolo del post?
    nel senso: siccome blogger mette in h1 il titolo del blog, in h2 la data del post, in h3 il titolo del post, non sarebbe possibile mettere in h1 il titolo del post? poi metterei in realtà in h4 e h5 nome blog e data del post, per tenermi h2 e h3 per i titoletti interni al post... (correggimi se dico una stupidata, soprattutto in merito ad h4 e h5 per titolo blog e data).
    Ad esempio, cercando "data:post.title", in un blog che uso per prova ne trovo diversi, ma solo uno con tag h3, ovvero :

    h3 class='mobile-index-title entry-title' itemprop='name'>



    ho scritto ACCA per far accettare il commento dal modulo

    cambiando solamente i due h3 in h1 farei giusto o occorre altro, se il tutto è possibile?
    grazie mille!!!

    RispondiElimina
    Risposte
    1. Quello che crea problemi è il tag H2 che in Blogger serve per la data e quindi non si può usare per i titoli o sottotitoli. Non è conveniente modificare queste impostazioni ma è possibile creare delle intestazioni secondarie in ogni post
      http://www.ideepercomputeredinternet.com/2012/07/pubblicare-post-blogger-seo.html
      http://www.ideepercomputeredinternet.com/2013/10/creare-post-blogger-wordpress.html
      @#

      Elimina
    2. grazie, ho letto i post e anche altri sulla SEO che hai scritto, salvati tutti!
      quindi sconsigli di toccare questi tag... però mi sorgono delle domande, a cui ovviamente non pretendo che rispondi, solo se puoi!
      -di base, senza toccare nulla, sconsigli quindi di usare per sottotitoli nel post, anche per una intro, la "Intestazione" perchè dà h2? quindi usare da "intestazione secondaria" in giù che dà h3, poi "Intestazione minore" che dà h4?
      -ho notato, guardando un po' i codici di miei vari blog, che il tag h2 è usato anche per i titoli di vari gadget oltre che per la data (post più popolari, oppure anche widget in html come i tuoi che ho messo su vari blog): questo non è un problema oppure sì, secondo te?
      -eliminando, da layout, "intestazione pagina" dove c'è appunto il titolo blog (metterei un'immagine con logo e titolo al suo posto) e la data (dalle impostazioni di "post sul blog"), in teoria (correggimi se dico una stupidata) si dovrebbero liberare appunto h1 e h2: a quel punto non si potrebbero usare per una migliore seo delle pagine, usandole per titoli e prime righe del post? in realtà l'h1 per il titolo non so come potrei metterlo, mentre l'h2 appunto per le prime righe usando "Intestazione" da editor; per la data non mi farei problemi a scrivere direttamente, dopo la intro, una roba del tipo: 18 febbraio 2014 - Lorem ipsum...
      Insomma, oltre alle dritte solite e alle tue (che tengo sempre in considerazione massima), dici che così facendo potrebbe migliorare la SEO di un blog con blogger?
      Grazie mille!

      Elimina
    3. Alcune considerazioni:
      1) Nessuno sa con certezza ciò che sia giusto fare in chiave SEO. Forse neppure gli stessi dipendenti Google conoscono l'algoritmo del motore di ricerca in modo così approfondito
      2) Blogger è di proprietà di Google e quindi è da ritenere che la piattaforma sia ottimizzata già di default. Mi riesce difficile credere il contrario.
      3) Credo per questa ragione che sia saggio nel caso di Blogger usare solo i tool di Google senza forzare troppo l'ottimizzazione
      4) Nella fattispecie per le Intestazioni secondarie puoi usare i tag h3, h4, ecc visto che h1 è il nome del blog e h2 la data e il titolo dei widget e quindi li lascerei perdere
      @#

      Elimina
    4. preciso e data la tua esperienza più che convincente, anche incoraggiante direi... grazie mille, buon lavoro!

      Elimina
  12. Salve! complimenti per gli articoli, sempre molto chiari e utili :) ho una domanda che c'entra solo relativamente, ma non riesco a trovare una risposta da nessuna parte.
    Vorrei modificare font e dimensione che blogger assegna ai tag h1 h2 ecc, per ora i pochi post che ho pubblicato li ho fatti con word e l'html è pesantissimo... vorrei rimediare usando le intestazioni, ma mantenendo una certa personalizzazione. è possibile?
    Saluti e buon lavoro!

    RispondiElimina
    Risposte
    1. Su Blogger c'è una difficoltà che il tag H2 viene usato per la data. Nell'Editor di Blogger ci sono le Intestazioni che puoi usare tranquillamente
      http://www.ideepercomputeredinternet.com/2012/03/come-personalizzare-le-preferenze-di.html
      oppure puoi utilizzare Windows Live Writer che è eccellente per scrivere i post e che utilizza il layout del sito dopo che si sia caricato il Tema
      http://www.ideepercomputeredinternet.com/2012/07/pubblicare-post-blogger-seo.html
      @#

      Elimina
  13. Ciao Ernesto ultimamente ha pubblicato qualcosa i merito al cambio dei tag h1 e h2 di default su blogger? L'avevo chiesto anche in un altro articolo ma questo è più pertinente. Grazie anticipate e complimenti per il lavoro che fai per noi

    RispondiElimina
    Risposte
    1. Non ho mai pubblicato nulla perché si fa tutto tramite Editor di Blogger
      @#

      Elimina
    2. Grazie per la risposta. Il problema che Google assegna automaticamente il tag h1 al titolo del blog. Io invece manualmente ho inserito i tag h1 ai titoli dei post e non vorrei che si crei un conflitto. Poi le scritte sono diventate enormi. Le ho modificate dal layout avanzato.Che ne pensi? Grazie e a buon rendere.

      Elimina
  14. Ciao Ernesto, sai per caso come si imposta NON IN GRASSETTO la scritta che blogger assegna automaticamente al tag h2 tramite l'editor.?
    Grazie mille

    RispondiElimina
    Risposte
    1. modificando ovviamente il modello del template. conviene scirvere con blogger gli articoli o con un altro editor che possa assegnare tag secondo nostre preferenze? grazie ancora

      Elimina
    2. Il tag h2 serve anche per la data del post e viene inserito automaticamente con le Intestazioni dall'Editor del post. Si possono modificare le Intestazioni in questo modo
      http://www.ideepercomputeredinternet.com/2015/10/intestazioni-blogger-mobile.html
      @#

      Elimina
    3. e questo post
      http://www.ideepercomputeredinternet.com/2015/09/blogger-tag-h1-h2-h3-h4-h5-h6-intestazioni.html
      è per la versione desktop
      @#

      Elimina
  15. Buona sera Ernesto, ottima guida, complimenti! Uso Wordpress ed ora sto imparando ad usare i codici di Blogger...per caso conosci qualche tool online di conversione da HTML in xml? Sono brava con il webdesign e vorrei usare un template creato da me su Blogger. Ho trovato vari tools ma non funzionano...grazie se vorrai rispondermi e ancora complimenti.

    RispondiElimina
    Risposte
    1. Io ho usato solo questo semplicissimo tool
      http://www.blogcrowds.com/resources/parse_html.php
      per convertire gli annunci pubblicitari in XML. Non credo però che possa essere utilizzato per interi template
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy