Metaelemento - Meta element

Elementos meta são marcas usadas emdocumentos HTML e XHTML para fornecer metadados estruturadossobre uma página da web . Eles fazem parte de umaheadseçãode uma página da web. Vários elementos Meta com atributos diferentespodem ser usados ​​na mesma página. Os metaelementos podem ser usados ​​para especificar a descrição da página, palavras-chave e quaisquer outros metadados não fornecidos por meio de outrosheadelementos e atributos.

O elemento meta tem dois usos: para emular o uso de um campo de cabeçalho de resposta HTTP ou para incorporar metadados adicionais no documento HTML.

Com HTML até e incluindo HTML 4.01 e XHTML, havia quatro atributos válidos: content, http-equiv, namee scheme. No HTML 5 , charsetfoi adicionado e schemeremovido. http-equivé usado para emular um cabeçalho HTTP e namepara incorporar metadados. O valor da instrução, em qualquer caso, está contido no contentatributo, que é o único atributo obrigatório, a menos que charsetseja fornecido. charseté usado para indicar o conjunto de caracteres do documento e está disponível em HTML5.

Esses elementos devem ser colocados como tags na headseção de um documento HTML ou XHTML .

As duas partes distintas dos elementos são:

  • Tag do título
  • Meta Descrição

Exemplos do metaelemento

metaos elementos podem especificar cabeçalhos HTTP que devem ser enviados antes do conteúdo real quando a página HTML é servida do servidor da web para o cliente. Por exemplo: 

<meta charset="utf-8">

como alternativa ao cabeçalho de resposta Content-Type:para indicar o tipo de mídia e, mais comumente necessário, a codificação de caracteres UTF-8 .

As metatags podem ser usadas para descrever o conteúdo da página: 

<meta name="description" content="The Federal Aviation Administration is an operating mode of the U.S. Department of Transportation.">

Neste exemplo, o metaelemento descreve o conteúdo de uma página da web.

Metaelemento usado na otimização de mecanismos de pesquisa

Os metaelementos fornecem informações sobre a página da web, que podem ser usadas pelos mecanismos de pesquisa para ajudar a categorizar a página corretamente.

Eles têm sido o foco de um campo de pesquisa de marketing conhecido como search engine optimization (SEO), onde diferentes métodos são usados ​​para fornecer ao site do usuário uma classificação mais elevada nos motores de busca. Antes do surgimento da análise de conteúdo pelos mecanismos de pesquisa em meados da década de 1990 (mais notavelmente o Google), os mecanismos de pesquisa dependiam de metadados para classificar corretamente uma página da Web e os webmasters aprenderam rapidamente o significado comercial de ter o metaelemento certo. A comunidade do mecanismo de pesquisa agora está dividida quanto ao valor das metatags. Alguns afirmam que eles não têm valor, outros que são centrais, enquanto muitos simplesmente concluem que não há uma resposta clara, mas, uma vez que não fazem mal, eles os usam apenas no caso. O Google afirma que eles suportam as metatags "conteúdo", "robôs", "google", "google-site-verification", "content-type", "refresh" e "google-bot".

Os principais robôs dos mecanismos de busca consideram muitos fatores ao determinar como classificar uma página da qual as metatags formarão apenas uma parte. Além disso, a maioria dos mecanismos de pesquisa muda suas regras de classificação com frequência. O Google declarou que atualiza suas regras de classificação a cada 48 horas. Sob tais circunstâncias, um entendimento definitivo do papel das metatags no SEO é improvável.

O keywordsatributo

O keywordsatributo foi popularizado por mecanismos de busca como o Infoseek e o AltaVista em 1995, e sua popularidade cresceu rapidamente até se tornar um dos metaelementos mais comumente usados .

