Meta tag HTML ha spiegato con esempi

In HTML, un meta tag contiene le informazioni su una particolare pagina. Il meta-tag prende il nome da Meta-Data Questi sono dati sui dati: ad esempio LinuxHint fornisce una vasta gamma di tutorial e guide per gli appassionati di calcolo. Tuttavia, le informazioni/dati su Linuxhint saranno fornite dai meta-tag. Queste informazioni sono per gli utenti e i motori di ricerca per guidarli sullo scopo o le conoscenze di base su quella pagina.

I meta-tag sono dichiarati all'interno del tag principale di un documento HTML e non sono visibili nel layout web di quella pagina. Tuttavia, i meta-tag di qualsiasi pagina Web possono essere controllati utilizzando la scorciatoia da tastiera Ctrl+u o fare clic con il tasto destro in qualsiasi luogo in una pagina Web e passare a Visualizza l'origine della pagina opzione.

Di seguito sono riportati i risultati di apprendimento di questa guida:

• L'importanza dei meta-tag
• Tipi di meta-tag HTML
• Utilizzo di meta-tag in un documento HTML con esempi

Perché i meta-tag sono importanti

Alcuni di voi potrebbero esplorare lo scopo e l'importanza dei meta-tag. Questa sezione fornisce una visione approfondita dell'importanza dei meta-tag. I meta-tag sono il giocatore chiave nell'ottimizzazione dei motori di ricerca di una pagina web. I meta-tag sono utilizzati dai browser e dai motori di ricerca per filtrare il contenuto in base alla ricerca eseguita da qualsiasi utente. Inoltre, le parole chiave utilizzate nei meta-tag consentono ai browser Web di classificare la pagina HTML specifica.

Diversi browser noti come Chrome, Firefox, Edge, Safari e Opera supportano i meta-tag. Praticando i meta-tag adeguati, si possono ottenere i seguenti risultati:

• Impatto positivo sul numero di utenti che visitano la pagina web
• Il coinvolgimento e il traffico di una pagina web possono essere aumentati

Tipi di meta-tag

Prima di entrare nell'uso, diamo un'occhiata ai vari tipi di meta-tag che potrebbero essere utilizzati in una pagina web.

• Titolo: Il tag titolo di una pagina HTML viene utilizzato per mostrare lo scopo di quella pagina in poche parole.
• Descrizione: Mentre il nome dirige, fornisce un pezzo di informazioni brevi e precise su una pagina HTML. Un motore di ricerca mostra la descrizione della pagina web sotto il titolo.
• Revisione: Una data di revisione di una pagina specifica può essere definita per dimostrare che stai aggiornando il contenuto con il tempo.
• Ricaricare: Una pagina può essere ricaricata automaticamente utilizzando questo meta tag.
• Reindirizzare: Si può reindirizzare la pagina ad altre pagine.
• Autore: Il nome dell'autore può essere specificato usando questo tag.
• Chatset: Il set di caratteri è richiesto dal browser e questo meta tag viene utilizzato per definire il set di caratteri utilizzato in un documento HTML.
• Viewport: Questo meta tag imposta le dimensioni e la scala zoom di una pagina HTML.

Come vengono utilizzati i meta-tag

Dalla sezione sopra, avresti passato le informazioni di base dei meta-tag HTML. Qui, abbiamo fornito alcuni esempi che dimostrano l'uso dei meta-tag sopra dichiarati:

Titolo: Il titolo di un documento HTML fornisce una panoramica in poche parole. Il titolo di un documento HTML è visualizzato nella parte superiore del browser Web come mostrato nell'immagine seguente:

Un meta-tag del titolo può essere creato all'interno del tag principale di un documento HTML. Ad esempio, abbiamo creato un meta-tag del titolo come mostrato nella seguente immagine:

Descrizione: Una descrizione breve e al punto su una pagina HTML viene fornita utilizzando il tag Descrizione. La seguente immagine mostra l'uso dei tag di descrizione. Si consiglia di scrivere una descrizione fino a 160 caratteri.

Revisione: Questo meta-tag viene utilizzato per indicare la data di aggiornamento della pagina. Si consiglia di aggiornare frequentemente i contenuti e utilizzare questo tag per mostrare la data del recente aggiornamento. Questo aiuterebbe a classificare la tua pagina HTML. La seguente immagine mostra che, il 1/1/2022 il contenuto di questa pagina è stato aggiornato:

Ricaricare: Per il rinfrescante automatico, questo meta tag può essere utilizzato per specificare il limite di tempo per un aggiornamento automatico. Nella seguente immagine, il tempo di Auto-Refresh è impostato su 11 secondi:

Inoltre, lo stesso meta tag può essere utilizzato per specificare l'URL nell'attributo del contenuto. La tua pagina verrà reindirizzata a tale URL dopo il raggiungimento del limite di tempo specificato. Ad esempio, la seguente immagine mostra che la pagina verrà reindirizzata a www.Linuxhint.com dopo 8 secondi:

Autore: Un sito Web comprende diverse pagine HTML e queste pagine possono essere costruite da diversi autori. Per dare crediti, il nome dell'autore può essere definito nel meta tag. Ad esempio, la seguente immagine mostra che l'autore di questa pagina è Mike Anroz:

Chatset: La maggior parte dei browser utilizza UTF-8 per codificare i caratteri in una pagina Web. Tuttavia, si può usare ASCII, ma è stato sostituito da UTF-8. Ogni volta che viene avviato un meta-tag HTML in editori HTML come il testo sublime e il codice VS, vedresti che imposta automaticamente il set di caratteri su UTF-8:

Viewport: La funzionalità Viewport consente di ottenere la tua pagina HTML compatibile con diversi dispositivi. UN chatset E Viewport I meta-tag sono chiamati per impostazione predefinita in diversi redattori HTML come Sublime Text. IL Viewport viene utilizzato qui e la seguente immagine mostra la scala delle dimensioni e dello zoom dell'immagine HTML:

Conclusione

I meta tag aiutano a ottenere il contenuto in modo semplice ed efficiente. Sebbene questi tag non siano visibili, tuttavia, fungono da giocatori fantasma in SEO. Questo articolo contiene la dimostrazione di diversi meta-tag utilizzati in un documento HTML. Dopo aver seguito questa guida, otterrai una comprensione di base di vari tipi di meta-tag, la loro importanza e come usarli su una pagina HTML.