Articles

O Que São Meta Tags?

o Que São Meta Tags?

let’s talk about meta tags — what they are, why they matter, and how to do them better.

First things first-what made you click on this article to read it?talvez o título te tenha chamado a atenção, ou talvez tenha sido o curto borrão que viste.

Você pode ter clicado simplesmente porque este artigo vem de uma fonte em que você confia.

Se você encontrou este artigo através de um motor de busca, no entanto, há uma boa chance de você encontrar e clicou neste artigo por causa de meta tags.

você deve gastar tempo em Meta Tags?

meta tags são a base do SEO, e a primeira coisa que você vai encontrar-se configurando ao construir uma página web.

Sem meta tags, você não pode alcançar os leitores organicamente.

não leva muito tempo para gerar meta tags, mas é mais importante do que você pode pensar.isso é porque 93% de todas as experiências on-line começam com um motor de busca.

Otimização de Motor de Busca estatísticas para 2017 por meta tags de assunto

é por Isso que muitos comerciantes on-line estão tão focados na obtenção de SEO direito.

tráfego de busca orgânica é o Santo Graal de SEO, por isso não pode ser ignorado.

o Que São Meta Tags?

Seu Conteúdo precisa ser legível e atraente para os usuários em motores de busca.

Há uma sintaxe muito específica necessária.

é semelhante a como livrarias e bibliotecas organizam seus arquivos de livros-e isso é o que meta tags são, essencialmente.

o que são Meta Tags?

meta tags são um tipo de tag HTML que fornece aos motores de busca informações sobre uma página do site.

vamos dar uma olhada nos elementos básicos.

Neil Patel Marketing Digital

As tags de título e descrição formam quase toda a entrada.

Se não fosse por estas meta tags, tudo o que você veria no Google SERPs seria o meu URL.

Neil Patel Marketing Digital Tags

tags de Título e descrição são os dois mais utilizados tags para fins de SEO, mas de SEO não é a única parte do marketing digital.

marketing digital avançado requer o uso de ainda mais tags que melhoram a classificação de página e a experiência geral do Usuário.

tal como este resultado de pesquisa, em breve irá descobrir que estas marcas controlam como toda a sua presença digital é vista e navegada.as máquinas podem ler URLs muito bem. Se eu escrevi para máquinas, meu site ficaria assim:

Neil Patel Código-Fonte 1 | o Que São Meta Tags?

o Google prioriza certas tags porque elas fornecem contexto para as pessoas.

eu construí o meu site para as pessoas de bem, para que fique assim:

Neil Patel Site o que são meta tags e como é que elas se importa

Este polaco é que o marketing é tudo.

neste post, vamos explorar meta tags e ver como eles afetam seus esforços globais de marketing digital.

embora simples, o diabo está nos detalhes, e cada detalhe conta.

como as Meta Tags afetam a imagem da marca e as taxas de Click-Through

você absolutamente pode julgar um livro pela sua capa. É para isso que as capas são desenhadas.

a sua marca de Título e descrição meta cria a capa da sua página web. São a tua primeira impressão na maioria das visitas.

não é apenas sobre os motores de busca, mas como vemos a Internet.

Reddit é um site básico de agregação de links que tira todos os sinos e assobios.

Reddit depende do título e da imagem para atrair conversas e cliques.

Reddit / What Are Meta Tags?

Usando as meta tags corretamente é como usar o formato correto para um email de negócios.claro, pode colocar o que quiser lá fora, mas há um nível de profissionalismo que é esperado em algum momento.

mesmo a Amazon só lhe dará uma imagem, título e breve descrição para mostrar o seu ponto de vista.

pense nestas etiquetas como o seu tom de elevador.

Você tem tanto espaço quanto um Tweet para vender toda a sua marca e produto.o que significa que tem de o Pregar.

Você não pode simplesmente ligar para este detalhe e polir tudo o resto. Se o fizeres, ninguém vai ver o resto do que poliste.

já sabemos como as meta tags afetam o SEO, mas esse não é o único elemento.