Não existe consenso se o keywordsatributo tem ou não qualquer efeito na classificação em qualquer um dos principais motores de busca hoje. Especula-se que sim se as palavras-chave usadas no metatambém puderem ser encontradas na própria cópia da página. Com relação ao Google , trinta e sete líderes em otimização de mecanismos de pesquisa concluíram em abril de 2007 que a relevância de ter palavras-chave no metaatributo keywordsé pouca ou nenhuma e em setembro de 2009 Matt Cutts do Google anunciou que não estavam mais levando as palavras-chave em consideração. . No entanto, ambos os artigos sugerem que o Yahoo! ainda faz uso da meta tag de palavras-chave em algumas de suas classificações. Yahoo! em si afirma suporte para a meta tag de palavras-chave em conjunto com outros fatores para melhorar as classificações de pesquisa. Em outubro de 2009, a mesa redonda do mecanismo de pesquisa anunciou que "o Yahoo também elimina a tag meta palavras-chave", mas posteriormente relatou que o anúncio feito pelo diretor sênior de pesquisa do Yahoo! Estava incorreto. Na declaração corrigida Yahoo! O diretor sênior de pesquisa afirma que "... O que mudou com os algoritmos de classificação do Yahoo é que, embora ainda indexemos a meta tag de palavra-chave, a importância de classificação dada às meta tags de palavra-chave recebe o sinal de classificação mais baixo em nosso sistema ... na verdade terá menos efeito do que a introdução essas mesmas palavras no corpo do documento ou em qualquer outra seção. " Em setembro de 2012, o Google anunciou que consideraria a meta tag de palavra-chave para editores de notícias. O Google disse que isso pode ajudar conteúdo valioso a ser notado. A sintaxe da meta palavra-chave news tem uma diferença sutil da meta tag da palavra-chave personalizada; é denotado por "news_keywords", enquanto a meta tag de palavra-chave personalizada é denotada por "palavras-chave". O Google Notícias não leva mais em conta as palavras-chave anunciadas por news_keywords.

O atributo Título

De acordo com Moz, "as tags de título são o segundo fator mais importante na página para o SEO, depois do conteúdo". Eles transmitem aos mecanismos de pesquisa do que se trata uma determinada página. Costumava ser prática de SEO padrão incluir as palavras-chave primárias e secundárias no título para uma melhor classificação. O Google passou por várias iterações para mostrar quantidades curtas ou mais longas de conteúdo de dentro das tags de título.

Independentemente disso, as tags de título ainda têm importância de três maneiras diferentes.

  • Eles são exibidos como o título da página nos resultados da pesquisa (e influenciam o comportamento do usuário em relação a clicar em resultados específicos).
  • Os navegadores da Web os exibem nomeando guias abertas; como o título fica visível ao passar o mouse, isso é especialmente útil quando muitas guias estão abertas e apenas o favicon de cada página (se disponível) está visível.
  • Como nos resultados da pesquisa, os títulos são visíveis quando os links da página são postados nas redes sociais e isso também transmite aos usuários do que se trata o link.

O descriptionatributo

Ao contrário do keywordsatributo, o descriptionatributo é compatível com a maioria dos principais mecanismos de pesquisa, como o Yahoo! e o Bing , enquanto o Google usará essa tag quando as informações sobre a própria página forem solicitadas (por exemplo, usando a consulta relacionada :). O descriptionatributo fornece uma explicação concisa do conteúdo de uma página da web . Isso permite que os autores da página da Web forneçam uma descrição mais significativa para as listagens do que poderia ser exibida se o mecanismo de pesquisa não conseguisse criar automaticamente sua própria descrição com base no conteúdo da página. A descrição é freqüentemente, mas nem sempre, exibida nas páginas de resultados do mecanismo de pesquisa , portanto, pode afetar as taxas de cliques. Embora os cliques em um resultado possam ser um sinal positivo de eficácia titlee descriptionescrita, o Google não reconhece este metaelemento como um fator de classificação, portanto, usar frases-chave alvo nesse elemento não ajudará a classificar um site melhor. O W3C não especifica o tamanho dessa meta tag de descrição, mas quase todos os mecanismos de pesquisa recomendam que ela tenha menos de 160 caracteres de texto simples.

O languageatributo

