Sobes.tech
Intern

O que são meta-tags?

sobes.tech IA

Resposta da IA

As meta tags são tags HTML que fornecem metadados sobre o documento HTML. Elas estão localizadas dentro de <head> e não são exibidas diretamente na página.

Principais usos das meta tags:

  • Descrição do conteúdo: Indicar o título da página (<title>) e uma breve descrição (<meta name="description">).
  • Palavras-chave: Listar palavras-chave relacionadas ao conteúdo (<meta name="keywords"> - menos relevante para o SEO atual).
  • Codificação: Definir o conjunto de caracteres do documento (<meta charset="utf-8">).
  • Autor: Indicar o autor da página (<meta name="author">).
  • Viewport: Controlar o dimensionamento e as dimensões da área de visualização em dispositivos móveis (<meta name="viewport">).
  • Robots: Fornecer instruções para os robôs de busca (indexar ou não, seguir ou não os links) (<meta name="robots">).
  • Open Graph e Twitter Cards: Fornecer informações para redes sociais ao compartilhar a página (<meta property="og:...">, <meta name="twitter:...">).

Exemplos:

<meta charset="utf-8">
<meta name="description" content="Descrição da minha página web.">
<meta name="keywords" content="html, css, javascript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Título para redes sociais">

São importantes para SEO, correta visualização em diferentes dispositivos e para compartilhar conteúdo em redes sociais.