Técnicas de SEO Para Template - Melhore Sua Posição nos Buscadores

Porquê as técnicas de SEO ( Search Engine Optimization ) são tão importantes? Não é fácil entender, e nem mesmo os mais experientes blogueiros o dominam por completo, mas não tem como fugir pois esse é um assunto que TODOS os blogueiros que querem ver seu trabalho bem posicionado nos buscadores precisa conhecer. Para quem ainda não sabe existem muitas técnicas de SEO que podem ser desde um atributo em um link, palavras chaves em imagens, meta tags, links -internos e externos, entre outras.
Como dito no titulo aqui vou apresentar um modo de fazer SEO para seu template e ajudar a indexar seu Blog de forma mais abrangente nos buscadores.

Na plataforma blogger ou em qualquer outra a maioria dos blogs usam no cabeçalho uma imagem com o Titulo do blog e(ou) um Logotipo, o grande erro que acontece em muitos blogs é que usam as configurações de forma errada, não estou julgando como cada um deve usar seu blog, e sim querendo ajudar para que você ganhe uma experiencia melhor. O erro é que ao colocar uma imagem no cabeçalho do blogger configuramos da seguinte forma: adicionamos a imagem e marcamos a opção " Em vez de título e descrição " E isso está errado, e vou dizer o porque. Quando marcamos essa opção nós estamos deixando o nosso blog sem um Nome aos olhos dos buscadores, um blog sem título é como uma pessoa sem nome fica totalmente sem sentido e isso pode acabar prejudicando você ao longo do tempo. A forma mais corretas é adicionar a imagem e marcar a primeira opção " Por trás de titulo e descrição " assim você adiciona a sua imagem e ainda mantém o seu blog com uma indentidade aos olhos dos motores de busca e de quebra adiciona uma descrição do seu trabalho. Veja abaixo uma imagem da configuração.

É claro que com essa configuração vai aparecer o titulo, a descrição e a imagem tudo de uma vez em seu blog então vaomos arrumar essa bagunça de forma correta.

Para corrigir você terá que editar o Html do seu blog por isso salve uma copia do seu template.

   . Como salvar uma cópia do template do Blog

Após salvar uma cópia faça o seguinte, clique em editar html >> Prosseguir e procure por .header h1 ou #header h1 ele se encontra na Css do seu template. O código é mais ou menos assim, podendo variar de template pra template.

/* Header
----------------------------------------------- */
.header-outer {
  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
  background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
 }

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font: $(description.font);
  color: $(description.text.color);
  }

O que nos interessa no código são as partes em negrito, lembrando que seu código pode estar diferente mais não tem problema. Para esconder o titulo e a dscrição dos olhos dos leitores, mais não  dos buscadores vamos adicionar o código "display:none; "vai ficar da seguinte forma.

/* Header
----------------------------------------------- */
.header-outer {
  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
  background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
 display:none;
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font: $(description.font);
  color: $(description.text.color);
  display:none;
}

O código display: none; serve para ocultar os elementos. Assim a parte de SEO para seu cabeçalho já está pronta.

Técnicas de SEO para as imagens do template

As imagens que fazem a motagem do seu template também são muito importante para aplicar técnicas de SEO já mostrei no meu artigo Técnicas de SEO Para Imagens do Seus artigos como otimizarr suas imagens para SEO de forma automática nos artigos do Blogger, agora vamos ver como fazer essa otimização de forma manual.

Asua imagen pode está sendo usada no menu ou em um gadget na barra lateral ou em qualquer outro lugar do seu template mais ela tem que ser otimizada.

O código de uma imagem sem otimização para SEO será dessa forma:

<img border="0" src="Link da imagem" />

Já o código de uma imagem otimizada  ficaria assim:

<img border="0" src="Link da imagem" alt="Palavras chaves" title="Título da imagem" />

Onde alt: se refere as palavras chaves e title: ao titulo da imagem.

Vamos supor que você use um SlideShow assim como eu, e usa links direcionados para seus artigos, ai seu código seria assim:

Sem SEO.

<a href="Link para seu artigo"><img border="0" src="Link da imagem"  /></a>

Com SEO.

<a href="Link para seu artigo" title="Titulo do link" rel="nofollow"><img border="0" src="Link da imagem" alt="Palavras chaves" title="Título da imagem" /></a>

Veja que apareceu um atributo diferente dessa vez, rel='nofollow' esse é um atributo que você deve tomar muito cuidado ao usar, pois seu blog pode ser punido pelo google. Não que você não deva usar esse atributo, pelo contrário você deve usar só que de forma correta. Eu aconselho usar em links de Slides e Menus para que o Google não o veja como conteúdo duplicado na hora de seguir seus links.

Titulo do link: ali coloque o nome do seu artigos ou página que o leitor será direcionado ao clicar sobre ele.

Lembrando que os retornos em técnicas de SEO podem não ser imediato, e nem devem ser usados sozinhos, junto com as tecnicas de SEO tem que andar sempre um bom Conteúdo e de qualidade, blogs que abusam das técnicas de SEO apenas para ganharem posições nos buscadores e não publicam bons conteúdos podem e concerteza vão ser punidos pelo Google. Agora se você publica um bom conteúdo pode ficar tranquilo e usar sim as técnicas de SEO para deixa-los ainda melhor.

Não esqueça des Assinar gratuitamente nossa Newslatter para receber nossas atualizações, e claro de se juntar a nós nas Redes Sociais.

Até já !