Como colocar metatags html personalizadas de SEO no Blogger
Meta Tag é um código HTML que permite que você acesse o Mecanismo de busca para obter informações sobre pesquisas. Como colocar metatags html de SEO.
Meta Tags são códigos HTML que podem notificar os mecanismos de
pesquisa sobre informações importantes em uma página da web e podem informar
aos navegadores da Web como exibi-los aos seus visitantes.
Cada página da web deve ter uma meta tag que só é visível no código HTML.
Neste guia, aprenderemos como usar várias meta tags que têm impactos
importantes no SEO.
O que é Meta Title html
Meta Title Tag é o título da página que será exibida no Google e em outros mecanismos de pesquisa nos resultados de pesquisa (SERP).
Por que a Meta Title Tag é importante para SEO?
A seguir, uma explicação do Google :
O título do artigo é muito importante, pois pode fornecer informações rápidas e relevantes sobre as consultas procuradas pelo usuário. Às vezes, as manchetes são frequentemente usadas para determinar em quais resultados clicar. Portanto, é muito importante usar títulos de alta qualidade em páginas da web.
Como criar meta title tag
- Faça uma tag de título exclusiva para cada página;
- Mantenha a Tag do título curta, mas ainda assim descritiva / clara;
- Evite tags de título genéricas pouco claras;
- Use a frase correta da tag de título;
- Torne a Tag do título digna de ser clicada e não a Clickbait;
- Ajustar às intenções de pesquisa;
- Inclua a palavra-chave alvo onde achamos certo;
- Use Tags de título que não excedam 60 caracteres.
Como adicionar meta title tag a um site / blog
Procure o seguinte código na seção <head> do seu site / blog:<title>Título do seu Blog</title>
Agora, substitua esse código pelo seguinte código de meta tag:
<b:if cond="data:view.isSingleItem">
<title><data:blog.pageName/></title>
<b:elseif cond="data:view.isHomepage"/>
<title><data:blog.title/></title>
<b:elseif cond="data:view.search.label"/>
<title><data:blog.pageTitle/></title>
<b:elseif cond="data:view.search.query"/>
<title><data:view.search.resultsMessage/></title>
<b:elseif cond="data:view.search and !data:view.search.label and !data:view.search.query"/>
<title><data:blog.pageTitle/></title>
<b:elseif cond="data:view.isArchive"/>
<title><data:view.archive.rangeMessage/></title>
<b:elseif cond="data:view.isError"/>
<title>404 Página não encontrada</title>
</b:if>
Meta Title html - Erros que ocorrem frequentemente
Há quatro problemas que costumam ocorrer com o Meta Title:
- Muito longo / curto.
- Não possui uma tag de título.
- Tags de título com duplicidade.
- Mesma etiqueta de título.
O que é Meta Description
Meta Description Tag é um resumo do conteúdo que está em uma página da web. Os mecanismos de pesquisa costumam usá-lo para exibir Snippets nos resultados de pesquisa (SERP).
Meta Descrição geralmente deve ser capaz de fornecer informações que possam atrair o interesse do usuário com um resumo breve e relevante na página da web.
No entanto, a descrição da meta tag não é um dos fatores importantes que podem aumentar o ranking das páginas do site. Aqui está uma explicação do Google:
Normalmente, usamos a Meta Description para o Snippet que queremos exibir, até o momento, não usamos a Meta Description que funciona para melhorar a classificação.
Como criar meta description html no Blogger
- Escreva uma descrição ou explicação exclusiva em cada página;
- Resuma com precisão o conteúdo;
- Evite a descrição genérica;
- Faça uma Meta Description que possa ser clicável;
- Combine com palavras-chave pesquisadas com frequência;
- Digite a palavra-chave de destino no local certo;
- Tente não mais que 150 caracteres (o novo Bloger não permite mais que 150).
Como adicionar meta description em um site / blog
Cole o seguinte código na seção <head> do seu site / blog:
<meta name="description" content="Sua Meta Description aqui (descrição do seu blog).">
Para os usuários do Blogger, pode-se usar a seguinte descrição de meta tag:
<b:if cond="data:view.isMultipleItems">
<meta expr:content="data:blog.metaDescription" name="description"/>
<b:elseif cond="data:view.isSingleItem"/>
<b:if cond="data:blog.metaDescription">
<meta expr:content="data:blog.metaDescription" name="description"/>
<b:else/>
<meta expr:content="data:blog.pageName" name="description"/>
</b:if>
</b:if>
Erros frequentes da tag meta description
Existem quatro problemas comuns com as tags Meta Description:
- Meta Descrição Muito longo / curto.
- O blog não possui Meta Descrição.
- Descrição Meta duplicada.
- A mesma descrição não está ativada.
O que é Meta Robots
A Meta Tag Robots serve para notificar o Search Engine se e como ele pode rastrear nas páginas da web. Aqui está um exemplo de Meta Robots:
<meta name="robots" content="index, follow">
Por que a tag Meta Robots é importante para SEO?
O uso do atributo errado na tag Meta Robots pode afetar adversamente a existência de uma página da Web nos resultados de pesquisa (SERP). Todas as técnicas de SEO que nós dependemos dos robôs de meta tag, se as usarmos de maneira apropriada e eficaz.
Aqui estão os valores que podemos usar na tag Meta Robots:
- index : Diz ao Bot para indexar a página;
- noindex : Diz ao Bot para não indexar a página;
- follow : Diz ao Bot para rastrear o link na página.
- nofollow : diz ao Bots para não rastrear os links na página.
Podemos combinar vários valores dos Meta Robots acima para serem os seguintes:
<meta name="robots" content="noindex, nofollow">
<meta name="robots" content="index, follow">
<meta name="robots" content="noindex, follow">
<meta name="robots" content="index, nofollow">
Como criar a tag meta robots
Use Meta Robots somente quando quisermos limitar os mecanismos de pesquisa nas páginas de rastreamento.
Não bloqueie páginas com Meta Robots no arquivo robots.txt .
Como instalar meta robots em um site / blog
Cole o seguinte código na seção <head> do seu site / blog:
<meta name="robots" content="index, follow">
Para os usuários do Blogger, pode-se usar os seguintes robôs de meta tag:
<b:if cond='data:blog.pageType in {"archive"} or data:blog.searchLabel or data:blog.searchQuery'>
<meta content='noindex/nofollow' name='robots'/>
<b:elseif cond='data:view.isSingleItem or data:view.isHomepage'/>
<meta content='index/follow' name='robots'/>
</b:if>O que é Meta Viewport
A Tag Meta Viewport é uma área que pode ser vista em uma página e geralmente é usada para dizer ao navegador para renderizar páginas em diferentes tamanhos de tela (por exemplo, telas de desktop, tablets, smartphones, etc. ).
Por que o Meta Viewport é importante para SEO?
Segundo o Google , a Meta Tag Viewport indica que a página da Web é compatível com dispositivos móveis.
Muitos usuários podem sair imediatamente ao abrir uma página da Web em um Smartphone porque o site não é compatível com dispositivos móveis e difícil de ler. Este é um dos efeitos negativos para páginas da web.
Criando uma meta viewport
Use o Meta Viewport em todas as páginas da web.
Use Tags padrão, se você não souber, siga as diretrizes abaixo.
Como instalar o Meta Viewport em um site / blog
Cole o seguinte código na seção <head> do seu site / blog:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Lembre-se de que o atributo 'content' precisa ser definido como width=device-width, initial-scale=1.0, porque o valor é apenas a implementação mais comum e usada com mais freqüência.
Outo exemplo, (e agora o Google está pedindo que se implemente no head do seu blog), é:
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
Aqui, o maximum-scale=' ' varia de 1 à 5. Isso define a escala máxima do zoom nos dispositivos que acessarem seu blog.
O que é Meta Charset
A tag Meta Charset é uma codificação de caracteres para páginas da Web. Em outras palavras, a tag Meta Charset pode informar ao navegador sobre como o texto em uma página da web pode ser exibido.
Existem muitos conjuntos de caracteres disponíveis, mas existem dois dos conjuntos de caracteres mais comuns e mais usados, a saber:
- UTF-8 - Codificação de caracteres para Unicode;
- ISO-8859-1 - Codificação de caracteres para letras latinas.
Por que o Meta Charset é importante para SEO?
O uso da codificação incorreta de caracteres pode causar a exibição incorreta dos caracteres no navegador e danificar as páginas da Web.
Aqui está o impacto do Meta Charset para SEO:
- Os usuários não querem visitar páginas da web.
- Alta taxa de rejeição.
- Os mecanismos de pesquisa não entendem o conteúdo nele.
Colocando o Meta Charset
Por padrão, todos os modelos do Blogger, já vem com o Meta Charset instalado, caso queira saber se o seu blog possui essa meta, selecione CTRL + F e digite: meta-charset, use a tag Meta Charset em todas as páginas da web.
- Use UTF-8.
- Use a escrita HTML correta.
Como colocar o Meta Charset em um site / blog
Caso seu blog não esteja configurado, cole o seguinte código na seção <head> do seu site / blog:
<meta charset="UTF-8">
Se você usa HTML4 e abaixo, pode usar o seguinte Meta Charset:
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
Se você não tiver certeza ou não souber a versão HTML usada, poderá procurar o código
<! DOCTYPE html> que se encontra na primeira linha do seu editor. Se o código estiver lá, você usou o HTML5 .
Conclusão sobre metatags html de SEO
Criar, estudar e instalar metatags em páginas da Web não é difícil e nem confuso. Talvez algumas das metatags acima possam melhorar o SEO em suas páginas da web. Se este artigo foi útil, você poderá compartilhá-lo. Se você tiver dúvidas, escreva-as na coluna de comentários abaixo.