Tipos comuns de Meta Tags
1. Meta Descrição
Fornece um breve resumo do conteúdo da página da Web, usado pelos mecanismos de pesquisa para exibir nos resultados da pesquisa.
<meta name=”description” content=”Esta é uma página da Web sobre meta tags HTML e suas funções.” >
2. Meta-palavras-chave
Especifica palavras-chave relevantes para o conteúdo da página. (Menos importante para o SEO hoje em dia.)
<meta name=”keywords” content=”HTML, meta tags, página web, SEO”>
3. Porta de visualização
Controla como a página da Web é exibida em dispositivos móveis.
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
4. Conjunto de caracteres
Especifica a codificação de caracteres para a página da Web (UTF-8 é comumente usado).
<meta charset=”UTF-8″>
5. Autor
Especifica o nome do autor do conteúdo.
<meta name=”author” content=”John Doe”>
Exemplo de Meta Tags em HTML
<! DOCTYPE html>
<html>
<cabeça>
<meta charset=”UTF-8″>
<meta name=”description” content=”Saiba tudo sobre meta tags HTML e como elas melhoram o SEO e a funcionalidade da página.” >
<meta name=”keywords” content=”HTML, meta tags, SEO”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta name=”autor” content=”Jane Smith”>
<title>Understanding Meta Tags</title>
</cabeça>
<corpo>
<h1>Bem-vindo ao Tutorial da Meta Tag</h1>
</corpo>
</html>
Importância das Meta Tags
– SEO: Meta tags, especialmente a descrição e palavras-chave, ajudam os motores de busca a entender o conteúdo de uma página.
– Experiência do usuário: Tags como ‘viewport’ melhoram a capacidade de resposta móvel.
– Metadados: Fornece informações adicionais (autor, charset) úteis para navegadores e motores de busca.