Arquitetura Folha de Dicas de Metadados

Folha de dicas de metadados

Tags HTML <meta>

No início do curso, você aprendeu sobre meta tags e como aproveitá-las para transmitir informações aos mecanismos de pesquisa para categorizar melhor suas páginas. Recomendamos que você mantenha esta folha de dicas à mão ao criar seus aplicativos da web. A estrutura de uma meta tag é a seguinte.

Nome

O nome da propriedade pode ser o que você quiser, embora os navegadores geralmente esperem um valor que eles entendam e possam executar uma ação. Um exemplo seria <meta name="autor" content="nome"> para indicar o autor da página.

Conteúdo

O campo de conteúdo especifica o valor da propriedade. Por exemplo, você pode usar <meta name="language" content="english"> , para especificar o idioma da página da Web para os mecanismos de pesquisa.

O conjunto de caracteres é um campo especial que permite especificar a codificação de caracteres usada na página para que o navegador possa exibi-la corretamente. O usado com mais frequência é utf-8, e você o adicionaria ao seu cabeçalho HTML da seguinte maneira: <meta charset="UTF-8">   HTTP-equiv  

Este campo significa equivalente a HTTP e é usado para simular cabeçalhos de resposta HTTP. Isso é raro de se ver e é recomendável usar cabeçalhos HTTP sobre meta tags HTML equivalentes a http. Por exemplo, a próxima tag instruiria o navegador a atualizar a página a cada 30 minutos: <meta http-equiv="refresh" content="30">

Meta tags básicas (meta tags para SEO):

<meta name="description"/> fornece uma breve descrição da página da web

 <meta name=”title”/> especifica o título da página da web

 <meta name="author" content="name"> especifica o autor da a página da web  

 <meta name="language" content="english"> especifica o idioma da página da web

 <meta name="robots" content="index,follow" /> informa aos mecanismos de pesquisa como rastrear ou indexar uma determinada página

 <meta name="google"/> diz ao Google para não mostrar a caixa de pesquisa de sitelinks para sua página ao mostrar resultados de pesquisa

 <meta name="googlebot" content=”notranslate” />informa ao Google que você não deseja fornecer uma tradução automática para sua página se o usuário usar um idioma diferente  

 <meta name="revised" content="domingo, 18 de julho de 2010, 17h15" /> especifica a última modificação data e hora em que você fez determinadas alterações

 <meta name="rating" content="safe for kids"> especifica o público esperado para sua página

 <meta name="copyright" content="Copyright 2022"> especifica um Copyright

tags <meta http-equiv="..."/>:

 <meta http-equiv="content-type" content="text/html"> especifica o formato do documento retornado pelo servidor

 <meta http-equiv="default-style"/>   especifica o formato do documento de estilo

 < meta http-equiv="refresh"/> especifica a duração da página antes de ser considerada obsoleta

 <meta http-equiv=”Content-language”/> especifica o idioma da página

 <meta http-equiv="Cache-Control" content="no-cache"> instrui o navegador

como armazenar em cache sua página

Design responsivo/meta tags para dispositivos móveis

<meta name="format-detection" content="telephone=yes"/> indica que os números de telefone devem aparecer como links de hipertexto que podem ser clicados para fazer uma chamada telefônica

 <meta name="HandheldFriendly" content="true"/> especifica que a página pode ser visualizada corretamente em dispositivos móveis