Série Fazendo meu layout- corrigir heading tags - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Série Fazendo meu layout- corrigir heading tags

Publicado em 24/06/2019

Série Fazendo meu layout- corrigir heading tags
No tutorial prático passado, na Série Fazendo meu layout, nós finalizamos a parte visual da construção do layout.
E chegamos, finalmente, à parte que a gente não vê, mas que é muito importante para o bom desempenho de um tema para blog: a otimização e correção de alguns erros que o Blogger apresenta.
Vamos fazer hoje essa parte. E, como sempre, gravei a execução do tutorial para não restar dúvidas.
Aperta o play e vamos começar!


Corrigir as heading tags do tema:
Eu me baseei neste tutorial:


Ele deve ser seguido por todo mundo que tem um template padrão ou personalizado. Funciona que é uma beleza.

Mas como personalizamos profundamente a área dos posts no tema no qual estamos trabalhando nesta série precisei fazer alguns ajustes, tanto na forma quanto nos códigos originais para corrigir as heading tags.
Deixei o código já prontinho, e é ele que vamos usar ao invés dos códigos originais do meu tutorial Como corrigir as heading tags do Blogger.

Então, para fazer essa primeira parte da aula de hoje acesse a página com os códigos que vamos usar:


Copiar o código


A seguir vá até o painel administrativo do blog onde está trabalhando e clique em Editar HTML.
Aí é só seguir o passo a passo descrito na página com o código que pedi para abrir.
Siga certinho, como você me viu fazendo no vídeo e tudo dará certo.
Sim, é bastante coisa, mas vale a pena :)

O que fizemos:
Corrigimos o posicionamento das heading tags do Blogger.
Isso é importante para otimizar o tema.
Leia o tutorial Como corrigir as heading tags do Blogger pois ele tem a explicação bem didática da importância dessa correção.
Leia, colega, é rapidinho! Só assim você vai entender o que fizemos hoje!

Nota:
Quando reescrevi o código que coloca os posts em formato Lista já acrescentei a correção para os erros nos dados estruturados.
Não sabe do que estou falando?
Leia:


Então essa correção já está feita, o que simplifica nossa vida, né?

E terminamos essa parte.
Eu ia seguir e adentrar a parte das meta tags mas ia ficar extenso e complicar tudo, então separei em um outro post, ok?
Será nossa próxima aula.
Espero você!





7 comentários

  1. Bom dia, Elaine, a página de código está dando erro. Vc já está ciente? Grato.

    ResponderExcluir
  2. Oi Elaine tudo bem? Os temas prontos grátis que você disponibiliza para download eles já tem tudo isso? Ou é necessário fazer também?

    ResponderExcluir
    Respostas
    1. Uns sim, outros não.
      Na faq e no post de apresentação em geral eu especifico se os ajustes foram feitos.

      Excluir
  3. Boa tarde Elaine, tudo bem? Venho aplicando todo o tutorial no meu blog. Muito obrigada! Está ficando lindo, do jeitinho que eu sempre quis! <3
    Porém preciso de uma orientação: na parte visual estava tudo ok quando iniciei a correção das heading tags. Por algum motivo os ícones de compartilhamento das redes sociais (tanto da área dos posts quanto do perfil personalizado estão desconfigurados e inoperantes. Já refiz todos os passos, conferi e reconferi os códigos e não sei onde errei... Eu optei por alterar alguns itens posteriormente (como a personalização dos comentários, os slides e menu de navegação). Será que isso tem algo haver? Preciso da sua orientação, por favor!
    Muito obrigada por compartilhar seu conhecimento!
    Forte abraço!
    Marilia Fiedler

    ResponderExcluir
    Respostas
    1. Marília, muito provavelmente vc esqueceu de adicionar o script que gera a fonte especial, dos ícones.
      No seu blog de testes está lá, mas no oficial não está.
      Esse:
      < link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

      Olhe bem no começo do código fonte do blog de testes e vc verá.
      Coloque no blog real e os ícones vão aparecer.
      bjssss

      Excluir
    2. Obrigada Elaine!
      Você tem me ajudado de uma forma que você talvez nem imagine!
      Muito obrigada!
      Grande beijo! Fique com Deus!
      Marília Fiedler

      Excluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Deixe sua pergunta ou solicitação sempre nos comentários, eu infelizmente não tenho como responder pedidos de ajuda por email.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…