As tags na parte "head"

Dezembro 2016


Antes de tudo: chamada no doctype


(tag = linguagem de marcação)

Na verdade, ele não faz parte desta seção, já que fica antes de tudo; é a primeira linha do código que devemos encontrar em qualquer página HTML, mas não só se ainda vemos muitas páginas, com frequência, que não são temos, sua ausência proíbe qualquer referência correta, ou até a legibilidade das páginas.


Em resumo, é a "Definição tipo de documento". Uma indicação da linguagem de computador em que uma página é codificada para permitir que os navegadores da Web interpretem corretamente o código e forneçam um relatório correto.

Exemplo :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd">


Quer dizer: a linguagem HTML é usada em seu DTD (DocTypeDefinition) estabelecido pela W3C, que se trata da versão 4.0 da linguagem, que as tags são dadas em inglês (EN), e que elas só existem neste idioma, por enquanto....

A parte head


As tags head proporcionam, entre outras coisas, uma descrição do seu site através de palavras-chave e frases que descrevem o seu site, para que os motores de busca o reconheçam e o posicionem da melhor maneira possível. Ele tem outras características tais como o redirecionamento automático para um URL. Podemos acrescentar que mesmo aqueles que parecem duvidar da sua utilidade, não duvidam da sua eficácia, principalmente quando ligadas às páginas bem feitas e bem preenchidas... mas isso é outro debate.

As principais tags que encontramos no cabeçalho da página são tags meta e tags link.

Aqui, as tags estão listadas por ordem de importância (a mais importante primeiro).

Tags meta

Palavras-chave

  • Sintaxe: <meta name="keywords" content="Palavras-chave">
  • Número máximo de caracteres: 1 000
  • Compatibilidade: Todos os motores
  • Separe cada palavra ou grupo de palavras com uma vírgula. Você também deve saber que apenas os primeiros 200 a 300 serão realmente úteis. (Outras possibilidades: pt para o português, en para o Inglês, en-us para o inglês americano, de para o alemão, it para o italiano).
  • Exemplo: <meta name="keywords" lang="pt" content="html, javascript, xml">

Descrição

  • Sintaxe: <meta name="Descrição" content="Descrição do site e/ou da página...">
  • Número máximo de caracteres: 200
  • Compatibilidade: Todos os motores, porém evite os acentos (em certos motores eles não são levados em conta).

Declaração do idioma do site

  • Sintaxe: <meta http-equiv="content-language" content="pt" />
  • Compatibilidade: todos os motores
  • Ou seja, site "multilingue"'você pode colocar <meta http-equiv="Content-Language" content="pt, en"/> para uma edição bilíngue do site, veja aqui um exemplo para um site cujas páginas são em francês e inglês.

Categoria

  • Sintaxe: <meta name="category" content="nome">
  • Número máximo de caracteres: nenhum
  • Compatibilidade: Alguns motores
  • Exemplo <meta name="category" content="internet">

Autor

  • Sintaxe: <meta name="author" lang="pt" content="Nome Sobrenome">
  • Número máximo de caracteres: nenhum
  • Compatibilidade: Todos os motores
  • Você pode, se quiser, colocar vários autores (separados por uma vírgula).

Restrições para os motores de busca

  • Sintaxe: <meta name="robots" content="....."> As linhas pontilhadas são para serem substituídas por "index" ou "noindex" (para permitir ou não a indexação das páginas) e "follow" ou "nofollow" (para permitir ou não de seguir os links das páginas). O par "index, follow" pode ser substituído por "all" mas, de qualquer maneira, é inútil, porque os robôs usam isso por padrão, e o par "noindex, nofollow" pode ser substituído por "none".
  • Compatibilidade: Todos os motores
  • Exclua todos os diretórios protegidos ou "sensíveis" por um arquivo .htacess.

Endereço da página

  • Sintaxe: <meta name="identificar-url" content="URL da página">
  • Número máximo de caracteres: nenhum
  • Compatibilidade: Todos os motores
  • Coloque apenas um URL *** mas a certa! Se houver erros isso pode causar mau funcionamento em algum outro diretório ou scripts hard link que exibem o PR ... neste caso, nada melhor do que cometer um erro!

Softwares utilizados para a concepção

  • Sintaxe: <meta name="generator" content="Softwares">
  • Número máximo de caracteres: nenhum
  • Compatibilidade: Alguns motores
  • Para os sites de distribuição do software.

Endereço de e-mail do proprietário/responsável/criador

  • Sintaxe: <meta name="reply-to" content="seu@email">
  • Número máximo de caracteres: nenhum
  • Compatibilidade: Todos os motores - Cuidado com o spam!

Outras tags

Título da página

  • Sintaxe: <title>Título do seu site</title>
  • Número máximo de caracteres: 100
  • Compatibilidade: Todos os motores



Tradução feita por Lucia Maurity y Nouira

Veja também :
Este documento, intitulado « As tags na parte "head"  »a partir de CCM (br.ccm.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.