Meta tag html explicada com exemplos
As meta-marcas são declaradas dentro da etiqueta da cabeça de um documento HTML e não são visíveis no layout da web dessa página. No entanto, as metags de qualquer página da web podem ser verificadas usando o atalho do teclado Ctrl+u ou clique com o botão direito em qualquer lugar em uma página da web e navegue para Veja a fonte da página opção.
A seguir, estão os resultados de aprendizado deste guia:
- A importância das metatagas
- Tipos de meta-tags html
- Usando meta-marcas em um documento HTML com exemplos
Por que as meta-marcas são importantes
Alguns de vocês podem estar explorando o propósito e a importância das metades. Esta seção fornece uma visão profunda da importância das metades. As meta-marcas são o principal player na otimização de mecanismos de pesquisa de uma página da web. As meta-marcas são usadas pelos navegadores e mecanismos de pesquisa para filtrar o conteúdo de acordo com a pesquisa executada por qualquer usuário. Além disso, as palavras-chave usadas em metags permitem que os navegadores da web classifiquem a página HTML específica.
Vários navegadores conhecidos como Chrome, Firefox, Edge, Safari e Opera suportam meta-tags. Ao praticar as metags adequadas, pode-se obter os seguintes resultados:
- Impacto positivo no número de usuários que visitam a página da web
- O engajamento e o tráfego de uma página da web podem ser aumentados
Tipos de meta-marcas
Antes de entrar no uso, vamos dar uma olhada nos vários tipos de metags que podem ser usados em uma página da web.
- Título: A tag de título de uma página HTML é usada para mostrar o objetivo dessa página em poucas palavras.
- Descrição: Como o nome direciona, ele fornece um pedaço de informações curtas e precisas sobre uma página HTML. Um mecanismo de pesquisa mostra a descrição da página da web sob o título.
- Revisão: Uma data de revisão de uma página específica pode ser definida para mostrar que você está atualizando o conteúdo com o tempo.
- Atualizar: Uma página pode ser recarregada automaticamente usando esta meta tag.
- Redirecionar: Pode -se redirecionar a página para outras páginas.
- Autor: O nome do autor pode ser especificado usando esta tag.
- Charset: O conjunto de caracteres é exigido pelo navegador e essa meta tag é usada para definir o conjunto de caracteres que está sendo utilizado em um documento HTML.
- janela de exibição: Esta meta tag define o tamanho e a escala de zoom de uma página HTML.
Como as metat-tags são usadas
Na seção acima, você teria passado pelas informações básicas das meta-tags html. Aqui, fornecemos alguns exemplos que demonstram o uso das metags acima estabelecidas:
Título: O título de um documento HTML fornece uma visão geral em poucas palavras. O título de um documento HTML é exibido na parte superior do navegador da web, como mostrado na imagem abaixo:
Uma meta-tag de título pode ser criada dentro da etiqueta principal de um documento HTML. Por exemplo, criamos uma meta-tag de título, como mostrado na imagem a seguir:
Descrição: Uma descrição curta e para o ponto sobre uma página HTML é fornecida usando a tag de descrição. A imagem a seguir mostra o uso de tags de descrição. Recomenda -se escrever uma descrição de até 160 caracteres.
Revisão: Esta meta-tag é usada para denotar a data de atualização da página. Recomenda -se atualizar seu conteúdo com frequência e usar esta tag para mostrar a data da atualização recente. Isso ajudaria a classificar sua página HTML. A imagem a seguir mostra que, em 1/1/2022, o conteúdo desta página foi atualizado:
Atualizar: Para refrescamento automático, esta metatag pode ser usada para especificar o limite de tempo para uma atualização automática. Na imagem a seguir, o tempo de refrescamento automático é definido como 11 segundos:
Além disso, a mesma meta tag pode ser usada para especificar o URL no atributo de conteúdo. Sua página será redirecionada para esse URL após o tempo de tempo especificado for atingido. Por exemplo, a imagem a seguir mostra que a página será redirecionada para www.Linuxhint.com depois de 8 segundos:
Autor: Um site compreende várias páginas HTML e essas páginas podem ser construídas por vários autores. Para dar créditos, o nome do autor pode ser definido na metatag. Por exemplo, a imagem a seguir mostra que o autor desta página é Mike Anroz:
Charset: A maioria dos navegadores usa UTF-8 para codificar caracteres em uma página da web. No entanto, pode-se usar ascii, mas foi substituído pelo UTF-8. Sempre que uma meta-tag HTML é iniciada em editores HTML como Sublime Text e Vs Code, você verá que ele definirá automaticamente o caractere definido como UTF-8:
Janela de exibição: A funcionalidade da viewport permite que você obtenha sua página HTML compatível com vários dispositivos. A CHARST e janela de exibição As meta-marcas são chamadas por padrão em vários editores HTML, como o Sublime Text. O janela de exibição é usado aqui e a imagem a seguir mostra o tamanho e a escala de zoom da imagem HTML:
Conclusão
As metatags ajudam a obter o conteúdo de uma maneira fácil e eficiente. Embora essas tags não sejam visíveis, elas atuam como jogadores fantasmas em SEO. Este artigo contém a demonstração de várias metags usadas em um documento HTML. Depois de seguir este guia, você terá uma compreensão básica de vários tipos de metades, sua importância e como usá-los em uma página HTML.