Meta tag HTML chiave: descrizione

08/04/2019

tag in HTML si trovano all'interno del tag e molto importante per classificare una pagina web nei motori di ricerca. Ci possono essere molti di loro nel documento. Il nome di questo tag deriva dalla parola greca per la frase "insieme a qualcosa" o "dopo qualcosa, quindi". I meta tag memorizzano le informazioni di servizio sui dati che non sono destinati ai visitatori della pagina. Questi dati vengono utilizzati dai robot di ricerca per cercare e visualizzare siti per richieste specifiche dell'utente. Influenzano anche l'ottimizzazione della pagina e il suo posizionamento nei risultati di ricerca. Ad esempio, utilizzando i metatag, è possibile specificare la paternità, aggiungere alcune descrizioni del sito, consentire o bloccare l'indicizzazione da parte dei motori di ricerca o impostare un aggiornamento automatico della pagina. Gli attributi dei tag HTML aiutano a farlo. come charset, parole chiave e altri. Di solito sono scritti in una coppia: nel primo attributo è il nome, e nel secondo - il valore.

html head meta

Attributi tag

I meta tag con attributi diversi si trovano all'interno del tag. . Potrebbero esserci molti di loro, e ognuno sarà responsabile di qualche tipo di loro funzionalità. Esistono diversi attributi di base che possono assumere valori diversi. Vengono utilizzati per fornire informazioni specifiche sulla pagina al browser e ai motori di ricerca.

Attributi tag HTML di base in :

  • nome;
  • il contenuto;
  • http-equiv;
  • charset.

L'ultimo attributo - charset - è necessario per specificare la codifica della pagina. È apparso solo nell'ultima, quinta specifica del linguaggio HTML. Il valore di codifica più comune è utf-8 o Unicode.

meta tag html

Il nome e gli attributi del contenuto sono generalmente usati in coppia. Un nome può avere diversi valori:

  • descrizione: una breve descrizione della pagina, che viene mostrata nel problema;
  • autore - attributo opzionale per indicare la paternità, il nome del creatore del documento;
  • robot / norobot: consente o proibisce l'indicizzazione delle pagine da parte dei robot di ricerca;
  • follow / nofollow: consente o nega i seguenti collegamenti;
  • nome-applicazione: imposta il nome dell'applicazione Web, se rappresenta una pagina Web, in altri casi non viene utilizzata;
  • generatore - usato per descrivere il pacchetto software in cui viene generata la pagina web;
  • viewport: necessario per visualizzare correttamente la pagina sullo schermo di un dispositivo mobile;
  • parole chiave - parole chiave che facilitano il posizionamento delle pagine da parte dei motori di ricerca.

Attributo tag HTML Il contenuto (descrizione) memorizzerà il valore dell'attributo nome ". Ad esempio: . Questa voce significa che per la pagina c'è una sorta di breve descrizione che deve essere visualizzata nel browser. Se l'utente cerca informazioni su Internet e questa pagina appare nell'output, la descrizione sarà sotto il link ad essa. Cosa è esattamente indicato nel valore del nome. L'attributo content ti dice esattamente quale sarà la descrizione. Ci possono essere diversi valori di descrizione scritti in diverse lingue. La descrizione della pagina influisce in modo significativo sulla classifica del sito nei motori di ricerca e aiuta ad attrarre utenti. Ma il testo non dovrebbe essere rilevante solo per il contenuto della pagina, ma anche attraente per il lettore. Pertanto, la corretta preparazione della descrizione è un'arte. Specificare quale lingua è utilizzata nella descrizione, sarà necessario nell'attributo aggiuntivo lang.

meta tag html

Caratteristiche dell'interazione del nome e del contenuto degli attributi

Per abilitare le interazioni degli attributi del tag il nome e il contenuto sono diventati più chiari, considera un altro nome di valore, l'autore. Usandolo insieme al contenuto, puoi specificare l'autore della pagina. esempio: . Un altro valore importante dell'attributo del nome del tag HTML sono parole chiave o parole chiave. Sono separati da virgole e sono necessari per l'ottimizzazione della pagina SEO. Al momento, ci sono controversie sul fatto che le parole chiave siano importanti e se davvero influenzino la classifica, ma solo gli specialisti tecnici che lavorano per grandi motori di ricerca conoscono la risposta esatta a questa domanda. Si raccomanda di specialisti ordinari nella creazione e nella promozione di siti per aggiungere questo meta tag a .

Parole chiave e loro significato per l'ottimizzazione