O languageatributo informa aos mecanismos de pesquisa em qual linguagem natural o site está escrito (por exemplo, inglês, espanhol ou francês), em oposição à linguagem de codificação (por exemplo, HTML). Normalmente é uma marca de idioma IETF para o nome do idioma. É mais útil quando um site é escrito em vários idiomas e pode ser incluído em cada página para informar aos mecanismos de pesquisa em que idioma uma página específica foi escrita. Os agentes do usuário podem (e fazem) usar as informações do idioma para selecionar fontes apropriadas ao idioma, o que melhora a experiência geral do usuário na página.

O robotsatributo

O robotsatributo, apoiado por vários dos principais mecanismos de pesquisa, controla se os spiders dos mecanismos de pesquisa têm permissão para indexar uma página, ou não, e se eles devem seguir links de uma página ou não. O atributo pode conter um ou mais valores separados por vírgula. O noindexvalor impede que uma página seja indexada e nofollowevita que os links sejam rastreados . Outros valores reconhecidos por um ou mais mecanismos de pesquisa podem influenciar como o mecanismo indexa as páginas e como essas páginas aparecem nos resultados da pesquisa. Isso inclui noarchive, que instrui um mecanismo de pesquisa a não armazenar uma cópia arquivada da página e nosnippet, que pede que o mecanismo de pesquisa não inclua um snippet da página junto com a listagem da página nos resultados da pesquisa.

Meta tags são uma das melhores opções para evitar que os mecanismos de pesquisa indexem o conteúdo de um site.

Atributos adicionais para mecanismos de pesquisa

NOODP

Os motores de busca Google , Yahoo! e o MSN usou, em alguns casos, o título e o resumo da listagem DMOZ (também conhecida como Open Directory Project) de um site para o título e / ou descrição (também chamado de snippet ou resumo) nas páginas de resultados do mecanismo de pesquisa (SERP). Para dar aos webmasters a opção de especificar que o conteúdo do Open Directory Project não deve ser usado para listagens de seus sites, a Microsoft introduziu em maio de 2006 o novo NOODPvalor " " para o robotselemento " " das metatags. O Google seguiu em julho de 2006 e o ​​Yahoo! em outubro de 2006.

Em 2017, o Google relatou a interrupção do uso de DMOZ , após seu encerramento, portanto, a diretiva NOODP é ignorada desde então.

A sintaxe é a mesma para todos os mecanismos de pesquisa que suportam a tag. 

<meta name="robots" content="noodp" >

Os webmasters podem decidir se desejam proibir o uso de sua lista do ODP por mecanismo de pesquisa

Google: 

<meta name="googlebot" content="noodp" >

Yahoo! 

<meta name="Slurp" content="noodp" >

MSN e Live Search (via bingbot , anteriormente msnbot ):

<meta name="bingbot" content="noodp" >
NOYDIR

Yahoo! coloca conteúdo de seu próprio Yahoo! ao lado da lista do ODP. Em 2007, eles introduziram uma meta tag que permite que os web designers optem por isso.

Adicionar a NOYDIRtag a uma página impedirá o Yahoo! de exibir o Yahoo! Títulos e resumos de diretórios . 

<meta name="robots" content="noydir" >
<meta name="Slurp" content="noydir" >
Robots-NoContent

Yahoo! também introduzido em Maio de 2007, o valor do atributo: class="robots-nocontent". Esta não é uma meta tag, mas um atributo e valor, que pode ser usado em todas as tags de página da Web quando necessário. O conteúdo da página onde este atributo está sendo usado será ignorado pelo Yahoo! rastreador e não incluído no índice do mecanismo de pesquisa.

Exemplos de uso da robots-nocontenttag: 

<div class="robots-nocontent">excluded content</div>
<span class="robots-nocontent">excluded content</span>
<p class="robots-nocontent">excluded content</p>

Estudos academicos

O Google não usa palavras-chave HTML ou elementos de meta tag para indexação. A Diretora de Pesquisa do Google, Monika Henzinger , foi citada (em 2002) como tendo dito: "Atualmente não confiamos em metadados porque temos medo de ser manipulados." Outros motores de busca desenvolveram técnicas para penalizar sites considerados "trapaceando o sistema". Por exemplo, um site que repete a mesma palavra-chave meta várias vezes pode ter sua classificação diminuída por um mecanismo de busca que tenta eliminar essa prática, embora isso seja improvável. É mais provável que um mecanismo de pesquisa ignore o elemento meta palavra-chave completamente, e a maioria o faz, independentemente de quantas palavras são usadas no elemento.

