Blogger SEO Camila Fiori

Como corrigir problemas de heading tags no Blogger

Como corrigir heading tags no BloggerVocê sabia que os templates do Blogger normalmente não vem com as heading tags otimizadas?

Isso pode lhe dar desvantagens em termos de SEO se a estrutura de seus concorrentes estiver correta.

Para corrigir isso, é necessário realizar alterações no HTML do seu template, de forma a respeitar a estrutura sugerida pelo Google.

Você verá neste artigo como realizar você mesmo essas correções.

Introdução

As heading tags definem a estrutura de títulos que seu blog e suas postagens têm.

Ela define uma hierarquia de tags que vai desde a h1 (mais importante) até a h6, permitindo mostrar ao Google e aos seus visitantes quais são os tópicos mais importantes em suas páginas.

Se você precisar de mais detalhes sobre o assunto, sugiro a leitura do artigo Uso de heading tags no Blogger.

O problema é que os templates do Blogger normalmente vêm com essas tags desorganizadas, dando destaque a seções que não as merecem (como a data das postagens e o número de comentários, por exemplo).

Como exemplo, mostrarei neste artigo o procedimento passo a passo para otimizar o template “Simples”, que é disponibilizado pelo Blogger, organizando sua estrutura de heading tags.

Você poderá adaptar os procedimentos para seu próprio template.

Como corrigir heading tags no Blogger

Passo 1 – Analisar a estrutura do template

O primeiro passo na análise é executar a verificação da estrutura de heading tags do template.

Você só precisará executar os demais passos caso seja encontrado algo errado.

A forma mais simples – e que já mostrei no artigo Uso de heading tags no Blogger – e utilizar a ferramenta Document Outline, da Mestre SEO.

É interessante você fazer duas análises: uma da página inicial de seu blog e outra de uma postagem sua.

Como exemplo, mostro abaixo o resultado da análise do blog http://gerenciandoblogseo.blogspot.com.br, que utilizarei neste tutorial.

Você pode clicar nos links para visualizar o resultado.

Página Inicial
Como corrigir heading tags no Blogger
Página de Postagem
heading-tags-corrigir-template-blogger-20

Embora não haja falhas de estrutura (tags faltantes) há diversos pontos que merecem atenção, marcados em vermelho.

Em vermelho estão itens que deveriam ter importância menor e em azul o que deveriam ter importância maior.

Passo 2 – Crie um blog de testes e aplique nele o seu template

Este passo é importantíssimo para o procedimento.

Não tente fazer os procedimentos diretamente em seu blog oficial, pois eles são complexos e, feitos de forma errada, podem prejudicá-lo em vez de ajudar.

Caso ainda não tenha um blog de testes, veja no artigo Como criar um blog de testes no Blogger como proceder.

É essencial aplicar nesse blog o mesmo template que você usa em seu blog oficial (o que também é mostrado no artigo).

Por fim, também é importante criar nele algumas postagens ou mesmo copiá-las de seu blog principal.

Para evitar problemas de duplicidade de textos, é importante que esse blog esteja configurado para não ser encontrado pelo Google (mostro também como fazer isso no artigo citado no parágrafo anterior).

Alerto novamente: todos os procedimentos abaixo devem ser feitos inicialmente em seu blog de testes!




Passo 3 – Elimine as heading tags de todos os elementos desnecessários

Como expliquei acima, as “heading tags” só fazem sentido em títulos e subtítulos do seu blog e suas postagens.

Por isso, nas faz sentido deixá-las em elementos como títulos de gadgets, datas e outros.

Para facilitar, copie o HTML do template do seu blog e cole-o em um bom editor de textos (como o Notepad++).

Se você não sabe como fazer isso, veja no artigo Como editar o HTML de seu template no Blogger.

O procedimento dependerá agora de uma análise manual sua:

1. Procure inicialmente pelo termo <h1 no HTML do seu blog. Se estiver utilizando o Notepad++, basta utilizar as teclas CTRL+F para fazer isso.

Como corrigir heading tags no Blogger

2. Verifique todos os pontos em que ele ocorre no seu template.

3. Em cada ponto encontrado, avalie se faz sentido a sua existência. Se não fizer, remova a tag de abertura e fechamento.

4. Repita o mesmo processo para todas as “heading tags” (ou seja, faça depois o mesmo processo com <h2, <h3 até chegar a <h6).

Para ficar mais claro, abaixo está a análise que fiz do modelo “Simples” do Blogger.

– A tag h1 está presente nos trechos abaixo. Em todos eles faz sentido mantê-la, pois a classe “title” é a que mostra o título do seu blog.

Por isso, é importante que essa seja sua tag h1 na página principal. Assim, não é necessário fazer modificações.

Como corrigir heading tags no Blogger

Como corrigir heading tags no Blogger

– Já a tag h2 apresenta claros problemas. Veja onde ela é utilizada:

Na data das postagens (esse trecho está em dois lugares)




Como corrigir heading tags no Blogger

No título dos widgets (ele estará repetido em todos eles) 



Como corrigir heading tags no Blogger 




Como corrigir heading tags no Blogger

A melhor solução para estes casos é remover a tag de abertura e fechamento h2. Os novos códigos ficarão assim:

Neste caso, como a tag h2 não estava sozinha, foi necessário trocá-la por uma div


Como corrigir heading tags no Blogger

Nos widgets, basta remover a tag h2 

Como corrigir heading tags no Blogger 




Como corrigir heading tags no Blogger

– A tag h3 também não oferece problemas iniciais.

Ela só está atribuída aos títulos das postagens e podemos mantê-la por enquanto.

Como corrigir heading tags no Blogger

Como corrigir heading tags no Blogger

– A tag h4 é outra problemática. Ela está em diversos pontos sem sentido, todos relativos aos comentários

Como corrigir heading tags no Blogger

Como corrigir heading tags no Blogger

Como corrigir heading tags no Blogger

A correção segue o mesmo princípio da h2, mostrada acima:

Como corrigir heading tags no Blogger

 

Como corrigir heading tags no Blogger

Como corrigir heading tags no Blogger

– Não existem no template referências às tags h5 e h6, então não será necessário tomar ação para elas.

Passo 4 – Defina a tag h1 para o título do seu blog e das postagens

A tag h1 – a mais importante e relevante – deve ser reservada para o título mais importante da página que está sendo visitada.

Além disso, o ideal é que haja apenas uma tag h1 em cada página sua.

Por isso, é uma boa ideia ter a seguinte estrutura:

  • Nas páginas de postagens, ela deve ser utilizada para o título da postagem.
  • Na página principal do seu blog, reserve-a para o título do seu blog. Neste caso, os títulos das postagens receberão a tag h2.

1. Ajustar a tag do título do blog

Vamos começar a fazer o ajuste pelo título. Se você usa um texto em seu título o ajuste é relativamente simples.