Le parole chiave aiutano il robot di ricerca a trovare rapidamente un sito e lo rilasciano su una specifica richiesta dell'utente. Senza le loro istruzioni, il motore di ricerca accede alla pagina, trova alcune parole su di esso e lascia se non vengono trovate le informazioni necessarie. Pertanto, le parole chiave devono essere specificate. È importante ricordare che le stesse parole non dovrebbero essere ripetute più di tre volte, altrimenti il ​​sito sarà contrassegnato come "spam". Il loro numero totale è 50. Compilare la descrizione e le parole chiave è il lavoro di una persona impegnata nell'ottimizzazione dei motori di ricerca, nella promozione di siti Web e nel posizionamento nei motori di ricerca. Il tipografo deve comprendere l'importanza del valore di questi attributi del tag HTML. per aiutare lo specialista SEO.

html meta http equiv

Tag valore dell'attributo "Robot"

Un altro valore HTML interessante nome - robot. Con esso, è possibile consentire e vietare l'indicizzazione di una pagina Web da parte di qualsiasi motore di ricerca. Qui, nel valore del contenuto, puoi scrivere l'indice - e consentire l'indicizzazione, o noindex - e disabilitarlo. Inoltre, una virgola nel valore del tag indica anche follow o nofollow, cioè "consenti" o "rifiuta i seguenti link da una pagina web". Puoi disabilitare l'indicizzazione, mentre permetti le transizioni e viceversa. Un'altra opzione per consentire a tutti è di aggiungere il valore all attributo content. Per mettere al bando tutto, non devi scriverne nessuno.

Attributo Http-equiv

Importante attributo tag HTML - http-equiv. Viene utilizzato in modo simile al nome con l'attributo charset, che specifica la codifica della pagina. Per fare ciò, http-equiv è necessario impostare il valore del tipo di contenuto e nell'attributo del contenuto specificare il tipo di documento e la codifica da utilizzare. Ad esempio: . Se si analizza questa voce in modo più dettagliato, diventa chiaro che l'attributo http-equiv indica al browser come e su quali basi elaborare la pagina.

Questo attributo può avere altri valori:

  • scade - utilizzato per impostare la data e l'ora dopo le quali il contenuto verrà considerato obsoleto;
  • pragma: specifica come memorizzare nella cache la pagina;
  • Aggiorna: indica che si desidera visualizzare un altro documento nel browser.

Il tipo di contenuto indica che una parte del contenuto, ovvero il contenuto della pagina Web, verrà elaborata. Utilizzando l'attributo content, il browser capisce che è il testo del nostro documento html che deve essere elaborato. Inoltre, nel record c'è un attributo familiare per descrivere la codifica della pagina in cui dice esattamente quello che sarà.

meta tag html

Altre caratteristiche di http-equiv

Ma l'attributo http-equiv può essere utilizzato in un altro modo interessante: quando si utilizza il valore di aggiornamento, il browser aggiornerà la pagina dopo un certo periodo di tempo. Ad esempio, puoi specificare "5 secondi" nell'attributo del contenuto. Quindi il contenuto del documento verrà aggiornato e modificato se non è statico. Per testare le prestazioni di questo uso di http-equiv, viene aggiunta la possibilità di andare su un'altra pagina web. Per fare ciò, l'indirizzo di un'altra pagina viene aggiunto al valore dell'attributo content dopo il timer, che indica l'intervallo di tempo per l'aggiornamento. Quindi, dopo aver aggiornato la pagina, dopo 5 secondi, verrà completata la transizione a un altro indirizzo e verrà aperto il collegamento specificato nell'attributo.

meta HTML

Attributo Viewport

Viewport può essere tradotto come "viewport". Questo attributo viene utilizzato per garantire che i dispositivi mobili visualizzino correttamente il contenuto della pagina. Con questo tag inizia la progettazione adattiva. Aiuta a ridimensionare e modificare il testo e le immagini sul sito, a seconda della posizione dello schermo. Senza questo tag, i caratteri non cresceranno fino alla dimensione desiderata e l'utente semplicemente non sarà in grado di leggere ciò che è scritto sulla pagina. L'attributo viewport specifica la larghezza specifica della finestra in cui posizionare il sito. Per ogni browser sarà diverso. Un esempio di come potrebbe apparire un meta tag con questo attributo: .

Abbiamo esaminato i meta tag di base che possono essere utilizzati per creare un documento HTML, ma ce ne sono molti altri. Puoi familiarizzare con altri tag e i loro possibili attributi nelle specifiche HTML5.1.