Html meta
Postado: 10 de junho de 2022
Tempo de Leitura: 2 Minutos
Html meta
Neste artigo HTML veremos como usar o elemento HTML chamado tag <meta>
A tag HTML <meta> contém informações ou metadados que não são diretamente visíveis na página da Web, mas são usados por navegadores e mecanismos de pesquisa.
Existem várias outras maneiras de implementar a tag <meta> que podem usar os seguintes valores de atributo:
Destacando palavras-chave importantes
A meta tag contém palavras-chave importantes que estão presentes na página da web e é utilizada pelo navegador da web para classificar a página de acordo com as pesquisas.
Search Engine Optimization é outro termo para otimizar a classificação de SEO do conteúdo.
Fornecimento de uma descrição da página da web
Uma breve descrição da página da web pode ser incluída na metatag, o que ajudará a classificação da página da web na internet.
A <meta> tag <html> também aceita Atributos Globais em <HTML>
Veja os pontos chaves abaixo:
- O conteúdo da tag <meta> não é visível em seu navegador, mas pode ser analisado pela máquina.
- Eles são usados apenas para fornecer informações adicionais sobre o documento HTML.
- As tags <meta> são adicionadas ao nosso documento HTML para fins de Search Engine Optimization.
- Eles são adicionados dentro da tag <head> e são usados por navegadores, mecanismos de pesquisa e outros serviços da web.
- Através da tag <meta>, o designer pode controlar a viewport.
A sintaxe mais usada para a meta tag é:
(Viewport, Description, keywords, Author e Charset).
Veja no código abaixo.
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Códigos Prontos HTML e CSS Para agilizar o seu tempo">
<meta name="keywords" content="Html, Css, jQuery, WordPress, Design Responsivo">
<meta name="author" content="www.loopnerd.com.br">
</head>
Atributos
charset – Especifica a codificação de caracteres para o documento HTML
content – Especifica o valor associado ao atributo http-equiv ou name
http-equiv – Fornece um cabeçalho HTTP para a informação/valor do atributo content
name – Especifica um nome para os meta dados
Veja os exemplos abaixo
1. Define palavras-chave para motores de busca:
<meta name="keywords" content="HTML, CSS, jQuery, WordPress">
2. Define uma descrição da sua página da web:
<meta name="description" content="Códigos Html e Css Prontos">
3. Define o autor de uma página:
<meta name="author" content="Loop Nerd">
4. Atualiza o documento a cada 10 segundos:
<meta http-equiv="refresh" content="10">
6. Configurando a janela de visualização para que seu site fique bem em todos os dispositivos:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
A janela de visualização é a área visível do usuário de uma página da web.
Varia de acordo com o dispositivo – será menor em um telefone celular do que em uma tela de computador.
Você deve incluir o seguinte elemento <meta> em todas as suas páginas da web:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Isso fornece ao navegador instruções sobre como controlar as dimensões e o dimensionamento da página.
A width=device-width parte define a largura da página para seguir a largura da tela do dispositivo (que varia de acordo com o dispositivo).
A initial-scale=1.0 parte define o nível de zoom inicial quando a página é carregada pela primeira vez pelo navegador.
Neste artigo abordamos sobre a tag Html meta.
Veja outros artigos sobre Tags HTML Lista Completa
Publicado por: Loop Nerd
419 Visualizações
Deixe um comentário