CONTATTACI

Guide per aspiranti programmatori

developer in miniatura con una lente di ingrandimento, confuso con alle spalle una scheda da cui parte un razzo
Lezione 9 / 30

Tag di meta informazione

Ti sarai certamente imbattuto, leggendo le altre nostre guide sull’HTML, nelle parole “meta tag”. Abbiamo, infatti, già parlato di tag e attributi html, ma che cosa sono nello specifico, i meta tag? Ci sembrava doveroso parlarne in maniera un pò più dettagliata per schiarirti le idee.

I meta tag (o, appunto, tag di meta-informazione) non sono altro che dei tag contenenti meta informazioni, ovvero, tutte quelle informazioni aggiuntive, ma preziosissime, che occorrono al tuo codice per consentire ai motori di ricerca di comprendere meglio quali sono i contenuti del tuo sito web, al fine di migliorarne la posizione tra i risultati di Google e aumentarne, così, il traffico.

Andiamo, adesso, a vedere da cosa è composto un meta-tag, quali sono  i principali tipi di meta-tag e come inserirli per ottimizzare al meglio il tuo codice.

La struttura del meta tag

Possiamo tranquillamente affermare che gli attributi fondamentali del tag meta sono due: name e content. Il loro funzionamento è immediato: l’ attributo “name” indica, appunto, il nome della meta-informazione, il cui contenuto verrà poi sviscerato, appunto, all’interno del “content”. Due attributi letteralmente parlanti, no?

Come puoi vedere nella foto, inoltre, il tag meta non ha un tag di chiusura. Vediamo, poi, nell’esempio, diversi attributi a seconda del tag (ad esempio “http-equiv” che contiene info essenziali alla comunicazione tra browser e server, assai utili in termini di indicizzazione del tuo sito , o il “charset” che va ad indicare al browser il set di caratteri utilizzato nel sito – in Occidente utilizziamo l’ UTF-8 -)
Tuttavia

 

 

I principali meta tag

Prima di iniziare la classifica vorremmo spiegarti come incorporare i meta-tag all’interno del tuo codice. Infatti, una caratteristica fondamentale dei meta-tag è che questi non compariranno sulla tua pagina web bella e finita – quindi quella che visualizzerà l’utente ultimo –  ma verranno esclusivamente letti dal browser. Come fare a farlo? Nulla di più semplice: i meta-tag vanno inseriti nell’head del nostro documento html. 

Tutto chiaro? Partiamo con la nostra lista dei più importanti meta tag! 

Meta tag Title 

Il “title” in realtà, a voler essere precisi, non è un meta-tag, ma è comunque una meta-informazione.

Questa meta-informazione non verrà letta dall’utente, ma è fondamentale per l’interazione con lo user agent. (l’applicazione installata sul computer dell’utente che si connette ad un processo server, che legge la nostra pagina html, che può essere il browser stesso oppure il robot di un motore di ricerca) e, quindi, ha lo stesso scopo dei meta tag.

Attenzione! Questa meta-informazione viene usata dal browser per inserire sulla tab il titolo della nostra pagina.

Quando decidi di creare un sito web, quindi, non puoi prescindere dal tag title.

I motori di ricerca utilizzano proprio questo titolo come voce nell’elenco dei risultati: riesci a coglierne il potenziale per il traffico sul tuo sito?

Meta tag Viewport

La “viewport” è la grandezza della tua pagina web. 

Certamente questa cambierà a seconda del dispositivo da cui fruisci del sito stesso. Pensaci: lo schermo di un cellulare è più piccolo di quello di un computer, no? Ecco, con il tag viewport noi andiamo a definire le indicazioni che il browser dovrà seguire su come gestire le dimensioni e il ridimensionamento della pagina. Lo utilizziamo, dunque, per istruire il browser al responsive. 

Introdotto con l’ html5, l’utilizzo del meta tag viewport offre numerosi vantaggi. Innanzitutto, consente di fornire una visualizzazione ottimizzata del contenuto su dispositivi mobili, adattandolo in modo intelligente alle dimensioni dello schermo. Ciò migliora notevolmente l’esperienza dell’utente, rendendo il contenuto più leggibile e facilitando la navigazione. Inoltre, una viewport correttamente gestita può contribuire a migliorare la velocità di caricamento delle pagine e l’efficienza complessiva del sito web.

 