Google faz, no entanto, usar elementos de meta tag para exibir links de site. As tags de título são usadas para criar o link nos resultados da pesquisa: 

<title>Site name - Page title - Keyword description</title>

A meta descrição freqüentemente aparece nos resultados de pesquisa do Google para descrever o link: 

<meta name="description" content="A blurb to describe the content of the page appears here" >

Além disso, a startup de pesquisa corporativa Swiftype considera as metatags como um mecanismo para sinalizar a relevância para os mecanismos de pesquisa de seus sites, até mesmo introduzindo sua própria extensão chamada Meta Tags 2.

Redireciona

Elementos de atualização meta podem ser usados ​​para instruir um navegador da Web a atualizar automaticamente uma página da Web após um determinado intervalo de tempo. Também é possível especificar um URL alternativo e usar essa técnica para redirecionar o usuário para um local diferente. A atualização automática por meio de um elemento META foi descontinuada por mais de dez anos e considerada problemática antes disso.

O W3C sugere que os agentes do usuário devem permitir que os usuários o desabilitem, caso contrário, a atualização META não deve ser usada por páginas da web. Para as configurações de segurança do Internet Explorer, na categoria diversos, a meta atualização pode ser desativada pelo usuário, desativando assim sua capacidade de redirecionamento. No Mozilla Firefox, ele pode ser desativado no arquivo de configuração com o nome de chave "accessibility.blockautorefresh".

Muitos tutoriais de design da Web também apontam que o redirecionamento do lado do cliente tende a interferir no funcionamento normal do botão "voltar" de um navegador da Web. Depois de ser redirecionado, clicar no botão Voltar fará com que o usuário volte para a página de redirecionamento, que o redireciona novamente. Alguns navegadores modernos parecem superar esse problema, incluindo Safari , Mozilla Firefox e Opera .

Os redirecionamentos automáticos por meio de marcação (versus redirecionamentos do lado do servidor) não estão em conformidade com as W3C's - Web Content Accessibility Guidelines (WCAG) 1.0 (diretriz 7.5).

Cabeçalhos de mensagens HTTP

Os metaelementos do formulário <meta http-equiv="foo" content="bar">podem ser usados ​​como alternativas aos cabeçalhos HTTP. Por exemplo, <meta http-equiv="expires" content="Wed, 21 June 2006 14:25:27 GMT">diria ao navegador que a página "expira" em 21 de junho de 2006 às 14:25:27 GMT e que pode armazenar a página com segurança até então. A especificação HTML 4.01 opcionalmente permite que essa tag seja analisada por servidores HTTP e definida como parte dos cabeçalhos de resposta HTTP, mas nenhum servidor da web atualmente implementa esse comportamento. Em vez disso, o agente do usuário emula o comportamento de alguns cabeçalhos HTTP como se eles tivessem sido enviados no próprio cabeçalho de resposta.

Alternativa para metaelementos

Alguns elementos e atributos HTML já lidam com certas partes de metadados e podem ser usados ​​por autores em vez de META para especificar essas partes: o elemento TITLE, o elemento ADDRESS, os elementos INS e DEL, o atributo title e o atributo cite.

Uma alternativa aos metaelementos para acesso aprimorado por assunto em um site da Web é o uso de um índice no estilo verso do livro para o site. Consulte o site da American Society of Indexers para obter um exemplo.

Em 1994, a ALIWEB também usou um arquivo de índice para fornecer o tipo de informação comumente encontrada em atributos de meta palavras-chave.

Nos casos em que o valor do atributo content é um URL, muitos autores decidem usar um elemento de link com um valor apropriado para seu atributo rel também.

Para uma comparação sobre quando é melhor usar cabeçalhos HTTP, meta-elementos ou atributos no caso de especificação de linguagem: veja aqui .

Veja também

Referências

links externos