meta tags tornará mais fácil o seu email marketing e os seus esforços de automação de marketing, fornecendo informações para ligações por e-mail.

Tags são um elemento crucial que determina como as minhas mensagens automáticas de mídia social se parecem.

Neil Patel Twitter 2 meta tags exxample

Quando outros blogueiros, YouTubers, e mídias sociais influenciadores (e micro-influenciadores) compartilhar seu conteúdo, tags torná-lo mais fácil.pense em meta-etiquetas como a embalagem do seu produto.se a sua embalagem não estiver manchada, nunca ninguém irá comprar o seu produto, por muito grande que seja!

então, quais são algumas boas práticas para implementar para tags?

Meta Tag Best Practices

There are a TON of different HTML tags that can be used on a web page. Só vamos focar-nos em algumas marcas significativas.vamos começar pelo que te trouxe aqui hoje.

Title Tags

não é tecnicamente uma meta tag, mas aparece no cabeçalho e é usado como um.

A partir de julho de 2017, os limites de caracteres para tags de Título nos resultados de pesquisa do Google São 78 em dispositivos móveis e 70 em um desktop.

no entanto, isso não significa necessariamente que você deve usar todos esses caracteres, e 60 é o limite geralmente recomendado.palavras-chave de cauda longa fazem a diferença.

Aqui estão os meta títulos de topo nos SERPs para ” Como fazer marketing de conteúdo eficaz.”

Marketing de Conteúdo meta tag exemplos

adicionando o ano, temos todo um novo conjunto de resultados para “como fazer marketing de conteúdo eficaz de 2017.”

alguns utilizadores irão querer informações básicas, enquanto outros irão querer as mais actuais.

Content Marketing meta tag titles examples

ajustando a nossa marca de título, podemos afectar quais destas pesquisas classificamos.

em última análise, o objetivo é atingir ambos, mas isso nem sempre é viável.

certifique-se que a sua palavra-chave está no seu título, ou encontrará os seus artigos enterrados nos resultados da pesquisa.por exemplo, quando procuro os “melhores tacos em Tucson”, alguns restaurantes estão na página 10 abaixo, mesmo Del Taco.é uma oportunidade perdida para a capital dos tacos do país!

Tucson Tacos de meta tags de título de exemplos

Estas pequenas empresas pode melhorar muito seus resultados de pesquisa, vendas e retorno sobre o investimento simplesmente pela adição de “melhores tacos em Tucson” para suas tags de título.

Aqui está uma amostra do HTML necessário para uma marca de título localizada no seu cabeçalho.

<head>

<título>O Melhor Título de Exemplo, eu Poderia Vir Acima Com</título>

</head>

No WordPress, é tão fácil como dar sua página um título.você realmente não pode perder.

Wordpress meta tag Title

é tudo o que há para ele!

marcas de imagem

como marcas de Título, as marcas de imagem não estão marcadas como ” meta.”

mas eles são claramente usados pelos motores de busca, agregadores de link, e outros sites para identificar o seu site.

Existem duas descrições de imagens realmente encaixadas numa única etiqueta.

Aqui está como o código HTML se parece.

<img src=”image.jpg “alt= ” image description”title=”image tooltip”>

ambas as etiquetas de Alt e título devem ser definidas para a melhor experiência.

o título aparece no seu ecrã quando passa o cursor por cima dele.

o texto alt mostra quando a imagem não pode ser renderizada (ou é falada aos cegos e deficientes visuais).

ao enviar uma imagem para o WordPress, você será solicitado a digitar o título, legenda, texto alt e descrição.

meta tags de imagem WordPress

quanto mais campos preencher (mesmo que use a mesma informação), mais pesquisáveis serão as suas imagens.

qualquer lugar de 20-60% de todo o tráfego do Google vai para sites com gráficos bem otimizados.porque não queres ser incluído?

é também uma questão de conformidade do site da ADA.

existem aproximadamente 58.200 pessoas com algum nível de deficiência visual por milhão apenas nos EUA.