Meta tag Description

Il meta tag Description fornisce una descrizione del contenuto di un sito. 

Serve, quindi, a spiegare, in breve, di cosa ti occupi nella tua pagina web. È importantissima lato SEO, ma perché funzioni è necessario non dilungarsi troppo: devi utilizzare per la tua meta-description un massimo di 100-150 caratteri, spazi inclusi, altrimenti si corre il rischio che i motori di ricerca, addirittura, ignorino la descrizione.
Anche qui parliamo di un meta tag fondamentale, in quanto si tratta proprio della descrizione che vedrai apparire sotto il titolo alla comparsa del tuo sito web nella lista dei risultati di ricerca. Parliamo, quindi, di un elemento molto importante sia lato macchina che lato utente.

Meta tag Author e Copyright

Questa coppia di meta tag non è obbligatoriamente da inserire, tuttavia può rivelarsi molto utile per le questioni legate, appunto, al diritto d’autore. Come è facile immaginare serve ad identificare l’autore del documento e a gestire qualunque tipo di contravvenzione legata alla proprietà dello stesso, qualora dovesse presentarsi.

Meta tag Robots 

I motori di ricerca si affidano a dei bots che analizzano i contenuti di una pagina web in modo metodico e automatizzato. Il compito di questa tipologia di meta tag è quello di fornire a questi bots istruzioni per l’indicizzazione. Come funziona? Il crawler (così si chiama il bot in questione) esegue una copia di testo dei documenti presenti nelle pagine web e ne crea un indice che ne consente la ricerca e la visualizzazione.

Col nostro meta tag “robots” possiamo delineare se una pagina deve o meno essere inserita in tale indice, se il motore di ricerca deve ignorare quel contenuto o tenerlo presente e in quali modalità.

Meta tag Keywords

Nonostante un tempo fosse rilevantissimo come meta tag, ad oggi il suo utilizzo è diventato obsoleto.  Naturalmente serviva a definire, per l’appunto, le parole chiave pertinenti all’ argomento di una pagina web e che potessero suscitare l’interesse dei fruitori, da mettere in risalto per migliorare quanto più possibile l’indicizzazione.

Questi elementi si sono, però, col tempo, rivelati troppo facili da manipolare: in alcuni casi i professionisti, al fine di danneggiare e far diminuire il traffico sui siti dei competitors più popolari,  aggiungevano nei loro metadati keywords anche non attinenti ai loro contenuti; o ancora, allo stesso scopo, inserivano una lista lunghissima di keywords nell’attributo meta, che fossero pertinenti o meno. Pertanto Google ha deciso di  non utilizzare più il meta tag keywords per il suo algoritmo. Attenzione! Le keywords sono ancora un validissimo strumento per la SEO, solo non utilizzate all’interno del meta-tag, bensì direttamente nel testo in pagina.
Questa era una piccola lista di quelli principali, ma i meta tag di certo non finiscono qui!
Il nostro suggerimento è di informarsi anche in merito agli altri, poichè, magari, in alcuni casi più specifici, potrebbero rivelarsi utili. 

Contattaci senza impegno per informazioni sul corso

Pagamento rateale

Valore della rata: A PARTIRE DA 115 €/mese.

Esempio di finanziamento 

Importo finanziato: € 2440 in 24 rate da € 115 – TAN fisso 9,55% TAEG 12,57% – importo totale del credito € 2841.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

*In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Pagamento rateale

Valore della rata: A PARTIRE DA 210 €/mese.

Esempio di finanziamento  

Importo finanziato: € 4500 in 24 rate da € 210,03 – TAN fisso 9,68% TAEG 11,97% – importo totale del credito € 5146,55.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

* In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Contattaci senza impegno per informazioni sul corso

Scopriamo insieme se i nostri corsi fanno per te. Compila il form e aspetta la chiamata di uno dei nostri consulenti.