O efeito obtido é que o título do seu blog terá a h1 na página inicial, mas não terá nenhuma heading tag nas demais páginas. 

Procure pelo trecho abaixo em seu template:

<div class=’titlewrapper’>
  <h1 class=’title’>
    <b:include name=’title’/>
  </h1>
</div>

e substitua-o por:

<div class=’titlewrapper’>
  <b:if cond=’data:blog.pageType == &quot;index&quot;’>
    <h1 class=’title’>
      <b:include name=’title’/>
    </h1>
  <b:else/>
    <div class=’title’>
      <b:include name=’title’/>
    </div>
  </b:if>
</div>

2. Ajuste específico se você usar imagem como cabeçalho

Se você utiliza uma imagem como cabeçalho para o seu blog, apenas o ajuste anterior não será suficiente para a correção.

Isso porque não haverá nenhuma tag h1 na página inicial do seu blog.

Resolver isso é simples: localize em seu template o trecho <!–Show the image only—>.

Após esse trecho haverá uma linha <div id=’header-inner’>. Depois dessa linha, adicione o trecho abaixo:

<b:if cond=’data:blog.pageType == &quot;index&quot;’>
  <h1 style=’display:none’><b:include name=’title’/></h1>
</b:if>

3. Ajustar a tag nos título das postagens

Agora, precisamos ajustar o título das postagens. Neste caso, o efeito desejado é que o título das postagens tenha h2 na página inicial e h1 na página da postagem.dois trechos iguais que você precisará alterar em seu template:

Procure por:

<h3 class=’post-title entry-title’ itemprop=’name’>
  <b:if cond=’data:post.link’>
    <a expr:href=’data:post.link’><data:post.title/></a>
  <b:else/>
    <b:if cond=’data:post.url’>
      <b:if cond=’data:blog.url != data:post.url’>
        <a expr:href=’data:post.url’><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
    <b:else/>
      <data:post.title/>
    </b:if>
  </b:if>
</h3>

e substitua por:

<b:if cond=’data:blog.pageType == &quot;index&quot;’>
  <h2 class=’post-title entry-title’ itemprop=’name’>
  <b:if cond=’data:post.link’>
    <a expr:href=’data:post.link’><data:post.title/></a>
  <b:else/>
    <b:if cond=’data:post.url’>
      <b:if cond=’data:blog.url != data:post.url’>
        <a expr:href=’data:post.url’><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
    <b:else/>
      <data:post.title/>
    </b:if>
  </b:if>
  </h2>
<b:else/>
  <h1 class=’post-title entry-title’ itemprop=’name’>
  <b:if cond=’data:post.link’>
    <a expr:href=’data:post.link’><data:post.title/></a>
  <b:else/>
    <b:if cond=’data:post.url’>
      <b:if cond=’data:blog.url != data:post.url’>
        <a expr:href=’data:post.url’><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
    <b:else/>
      <data:post.title/>
    </b:if>
  </b:if>
  </h1>
</b:if>

Neste ponto, a estrutura já estará correta. Eu apliquei essas alterações em outro blog de testes: http://gerenciandoblogseootim.blogspot.com.br.

Note a diferença na análise abaixo, onde se vê que agora somente os títulos receberam as heading tags:

Página Inicial
Como corrigir heading tags no Blogger
Página de Postagem
heading-tags-corrigir-template-blogger-22

Passo 5 – Ajuste seu CSS para formatar os títulos como antes

Esta pode ser a parte mais chata dos ajustes. Um problema que você notará ao aplicar essas mudanças é que poderão ser perdidas as formatações do seu cabeçalho e dos títulos das postagens.

Isso ocorre porque o template vem preparado para formatar o estilo nas heading tags que estavam definidas antes.

Para deixar as formatações como eram antes, você precisará adaptar o seu CSS para ter novamente as formatações desejadas.

Uma forma prática para você fazer isso é procurar em seu template (dentro da área b:skin) pelas referências às heading tags antigas e substituí-las pelas novas.

Continuando a tomar como exemplo o modelo “Simples”, são necessárias as mudanças.


Note que, em seu template, esses trechos podem não existir ou ser diferentes, sendo necessário fazer a análise das alterações que serão necessárias.

1. Substitui:

<Group description=”Blog Title” selector=”.header h1″>

por:

<Group description=”Blog Title” selector=”.header, .header h1″>

2. Substituir:

.Header h1 {

por:

.Header, .Header h1 {

3. Substituir:

<Group description=”Post Title” selector=”h3.post-title, .comments h4″>

por:

<Group description=”Post Title” selector=”h1.post-title, h2.post-title, .comments”>

4. Substituir:

h3.post-title, .comments h4 {

por:

h1.post-title, h2.post-title, .comments {

Tenha em mente que, dependendo do seu template, outros ajustes similares precisarão ser feitos para corrigir todas as formatações.

Conclusão

Espero ter conseguido lhes dar uma noção de como é o processo para correção das heading tags no Blogger.

Não é um processo simples e pode exigir algumas horas de seu trabalho, com paciência e cuidado para deixar todos os pontos exatamente da forma que você precisa.

Muito melhor seria que os templates já viessem desenvolvidos com a estrutura correta de heading tags, evitando este trabalho.

Em minhas buscas, não encontrei nenhum que já estivesse com isso correto.

Se alguém conhecer algum template assim, avise-me nos comentários e o colocarei como exemplo neste artigo.

E você, o que acho do processo?

Quer compartilhar sua experiência?

Deixe um comentário!

| Website

Apaixonada por comunicação. Formada em Jornalismo e blogueira por Hobbie. Atual responsável por este e vários outros blogs de Internet Marketing.

Para enviar seu comentário, preencha os campos abaixo:

Deixe uma resposta

*

126 Comentários

  1. Marcelino Paulo Ferreira disse:

    Muito bom artigo. Parabéns. Obrigado.
    Vou começar por remover o H2 em todos os widgets.
    Uma pergunta: quando se adiciona um novo widget é necessário fazer de novo este procedimento no modelo do blog?

    • Adriano Luz disse:

      Olá, Marcelino!

      Fico feliz em saber que tenha gostado!

      Quanto aos widgets é realmente necessário revisar o código a cada novo widget inserido no Blogger, para remover o H2 ou H3 caso ele tenha sido inserido.

      Um abraço!

  2. Matheus disse:

    Olá Adelson,

    Arrumar os heading tags é muito importante e faz uma diferença enorme no SEO.

    Em muitos blogs fui negligente neste "pequeno" detalhe e após ter arrumado, consegui uma diferença enorme na indexação dos buscadores.

    Parabéns pelo tutorial detalhado de como arrumar estes probleminhas.

    Abraço!

    • Adriano Luz disse:

      Olá, Matheus!

      Também considero muito importante a otimização das heading tags para bom resultado de SEO. Infelizmente, este é um ponto para o qual muitos não dão a devida atenção, o que faz com que sejam perdidos preciosos "pontos" na avaliação pelo Google.

      Um abraço!

  3. Marcelino Paulo Ferreira disse:

    Primeiro problema: os títulos dos widgets ficam diferentes

    • Adriano Luz disse:

      Marcelino:

      Para acertar a formatação dos títulos, é necessário realizar ajustes em seu CSS, fazendo com que eles mantenham a formatação anterior.

      Um abraço!

    • Marcelino Paulo Ferreira disse:

      Quais são os ajustes necessários?

    • Rafaela Vieira disse:

      Também gostaria de saber quais são os ajustes necessários, pois comigo aconteceu a mesma coisa. Você pode me ajudar?
      rafaellando.com

    • Adriano Luz disse:

      Olá, Rafaela!

      De forma geral, você deve aplicar às tags H1 e H2 a mesma formatação que as antigas tags recebiam. Por exemplo: se o título de suas postagens estava como H3, você deve procurar esse trecho no CSS e adicionar também as tags H1 e H2 nele.

      Adianto que é um processo chato e trabalhoso.

      Torço para que consiga!

      Um abraço!

    • Andrei Macedo disse:

      Será que daria pra fazer um tutorial explicando como se faz isso? Pois fiz a esse tutorial completo, e deu muito trabalho, fiquei horas aqui,… Só que depois percebi que nas postagens individuais os titulos estavam desalinhados e pequenos e os títulos dos gadgets não apareciam. Agradeço desde já!

  4. Marcelino Paulo Ferreira disse:

    Questão: É obrigatório alterar o H1? Eu fiz o que você sugere e alterou o meu blog; mantive de novo o que estava e a tag H1 permanece correta na página principal e nas restantes. Porque será?
    No meu modelo permanece assim: div class='titlewrapper'
    h1 class='title'
    b:include name='title'/
    /h1
    /div

    • Adriano Luz disse:

      Marcelino:

      Se a alteração que houve foi visual, o caso é o mesmo do item anterior: uma vez removido o h1, o seletor original de CSS passa a não valer mais. Por isso, é necessário adaptar o CSS para que ele dê a mesma formatação ao título mesmo sem o h1.

      Abraço!

  5. Marcelino Paulo Ferreira disse:

    Bloquei no 3. Ajustar a tag nos título das postagens
    Não aparece assim no meu modelo. Mas assim:
    h3 class='post-title entry-title'
    b:if cond='data:post.link'

    No entanto fiz a experiência e substitui pelo novo código que você propõe. Mas na análise mantém H2 no título da postagem

    Análise da URL: http://www.laboratoriodafe.net/2013/04/uma-vida-ressuscitada-pascoa-homilia-igreja.html

    h1> Laboratório da fé
    h2> «Redescobrir o caminho da fé» — Bento XVI, «A Porta da Fé», 2
    h2> Uma vida «ressuscitada»
    h3> Segunda semana de Páscoa
    h2> O cristão tem uma vida «ressuscitada»

    • Adriano Luz disse:

      Marcelino:

      O resultado aqui realmente não aparece correto. Mesmo sendo uma página de postagem, foi mantido o h1 no título do blog, e o h2 no título da postagem.

      Como eu disse no artigo, há variações no que deve ser alterado em cada template. O mais importante é entender a atribuição das heading tags, usando corretamente os "if" para avaliar se está sendo visitada a página inicial ou uma postagem.

      Um abraço!

    • Marcelino Paulo Ferreira disse:

      Pois, mas eu preciso de ajuda para entender isso!

  6. Marco Silva disse:

    Oi Adelson,
    Estava esperando por este artigo, foi muito esclarecedor e me ajudou a resolver alguns desses problemas no meu template.
    Valeu!

  7. Ciro disse:

    Muito bom principalmente o passo 4, mas uma pergunta alguns desses ajustes funcionaria em um template minima?

    • Adriano Luz disse:

      Olá, Ciro!

      Os ajustes devem funcionar em qualquer template do Blogger. No "Simples", que utilizei como exemplo, tudo funcionou corretamente.

      Um abraço!

  8. Marcelo Ribeiro disse:

    Adelson, fiz a análise do meu blog (www.caderno7.com) e ele aparece na tag h1 como "Missing Heading". Pode gerar problemas, é necessário corrigir? Abração, o blog está espetacular!

    • Adriano Luz disse:

      Olá, Marcelo!

      A tag h1 é a mais importante para o Google. Por isso, é importante tomar as ações necessárias para que ela seja atribuída corretamente ao título de seu blog ou de sua postagem.

      Um abraço!

  9. Yuki W disse:

    Olá Adelson, consegui!! obrigada pelas dicas aqui e na fan page!
    Nem imaginava que o blog de teste tinha de estar no modo público, que vergonha, eu deixava ele bem escondido pra não verem as barbaridades que faço nele 🙂 claro que não daria para analisar!
    Meu H1 estava oculto porque eu uso uma imagem no cabeçalho,resolvi à moda porca, deixei o "Posicionamento *Por trás de título e descrição" e editei com letra discreta e pequena.é blog feito por leigo, está bom demais!
    Obrigada!

    • Adriano Luz disse:

      Olá, Yuki!

      Que ótimo que tenha funcionado! O ideal do blog de testes é mesmo deixá-lo inacessível. Mas, para ser analisado por ferramentas como esta, é mesmo necessário que ele esteja público.

      O que você pode fazer é voltar a deixá-lo inacessível após finalizar sua análise.

      Um abraço!

  10. Marcelino Paulo Ferreira disse:

    E agora mudou tudo no editor de HTML…

    • Adriano Luz disse:

      Olá, Marcelino!

      O editor mudou, mas ainda é possível fazer tudo o que era feito na versão antiga. Na segunda-feira devo publicar uma postagem sobre esse assunto.

      Um abraço!

  11. soemrondonia.com.br disse:

    Olá mestre, quanto tempo em?

    Mais uma vez o seu artigo foi de grande ajuda! Meus parabéns pelo artigo esta muito bem escrito e foi fácil segui-lo, muito obrigado pela ajuda.

    Eu gostaria porém de tirar uma duvida, o uso de "alt='' title=''" em imagens tem o mesmo peso do uso correto das head's? Qual a verdadeira importância disto?

    Mais uma vez, muito obrigado!

    • Adriano Luz disse:

      Olá!

      Que ótimo que tenha conseguido seguir as orientações do artigo!

      Quanto ao ALT e TITLE, eles são importantes para a busca de imagens no Google. Para os textos, eles não têm influência.

      Um abraço!

  12. Sandra Teixeira disse:

    Adelson sou eu novamente rsrsrs meus blogs estão prontos mas não entendo nada de gadget,HTML,….por favor me a ajude a estruturá-lo de acordo com as exigências do google.obrigada sandra

  13. Webmaster disse:

    Olá !

    Utilizei a ferramenta de análise de estrutura de heding tags do Mestre SEO que sugeriu no artigo anterior e noto que surgem vários problemas de organização das mesmas num dos meus blogs. No entanto, quando abro o modelo de HTML para corrigir, e ao pesquisar através do comando Ctrl/F não aparece nenhuma heading tag, nem h1, nem h2, h3, h4… nada…
    Estarei a fazer alguma coisa de errado ? Pode-me ajudar ?
    Cump.

    • Adriano Luz disse:

      Olá!

      Parece-me estranho a busca não ter retornado nenhum resultado. Normalmente, os templates do Blogger já vêm com tags definidas.

      O que você pode fazer para tirar a dúvida é copiar o código HTML do template e colá-lo em um editor de textos, para fazer a busca por lá.

      Um abraço!

  14. André disse:

    Eu sempre tento seguir as ordens de H1 para título, H2 para subtítulo e H3 para tópicos. Isso dar resultado em buscas do Google e outros buscadores.

    • Adriano Luz disse:

      Olá, André!

      Obrigado por compartilhar sua experiência conosco! Estas são alterações que podem mesmo dar diferenças no posicionamento no Google.

      Um abraço!

  15. Aurea Carvalho disse:

    Olá Adelson,

    Tenho 2 dúvidas.
    As heading-tags seguem sempre a ordem de numeração correspondente a importância de cada?
    Com relação as tags h2 para os widgets é só usar um id no CSS para substituí-las e não perder a configuração do css né?
    Terei muito trabalho pela frente.
    Obrigada.

    • Aurea Carvalho disse:

      Ei Adelson,

      Sou eu de novo.
      Desculpe ter feito uma pergunta cuja a resposta já tinha no seu artigo anterior sobre heading tags aqui no blog. Entendi sobre a ordem das mesmas.
      Estou um pouco apavorada. Tenho muito, mas é muito mesmo trabalho para fazer para deixar os meus blogs no jeito.
      Sabia da necessidade de colocar as heading-tags, mas não sabia da importância nem da ordem em que deveriam aparecer nos blogs.
      Não me preocupava muito com SEO como tenho me preocupado agora que resolvi retomá-los e investir neles. Até mesmo pela intenção de ter algum retorno financeiro com meus blogs.
      Grande abraço para você!

  16. Carolina Carvalho disse:

    André tenho um problema, ao que parece o blogger designa um estilo de fonte, tamanho, cor e etc para cada header, então quando eu designo a header h1 para o titulo do post quando estou dentro dele, a fonte dele fica diferente da anterior, o que eu posso fazer para conseguir configurar uma fonte para o titulo do post ? parece que tudo que está com h1 tem uma fonte definida e eu não consigo tirar =/
    obrigada pela atenção
    e parabéns pelo ótimo post

    • Adriano Luz disse:

      Olá, Carolina!

      Além da tag h1, normalmente é atribuído também um estilo para os cabeçalhos no CSS. O que precisa ser feito é adaptar esses estilos para que eles continuem sendo aplicados mesmo sem a tag h1.

      Espero ter conseguido esclarecer um pouco mais a questão.

      Um abraço!

  17. Marcos Vinicius Musgo disse:

    Ótimo artigo, parabéns.
    Uma dica boa para quem tá com problema
    nos estilos CSS, é só copar os estilos
    referente ao h3 e transformá-los em h2 também
    para que nas duas condições o título dos posts
    tenham a mesma aparência.

    • Adriano Luz disse:

      Olá, Marcos!

      Obrigado pelos elogios!

      E obrigado também por compartilhar a sua dica! É uma forma simples para manter os estilos anteriores.

      Um abraço!

  18. Rodrigo Almeida disse:

    Boa Adelson, fiz tudo direitinho só que na página inicial ainda aparece tudo em h1, o título do blog e o título das postagens. O que fazer?

    Veja: http://www.mestreseo.com.br/labs/document-outline/?url=http%3A%2F%2Fwww.androidnta.com.br%2F

    • Adriano Luz disse:

      Olá, Rodrigo!

      Para aparecer dessa forma, significa que ainda há tags h1 associadas ao título das suas postagens na página inicial. É necessário revisar seu HTML e remover essas tags.

      Um abraço!

    • Rodrigo Almeida disse:

      Opa Adelson, valeu pela dica! Arrumei aqui agora ficou certinho. Demora algum tempo para o Google reconhecer as mudanças ou é automático?

  19. Alex disse:

    Muito boa as dicas, já fiz as alterações no meu blog, e espero que realmente isso melhore ainda mais as visitas.

    • Adriano Luz disse:

      Olá, Alex!

      Este é um refinamento para o SEO do seu blog. Mais importante do que ele é sempre ter conteúdo original e de qualidade em seu blog.

      Um abraço!

  20. tonyrson maia disse:

    Olá Adelson gostaria de saber se a mesma regra se aplica a templates grátis do tipo template para blogs e outros.

    • Adriano Luz disse:

      Olá, Tonyrson!

      Esses ajustes são importantes para qualquer template, seja ele do próprio Blogger ou personalizado.

      Um abraço!

  21. Leonardo Mattos disse:

    Olá Adelson, o meu template veio do "btemplates", e em questão no CSS, nenhum dos resultados eu achei, não existe a plavra Group, e mesmo pesquisando palavra por palavra nos outros não achei nenhum.

    E outra questão muito estranha no meu blog, é que a "/body" e "/html", do final do HTML estão em cor vermelho, assim como um /di> também está logo no final, se eu tiro o /div do html, o Body e html voltam ao normal, mas ao salvar da erro pedindo o /div no final.. Pesquisei e não achei resposta pra isso :X.

    • Adriano Luz disse:

      Olá, Leonardo!

      O "group" foi só um exemplo de como fazer a aplicação das correções no template que escolhi. Cada template é mesmo diferente e precisa de um processo específico de correção.

      Quanto ao outro problema, o fato dos trechos serem mostrados em vermelho é só uma questão de formatação do editor do Blogger. E não entendi porque você quer remover o div do final. Se ele está correto assim, não há porque alterar.

      Um abraço!

  22. Eduardo G. Junior disse:

    "Há dois trechos iguais que você precisará alterar em seu template:" mas vc mencionou apenas um trecho. Eu fiz tudo certinho, passo a passo, mas obtive só um resultado correto, que foi o link da postagem h1 e h2. O da homepage para ficar h1 e h2 não funcionou, aparece h1 e h1 na homepage. Pensei que não deu certo por estar faltando justamente a mudança do segundo trecho.

    Poderia me ajudar?

    • Adriano Luz disse:

      Olá, Eduardo!

      O que eu quis dizer é que há dois trechos do template em que o mesmo código se repete, e a alteração deve ser feita nos dois.

      Um abraço!

  23. Gustavo Provasi disse:

    Primeiramente, parabéns pelo excelente tutorial Adelson!
    Com relação à formatação, notei que o título dos widgets "HTML" aceitam a aplicação de estilos CSS depois (ex: .sidebar .title)…
    Contudo, os widgets nativos do Blogger, como Popular Posts, Labels etc., quando removida as tags "h2", não recebem a formatação do CSS acima…
    Assim, tive que retornar as tags "h2" no Popular Posts, e adicionei tags "h3" e "h4" nos widgets de menor importância, dessa forma consigo aplicar o CSS (ex: .sidebar h2, .sidebar h3 etc).
    O problema é que utilizar essas tags nos widgets acho que não é recomendável, né? Mas enfim, não consegui achar outra solução…
    Então resolvi deixar esse comentário, pois isso pode ocorrer com outras pessoas também…
    Abraço e parabéns pelo blog!!

    • Adriano Luz disse:

      Olá, Gustavo!

      A alteração dos títulos dos gadgets é uma das mais chatas a se fazer. Mas, é possível definir o estilo para a classe "title" no CSS, para que ela seja aceita mesmo se não houver o h2.

      Um abraço!

  24. Fabiano Alves Batista disse:

    Olá Adelson,
    Este é o melhor tutorial sobre heading tags no blogger que encontrei, e ajudou muito a melhorar o SEO do meu blog.
    Obrigado por compartilhar essas informações. Abraço.

  25. eletronicaemcasa disse:

    Boa tarde Adelson,
    Gostaria de saber se seria interessante utilizar heading tags nas legendas das figuras? Isso seria bom para o SEO da página ou poderia trazer prejuízos? Isso ajudaria a melhor visibilidade das imagens no google imagens? Pergunto isso, pois no meu blog eu utilizo muitas imagens para ilustras os assuntos técnicos relacionados a eletrônica e estava pensando que talvez essas legendas possam ajudar a agregar mais palavras chaves ou aumentar a visibilidade do blog.

    Eu estava pensando em fazer o seguinte
    h1 titulo principal h1
    .
    .
    h2 titulo secundário h2
    .
    h3 Legenda da imagem h3
    h2 titulo secundário h2
    .
    h3 Legenda da imagem h3

    Muito obrigado pela atenção e parabéns pelo trabalho! Utilizei muitas dicas do Gerenciando blog no meu recente blog.

    • Adriano Luz disse:

      Olá!

      Eu nunca vi as heading tags sendo usadas como legenda de imagens. O uso correto delas é mesmo para destacar títulos e subtítulos na estrutura de suas postagens.

      Dependendo da forma como você as colocar nas imagens, elas podem inclusive causar a "quebra" da hierarquia da estrutura, que não é algo bom.

      Um abraço e obrigado pelos elogios!

  26. JOHNYS REZENDE disse:

    ola amigo no meu caso eu vejo 5 h4 eu altero todos???

    • Adriano Luz disse:

      Olá, Johnys!

      Se as tag h4 estão sendo aplicadas em locais onde não deveriam estar, o correto é mesmo remover todas elas.

      Um abraço!

  27. rezende disse:

    otima dicas irmao me ajudou muito concerteza vai ta melhor do que estava antes do enho um detalhe eu devo er mexido em algo errado , o meu esta sem o H3 atrapalha muito , ou vc tem alguma sugestao?

    • Adriano Luz disse:

      Olá, Rezende!

      O H3 deve ficar reservado para você utilizar dentro de suas postagens, como subtítulos para organizar seu texto. Por isso, se ele não existe em seu template, não há problemas.

      Um abraço!

  28. Rafael Silva disse:

    Boa tarde preciso de uma ajuda básica, eu não entendi por que deixar o título da minha postagem que seria o mais importante inicialmente como h3,
    será que eu poderia colocar os títulos como h1, caso eu fizesse isso para não quebrar nenhuma hierarquia, como que ficaria os outros h, pois eu teria h1 para os títulos da minha postagem e para o título do meu blog, o h2 seria o subtítulo certo, porém la nos códigos html aonde eu colocaria de volta o h3.

    • Adriano Luz disse:

      Olá, Rafael!

      Acredito que tenha havido algum engano. O que digo na postagem é que as tags mais importantes (H1 e H2) devem justamente ser reservadas para o título do blog e das postagens, e removidas dos demais elementos.

      O H2 e H3 deve ser utilizado dentro de suas postagens, para dividir seu texto em subtítulos. Veja no artigo Uso de heading tags no Blogger como fazer isso.

      Um abraço!

    • Rafael Silva disse:

      Agradeço a resposta, entendi melhor fazendo alguns testes, depois que fiz todas as alterações fiz um backup do template, pois outros templates também estão todos desconfigurados

  29. Edson Neto disse:

    Adelson, mudei tudo, ficou tudo correto, contudo, o google friend connect continuou com h2, percebi que o estilo de html dele é bem diferente dos outros que tenho no blog, olhei ele de cima abaixo e não consegui encontrar nenhuma referência a "h2" verifiquei usando o crtl+f, mas aparentemente não há nenhuma nele. Tem como mudar isso?

  30. Edson Neto disse:

    Deu tudo certo, mas o fato da "barra de páginas" estar em h2 deixou uma tag faltante nas páginas de postagens e agora?

    Ficou como:

    h1 Missing Heading

    h2 Páginas

    h1 Título do post

    h2 Subtítulos ao longo do post

    h3 Sub-subtítulos ao longo do post.

    Percebeu a falta no início? Como conserto?

    • Adriano Luz disse:

      Olá, Edson!

      Veja o item "Passo 4 – Defina a tag h1 para o título do seu blog e das postagens". Ele fará com que haja uma h1 para todas as páginas do seu blog.

      Um abraço!

  31. maristela souza disse:

    Adelson, amei esta postagem e decidi aplicar no meu blog. Deu tudo certo até eu remover o -h2- da data e trocar por -div-. Dúdiva: quando removo o -h2- dos titulos dos widgets fica somente a palavra ou titulo deles, desaparecendo qualquer efeito que antes havia que ajudava a separá-los e dava um visual melhor. Outra dúvida, eu vou precisar de um h2 para o subtítulo. Não sei se entendi mas ele deve ficar dentro do hmtl, qual é ele? Pra eu não remover todos? Eu tb tenho vários -h2 class='title'- que estão sendo usados nos titulos… aff fiz uma bagunça né? rs

    • Adriano Luz disse:

      Olá, Mari!

      Vamos por partes. rs

      1. Realmente, ao remover o h2 da data, ela perderá a formatação. O que você pode fazer é criar uma classe nova para ela no CSS e definir essa classe nos locais onde havia antes o h2.

      2. Dentro das postagens, o deve ser aplicado ao escrever o seu texto. A forma varia de acordo com o editor que você usa. No artigo Uso de heading tags no Blogger há mais detalhes.

      Espero ter esclarecido um pouco a situação.

      Um abraço!

  32. Lívia Nunes disse:

    Olá, Adelson, o post foi bem explicativo e parece ser fácil seguir as instruções do modo como você o explicou. Vamos ao meu problema: a barra de comentários que existe em todos os posts do meu blog sumiu, simplesmente assim, sumiu. Eu só queria saber se isso é algum tipo de problema no template ou se é erro da html. Você poderia me ajudar? Obrigada, abraços.

  33. Paula Mello disse:

    Adelson, eu estou chegando hoje aqui e já resolvi muitas dúvidas. Esse negócio de remover tags dá um trabalho, né? Acabei bagunçando o código rsrs Mas eu acerto… Obrigada por compartilhar seu conhecimento, este foi o melhor tutorial que encontrei. Abç

    • Adriano Luz disse:

      Olá, Paula!

      Reconheço que esta correção é uma das mais difíceis de se fazer. Como ela envolve muitas alterações, é mesmo bem chata.

      Mas, com uma dose de paciência e cuidado, é sim possível fazê-la.

      Um abraço!

  34. Anônimo disse:

    Por quê a H4 deve ser removida? Os comentários tem relação direta com o conteúdo da postagem! Ela ajuda no SEO, não?

    • Adriano Luz disse:

      Olá!

      A intenção das heading tags é destacar o título e subtítulos de sua postagem. Os comentários são apenas textos complementares à postagem, como o corpo da própria postagem. Por isso, não há sentido em receberem uma heading tag.

      Um abraço!

  35. Vitória disse:

    Olá,

    Tentei arranjar os head tags no meu blog, mas quando o faço, altera-me o tipo de letra, tamanho e nos widgets o titulo fica desconfigurado.

    Porque será? Eu utilizo o Modelo Awesome.

    Obrigado

    • Adriano Luz disse:

      Olá, Vitória!

      Esse é o detalhe mais chato para corrigir. É necessário avaliar cada um dos estilos (e isso pode variar de modelo para modelo) para saber onde aplicar as modificações para que as fontes voltem a ficar exatamente como eram antes.

      Um abraço!

  36. Adriane Rod disse:

    Olá Adelson, tudo bem??

    Recentemente eu desconfigurei o menu do meu blog. Eu consigo arrumar, seguindo os passos dados neste post??

    🙂

    http://pseudonimoliterario.blogspot.com.br/

    • Adriano Luz disse:

      Olá, Adriane!

      Este tutorial é bem específico para corrigir esses problemas das heading tags. Assim, não deve se aplicar para resolver o seu problema, que precisaria de uma análise específica.

      Um abraço!

  37. Anônimo disse:

    Amigo, fiz de tudo, quando salvo e tal, aparece isso quando tento ir em postagens, no meu blog de teste:
    http://www.agenciamestre.com/labs/document-outline/?url=http%3A%2F%2Foarthur.blogspot.com.br%2F2014%2F01%2Fpedroca-lol.html
    Mas quando vou na pagina inicial, fica normal.
    Quando realizo seus passos, repete duas vezes h1 uma missing e a outra embaixo normal

    • Adriano Luz disse:

      Olá!

      Pelo que vi aqui, ainda há mesmo erros em seu template. Infelizmente, não há uma receita pronta para isso. É necessário analisar cada caso onde a tag está errada e corrigir.

      Um abraço!

  38. Anônimo disse:

    também no meu template não tem h3 class='post-title entry-title' itemprop='name'> só h3 class='post-title entry-title'
    ME AJUDE ÇÇ

  39. Arthur Medeiros disse:

    Oi, poderia me ajudar?
    Em homepage aparece normal meu nome do blog em H1
    Mas em postagem ainda continua missing h1.
    Quando faço o tutorial, cria duas H1 acima diz missing e em baixo o nome da postagem na outra H1.
    Agradeço se me responder.

    • Adriano Luz disse:

      Olá, Arthur!

      Infelizmente, é necessário analisar o seu template para dar a solução. Mas, pela sua descrição, está havendo algum problema ao colocar o trecho que determina que o título do artigo ganhará o H1.

      Um abraço!

  40. Camilo Aparecido Almeida disse:

    Amigo Adelson eu não consegui achar o

    O unico lugar que tem header h1 é nesse trecho :

    /* Header
    ———————————————– */

    #header-wrapper {background:#98FB98 url(http://img832.imageshack.us/img832/326/logobrancositeovaledori.jpg) repeat ;width:1290px;margin:0 auto;}
    #header-inner {background-position: center;margin-left: auto;margin-right: auto;height:200px;}
    #header {float:left;width:220px;margin: 0px;text-align: left;color:#333;}
    #header2 {float:right;width:730px;margin: 0 auto;text-align: left;color:#333;}
    .header .widget, .header2 .widget {margin:0 auto;padding:15px 0px 5px 0px;}
    #header h1 {margin:0 auto;padding:15px 5px .15em;font-weight:800;font-family: Oswald;font-size:32px;text-shadow:1px 1px 1px #E2EEF1;text-transform: uppercase;line-height:28px;}
    #header a {color:#333;text-decoration:none;}
    #header a:hover {color:#999;}
    #header .description {margin:0 auto;padding:0 5px 5px;max-width:100%;letter-spacing:.01em;font: normal normal 100% 'Arial',Sans-serif;color: #c22400;font-style: italic;line-height:28px;}
    #header img {margin-left:10 auto;margin-right: auto;}

  41. jardes farias disse:

    olá Adelson
    fiz direitinho o procedimento que você ensinou e parece que deu certo. Gostaria se possível você olhasse pra mim se realmente deu certo.
    um abraço e obrigado pelo o maravilhoso artigo

  42. jardes farias disse:

    olá adelson
    aqui é eu de novo, fiz todo procedimento parecia tudo correto,mas o tamanho da fonte dos comentário ficou enorme e eu não sei como arrumar, voce poderia me ajudar?
    de ja agradeço

    • Adriano Luz disse:

      Olá, Jardes!

      Para corrigir isso, será necessário fazer adequações no seu CSS. Provavelmente, os comentários também estão recebendo alguma tag H e isso deveria ser removido.

      Um abraço!

  43. mackneo disse:

    MEU AMIGO, MEUS PARABÉNS, maninho, eu fui de cabeça nesse tutorial, e nao poderia ser mais fácil, nao imagino eu fazendo um tutorial tao perfeito e funcional como o seu. OBrigado mesmo. Tudo saiu bem direitinho, fiz no template principal mesmo, foi com cautela, e testando a cada mudança, sempre com responsabilidade.. 🙂

  44. mackneo disse:

    olá amigo, no primeiro site tudo saiu perfeitamente, porém, no segundo site, q é um template grátis, nao deu tao certo assim, eu fiz passo-a-passo o tutorial, e o título da postagem não fica como h1 dentro da postagem. Na home as postagens ficam como h2 tranquilamente, mas quando entro na postagem, ele ainda continua como h2 e o h1 fica em branco. Por favor se tiver alguma luz para me dar, agradeço, o site é http://www.filmesmania.org

    • Adriano Luz disse:

      Olá, Mackneo!

      Eu ia parabenizá-lo no primeiro comentário, e já vi este na sequência. :noprob:

      Há algo errado na configuração do template desse blog. Procure nele por post-title entry-title, que é o título das postagens que continua como H2. Você precisa ajustar esse trecho para que receba o H1 dentro da condicional que indica estar nas postagens.

      Torço para que dê tudo certo!

      Um abraço!

  45. Fabio Alves disse:

    Legal pela dica Adelson. Na internet só aqui encontrei um tutorial para fazer a alteração. Fiz no meu blog, não totalmente, mas o principal consegui alterar. abraço e obrigado

  46. Marciel Boni disse:

    Cara, preciso muuito da sua ajuda:
    Antes de vir aqui perguntar pra você, tentei pesquisar na net pra ver se encontrava mais informação, mas na internet, simplesmente nao existe outro tutorial que ensine especificamente para o blogger sobre head tags sem ser o seu.

    Primeiro problema: Aplicando o mesmo template no meu blog de teste, não ficou com a mesma estrutura e eu acabei por realizar os testes direto no original. Mas até aqui tudo bem

    O segundo problema é que o h1 ficou certo na index, mas nas paginas de postagens que seria o correto ele ficar no titulo, nao ficou e agora está faltando a tag (missing), e o titulo está como h2. Mesmo eu fazendo tudo certo como você disse para achar o paragrafo e substituir pelo outro.

    Não sei mais oque fazer, pois nao consigo achar o ponto certo para incluir o h1 . Oque fazer?

    • Adriano Luz disse:

      Olá, Marciel!

      Eu verifiquei em seu blog que o trecho post-title entry-title continua sendo mostrado como H3 nas páginas das postagens. Assim, é bastante provável que tenha ficado algum trecho do seu código sem fazer a modificação dele para H1 ou H2.

      Sugiro que você procure em seu template pelo trecho post-title entry-title, até encontrar onde ele continua com o H3. É lá que você deve aplicar a mudança que cito no artigo.

      Um abraço!

  47. Marciel Boni disse:

    Acho que você deve ter visto outro blog.
    O blog que estou comentando é o http://www.ocriativo.net. Na index, está tudo certo , porém nas páginas de postagens o h1 está faltando e o título está como h2.

    Já modifiquei todos os h3 para h2 pq não sei mais aonde mexer.. pode me ajudar?

    Muito grato pela sua atenção, e me esqueci de dar os parabéns pelo tutorial que já me serviu de grande aprendizado!

    Abraços!

    • Adriano Luz disse:

      Olá, Marciel!

      Vi que o título de suas postagens está mesmo como H3 nas páginas das postagens. Procure em seu template pelo trecho class="post-title entry-title" É ele que você precisa alterar para que elas fiquem corretamente com o H1.

      E fico feliz em saber que o tutorial está sendo útil para você!

      Um abraço!

  48. Enio Figueiredo disse:

    Adelson,

    No codigo para ajustar o titulo das postagens vc diz q "há dois trechos iguais que você precisará alterar em seu template:" mas no meu template há apenas 1. n sei se eh por isso q n consigo colocar h1 de jeito nenhum no titulo das postagens. qd altero para h1 lá, os titulos das postagens na pagina principal mudam todas para h1 tb. pode ajudar? vlw.

    • Adriano Luz disse:

      Olá, Enio!

      Acredito que o fato de haver um único trecho não vá impedir que seja feita a configuração correta das heading tags. O que deve estar faltando em seu caso é aplicar corretamente a alteração no código, que fará com que o título receba tags diferentes na página inicial e nas postagens.

      Um abraço!

  49. Geovane disse:

    Muito obrigado pelas dicas, vou tentar aplicar todas!

  50. Camilo Aparecido Almeida disse:

    Amigo Adelson da uma olhada para ver se esta certo http://www.ovaledoribeira.com.br/2014/07/receita-de-repolho-recheado.html http://www.ovaledoribeira.com.br/ testa pra mim e ve ai se esta certo .

    • Adriano Luz disse:

      Olá, Camilo!

      Caso a estrutura tenha sido mostrada corretamente na ferramenta da Agência Mestre (especialmente os títulos do blog e das postagens), significa que tudo está correto.

      Um abraço!

  51. Camilo Aparecido Almeida disse:

    Boa tarde Adelson tudo bem? Após fazer todas as mudanças, eu fui fazer um teste no Site "SEO MASTER" e la informou que a Tag "H1" estava repetida , lendo e relendo seu tutorial consegui achar o problema, retirei a Tag "H1" de um trecho que estava a mais , coloquei a Tag "DIV " e "/DIV" , voltei ao Site "SEO MASTER" e deu tudo certinho , consegui chegar a pontuação 95 de 100 possíveis.

    Gostaria de agradecer ao amigo Adelson por dividir com nós blogueiros esta dica muito importante, abraços amigo e muito obrigado.

  52. Rubens Duarte Junior disse:

    Adelson, sabe informar alguém ou algum site que faça esse serviço? O meu template é todo personalizado e está sendo difícil se orientar com as dicas apresentadas.

  53. Marilucia Santos disse:

    Adelson não conseguir achar ("), portanto, existe outro trecho para que posso procurar?

  54. PERRY MASON disse:

    Boa tarde ,,, não sei por qual motivo , porém meu blog não possui nenhum dos trechos informados no Passo 5 – "Ajuste seu CSS para formatar os títulos como antes" poderia me auxiliar nisso? http://www.coisasdorock.net/

  55. PERRY MASON disse:

    Boa tarde , estou lhe mandando o comentário novamente , pois só agora que eu vi a Politica de Comentários , então como eu estava dizendo , em meu blog não foi encontrado nenhuma tag do "Passo 5 – Ajuste seu CSS para formatar os títulos como antes" poderia me informar , se tem como resolver isso , e se vai alterar no desempenho de meu blog? obrigado desde já!

  56. Daniel Faria de Freitas disse:

    Muito obrigado pelo seu excelente post!

    Achei que o Blogger fosse mais amigável quanto as heading tags, mas vi que não era.

    Abraços!

  57. Adriano Salibi disse:

    Ola Adelson, Muito bom o post, como todos que sempre publica, parabéns!
    Mas estou tendo um problema. Fiz e refiz este procedimento várias vezes. A página inicial ficou perfeita, do jeito que vc mostra ai acima, mas a página da postagem ficou com duas h1aparecendo, o título da postagem e o título do blog. Tentei de tudo, mas não consigo corrigir. O que vc sugere? Abrçs..

  58. José Sérgio Marcondes disse:

    Boa noite! primeiro elogiar as publicações do Blog, são excelentes! sou iniciante e estou montando um blog, estou tendo problemas heading tags, segui suas orientações, consegui chegar até o passo 4 item 1 Ajustar a tag do título do blog, porém item 3. Ajustar a tag nos título das postagens não esta dando certo, faço as alterações e quando salvo da erro e aparece a mensagem – Erro ao analisar XML, linha 1466, coluna 3: The element type "b:if" must be terminated by the matching end-tag "" – Aguardo uma orientação, obrigado!!!

    3. Ajustar a tag nos título das postagens

  59. Edson Lopes disse:

    Olá, gostei muito do artigo aprendi muito com ele, sou iniciante em css e html não conhecia esse detalhe sobre as tags, estou aprendendo muito com esses posts vou aplicar em meu blog

    Obrigado!!

  60. Paulo Freitas disse:

    Artigo muito útil, me ajudou, muito obrigado

  61. Bruna Lima disse:

    No meu blog deu problema apenas nos títulos das postagens, eles ficam diferentes na página da postagem, e eu gostaria de saber se eu posso ajustar apenas a tag nos título das postagens, ou eu preciso ajustar todas?
    É super urgente, e seria de grande ajuda se você me respondesse.

    Agradeço desde já!

  62. Max Guimaraes disse:

    Olá Adriano,
    Tenho acompanhado suas matérias por aqui, por sinal excelentes. Mas enfrento um problema SÉRIO com um dos meus blogs quando passo a ferramenta "Document Outline – MestreSEO".
    Preocupo-me pois pelo que vc já mencionou, problemas com tags "h2" vão fazer com que seu blog não seja encontrado na web.

    O resultado foi o seguinte:

    Análise da URL: http://(nome do meu blog).blogspot.com

    (título de minha postagem)

    Missing Heading (MISSING HEADING: ISTO ME PREOCUPA!)

    (subtítulo de minha postagem)

    Translate

    ———————

    Só por informação, meus blogs eu os faço com uma única postagem e a postagem tem uma única página, como se fosse um site de uma página só.
    Quem sabe com tal informação vc me dá uma dica específica…

    Obrigado!

    Abraço!
    M.

  63. Max Guimaraes disse:

    olá,
    Meu blog tem apenas 1 POSTAGEM e formatei-o para não surgir o termo PÁGINA INICIAL ("home"). A dúvida, no caso, é que você mencionou "fazer duas análises: uma da página inicial de seu blog e outra de uma postagem sua." (…)
    Como faço isso na ferramenta MestreSEO?
    Pergunto porque da maneira como formatei meu blog penso que a página inicial é ao mesmo tempo a página de postagem!?!
    Ou mesmo assim eu tenho como efetuar as duas pesquisas?

  64. Mathias Ribeiro disse:

    Primeiramente muito obrigado!

    Ao invés de eu trocar o meu h2 por div ou apagar eu coloque todos os h2 da templade por H6. Assim a formatação continuou a mesma.

    Quando eu coloco o endereço do meu blog no site Document Outline – MestreSEO, na área que era para mostrar h1 e h2 com o título da postagem e do blog parece Missing Heading, o que seria isso?

  65. Sucesso In Foco disse:

    Muito bom artigo. Bem explicado, fica fácil de fazer as alterações. Parabéns.

  66. Wybson Santana disse:

    Olá, segui os passos desse artigo para fazer as alterações no meu blog, porém a parte das tags do título das postagens é diferente . Tentei modificar duas vezes, uma deu erro e não foi possível salvar o template, na outra salvou porém o título das postagens continuaram h3 e quando a postagem era aberta, o título ficava sem personalização. Veja o trecho do código:

    h3 class='post-title entry-title' itemprop='name'
    b:if cond='data:post.link'
    a expr:href='data:post.link'
    data:post.title/
    /a
    b:elseif cond='data:post.url and data:blog.url != data:post.url'/
    a expr:href='data:post.url'
    data:post.title/
    /a
    b:else/
    data:post.title/
    /b:if
    /h3

    Retirei o sinal de < e > para poder publicar o comentário. Se puder me ajudar com as alterações corretas. Obrigado!

  67. Wybson Santana disse:

    Olá, mais cedo comentei que o código do meu html é diferente do seu exemplo, e que não estava dando certo para configurar o h1 e h2…porém, depois de um café básico, consegui mudar e está sussa, tanto as heading tags h1 e h2 quanto seus respectivos css. Agora é mão na massa para mudar todo o restante. Valeu por esse artigo show de bola, parabéns!

  68. Vem pro Parque disse:

    socorro! cadê o passo 4 do texto???? estava tudo dando super certo, mas falta alguma coisa aqui…… excelente artigo, mas está incompleto e as alterações estão falha, pro favor volte o passo 4?!

  69. Wybson Santana disse:

    Olá Adelson!

    Esse artigo me ajudou solucionar o que eu sabia que era um problema, porém não havia encontrado a maneira correta de solucioná-lo. Obrigado!

    Corrigi a estrutura das heading tags eliminando as h2 de datas e gadgets, e h4 dos comentários. Corrigi as css e ficou tudo OK.

    Modifiquei o código para corrigir o título das postagens. “palavras-chave – nome blog” que você mostrou no outro artigo e o principal, modifiquei as tags de títulos dos artigos como mostrou nesse post. Ficou tudo funcionando corretamente.

    Porém veio um probleminha. Uso imagem no cabeçalho e não achei como adicionar o atributo alt nessa imagem. Daí fiz o seguinte, removi o gadget cabeçalho e inseri a imagem em um javascript/html. Visualmente ficou tudo certo, no entanto o home deixou de ter uma tag h1. Para corrigir isso, adicionei novamente o cabeçalho, só q sem imagem, diminui a fonte para 10px, tanto do título quanto descrição, e apliquei um atributo css display: none; para todo o widget. Visualmente ficou tudo certo novamente, tag h1 correta, “nome blog – descrição blog”, porém isso foi uma gambiarra.

    Gostaria que me ajudasse a resolver esse problema da h1 quando não está usando o gadget cabeçalho, pois assim eu não terei que esconder o conteúdo do gadget, o que pode ser considerado até como black hat. Sei lá, vai que isso cause problemas.

    Se puder dar uma olhada, meu blog é o DiGa Tech.

    Mais uma vez, muito obrigado!

  70. Renata Fraia disse:

    Oi Adriano, tudo bem?

    Estou com uma dúvida: no trecho em que vc diz:

    “– A tag h3 também não oferece problemas iniciais.

    Ela só está atribuída aos títulos das postagens e podemos mantê-la por enquanto”,

    O que significa isso? Quando esse “por enquanto” deixa de ser necessário?
    Abraços,
    Renata

  71. Renata Fraia disse:

    Adriano, eu de novo rsrs

    Pra mim está meio confuso os trechos “procure por” e “substitua por”. Eles não aparecem abaixo e sim ao lado no seu artigo. Já li várias vezes mas não consigo “formar o par” procurar x substituir. Me dá uma luz (rs). É um template novo que baixei e estou fazendo todas as alterações. GRATA 😉

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.