por que a meta tages importa o número de pessoas com cegueira gráfico

isto é um enorme segmento da população que não teria uma ótima experiência para o usuário sem alt tags de imagem.

otimize suas imagens para os motores de busca e usuários.

descrição Meta Tags

uma marca de meta-descrição dá-lhe a oportunidade de fornecer uma visão geral do conteúdo da página.

eles estão limitados a cerca de 160 caracteres e não estão diretamente ligados aos algoritmos de pesquisa do Google em tudo!

Mais uma vez, a razão pela qual você precisa de tags de descrição é para melhorar a experiência do Usuário.as marcas de descrição

encorajam a utilização de ‘click-through’.

Aqui está como o HTML se parece:

<head>
<meta name=”description” content=”Este é um exemplo do texto que será mostrado nos resultados de pesquisa. Leia para saber mais sobre tags de descrição.”>
</head>

Sem uma descrição meta, o Google será o padrão para qualquer visualização frase que se sente melhor abrange o conteúdo.isto não é necessariamente uma coisa má.

Este post não tem uma meta descrição (eu raramente usá-los), e ele classifica bem.

Neil Patel Social Media Marketing meta tag example

claro, meus blogs são preenchidos com conteúdo relevante em frases curtas e doces. A maioria deles trabalharia como Descrições por conta própria.

ainda assim, não há mal em adicionar informações adicionais para tornar o seu conteúdo mais pesquisável.os Robots Noindex e nofollow Meta Tags

Robots meta tags nem sempre são necessários.

Por padrão, todas as páginas e links que você criar em seu site são indexados como ‘seguir’ por robôs de pesquisa e web crawlers.

sempre que você quiser redirecioná-los, você vai precisar de uma placa de meta robô.

Aqui está o código HTML NOINDEX:

<html><head>
<meta name=”robots” content=”noindex” />
(…)
</head>

Isso estaria dentro do cabeçalho e indicar esta página não precisam ser indexados.

é útil para o conteúdo sindicado e duplicado que seus clientes/leitores poderiam usar, mas você não quer crédito em índices de busca.

Aqui está o HTML para um robô nofollow.

<meta name=”robots” content=”nofollow”>

Este é usado para as ligações que você não necessariamente endossa.

Por exemplo, leitores deixando links em meus comentários não são exatamente endossados por mim, então uma etiqueta nofollow acima da seção de comentários mantém meu site limpo para bots.

Aqui está uma grande infografia sobre quando e como usar tags nofollow.

não siga as meta tags infográfico

Agora nós chegamos a um dos mais controversos meta tags.

Tags de palavras-chave

tags de palavras-chave não são usadas por algoritmos de busca para determinar ranking de pesquisa.

Aqui está o que o HTML se parece com:

<meta name=”keywords” content=”HTML, CSS, XML, JavaScript”>

I de treinador meus clientes SEO para ignorar marcas de palavra-chave, porque eles não afetam SEO.

isso não os torna necessariamente inúteis, no entanto. Eles são especialmente úteis no WordPress.

tags e categorias de palavras-chave podem ajudar a Google a determinar que página do seu site deve classificar para uma pesquisa.

eles também criam uma página no WordPress que fornece mais uma página indexada.

Wordpress página de categoria de meta tags

Isto significa que, enquanto seus posts são focada em palavras-chave de cauda, a sua tag e categoria de páginas feeds cobrindo o menor palavras-chave.

Categorias podem ser usadas para o formato URL, fornecendo mais uma palavra-chave para o endereço da página.

isto é realizado sob Configurações-Permalinks no WordPress.

categoria urls permalinks meta tags

Adicionar este formato fornece o contexto para seu conteúdo.

O Google adora o contexto para os resultados da pesquisa!

palavras-chave também fornecem uma visão geral de quantas páginas você tem para cada palavra-chave.

pode usá-los para ajudar a planear o seu calendário editorial.

Viewport tags

Você não gasta muito tempo pensando em viewports, mas eles são especialmente importantes no mundo de busca móvel de hoje.

nos dispositivos móveis, as páginas são mostradas numa janela popup chamada uma janela de visualização que se estende para além do contorno do dispositivo.aqui está uma ilustração do que estou a falar.

Compreensão marca meta viewport largura largura do dispositivo

os Desenvolvedores podem definir o tamanho do visor para aumentar a usabilidade.

os usuários do WordPress podem verificar esta tag para aprender esta informação para seus modelos.

mas você provavelmente não sabia disso a menos que você já seja um desenvolvedor web.uma vez que o Google se concentra cada vez mais em sites amigáveis ao celular, esta meta tag pode significar a diferença entre sucesso e falha móvel.

Agora que você tem uma compreensão básica de meta tags e por que eles são importantes, eu vou mostrar-lhe algumas das minhas ferramentas favoritas para manipulá-los.

ferramentas livres para adicionar e verificar as suas Meta Tags

não se preocupe se tudo isso soa esmagador — há toneladas de ferramentas para tornar mais fácil obter meta tags direito. Aqui estão dois dos meus favoritos.

Yoast SEO Plugin para WordPress

Yoast é um poderoso SEO plugin para WordPress e uma das ferramentas de SEO e meta tags mais baixadas.

com o Yoast, todas as páginas e publicações que você publicar têm opções de back-end para aumentar a partilha social, otimizar o SEO, atualizar tags e outros metadados.

Yoast SEO WordPress / o que são Meta Tags?

com o Yoast instalado no seu site WordPress, alguns cliques e alguns segundos do seu tempo são tudo o que é preciso para adicionar meta-tagging ao seu processo.

Yoast também lhe permite introduzir uma palavra-chave de foco que não é adicionada às meta tags, permitindo que o programa back-end analise o seu post.

BuzzStream Extractor de Meta Tag

Se precisar de um gráfico rápido dos meta-dados que estão a ser usados pela sua concorrência, o extractor de Meta Tag do BuzzStream é uma solução simples e elegante.

copie e cole uma lista de URLs, e você será apresentado com a informação de meta tag.

Tag Extractor meta tag tool

há mesmo uma opção para baixar como um ficheiro CSV para que possa raspar rapidamente grandes listas.

é uma maneira rápida e fácil de organizar estes dados quando você precisa.

esta ferramenta online gratuita faz o seu trabalho SEM todos os sinos e assobios.

menos Popular (mas ainda útil!) Meta Tags

de modo a ser totalmente transparente, aqui está um gráfico de meta tags HTML.

Meta Tags gráfico

Um autor meta tag pode ser usada para informar os mecanismos de pesquisa que escreveu um pedaço de conteúdo.

autores foram usados no passado para resultados de pesquisa, mas não é mais um fator. No entanto, você pode usar tags de autor se você executar um blog multi-autor.

WordPress adiciona esta informação aos blogs quando vários usuários estão contribuindo com conteúdo.

é mais um emblema de honra para blogueiros do que qualquer outra coisa.

a maioria dos restantes definem parâmetros que já devem ser controlados a nível do servidor.apesar de ter ignorado estas meta-etiquetas, não significa que tenhas de o fazer. Sinta-se à vontade para adicionar qualquer informação que quiser.não ajuda a procurar rankings, mas também não os magoa.

Conclusion

Meta tags are a basic part of HTML-and can impact SEO.

de volta nos primeiros dias da internet, eles eram um fator de sinalização para os motores de busca para entender o conteúdo de uma página.

a internet (e a nossa relação com ela) tem evoluído exponencialmente desde então.

Pesquisa Contextual, AI assistentes digitais e dispositivos móveis estão mudando a forma como vemos o conteúdo.

os motores de busca são incentivados a fornecer os melhores resultados de pesquisa possíveis, então meta tags são menos importantes.

no entanto, alguns, como os títulos e meta descrições, são mais importantes do que nunca.

enquanto menos metadados são usados, ainda é a primeira impressão que você vai fazer em robôs e pessoas.

O que as meta tags do seu site dizem sobre você?

aumentar o tráfego