Otimização Interna - Onpage SEO

Nesta aula, vamos fazer uma análise de Search Engine Optimization do site http://www.dm.ufscar.br/~waldeck/curso/java/ , o qual ocupa o 1º lugar no Google para um busca feita com as palavras-chave "curso java", como mostramos na aula anterior.

Primeiramente, temos que ver o código-fonte do site selecionando. Para isso, vá até o menu do seu navegador, clique no o item "Exibir" e depois em "Código-fonte", como é mostrado na figura 1. Também é possível clicar com o botão direito do mouse no site e escolher o item "Código-fonte".

Figura 1: Exibindo o código-fonte de um site

Isso irá abrir um arquivo texto no qual vamos dar uma olhada para saber se esse site está atualmente otimizado para os chamados "Fatores de Otimização Onpage" com relação à palavra-chave "curso java".

Ao analisarmos o código HTML do site em questão, temos que avaliar alguns itens:

• Título
  
  Talvez seja o fator de otimização interna mais importante. Caso você tenha tempo apenas para realizar uma única ação de SEO em seu site, gaste este tempo criando bons títulos para cada página dele.
  Cada página deve possuir um título diferente, contendo as principais palavras-chave, sendo que essas também devem aparecer no corpo da página.
  
  Com relação ao site analisado:
  
  Estão usando a principal palavra-chave na tag <title> do site?
  Nesse caso, eles estão usando uma das palavras no título: Java. Esta é uma das razões de estarem bem posicionados no ranking para "curso java". O título é "Tutorial de Programação Java" e o código HTML correspondente é: <title>Tutorial de Programação Java</title>.

• Header Tags
  
  Ótimo para organização do conteúdo da página. Insira suas principais palavras-chave no texto destas tags (<h1>...<h6>), porém cuidado com seu uso em excesso.
  
  Com relação ao site analisado:
  
  Estão sendo usadas header tags do tipo <h1>...<h6> e a palavra-chave "curso java" está contida nessas tags?
  Nesse caso, a palavra-chave não está presente, pois o site não está nem usando header tags. Boa notícia para nós!

• Meta Keywords
  
  Nesta tag, liste as principais palavras-chave de cada página, separando-as por vírgula. Não coloque palavras-chave que não estejam também presentes no texto da página e também não as repita mais de uma vez dentro da tag (não faça spam).
  Estão utilizando "curso java" na meta tag keywords?
  
  Neste caso, as duas palavras, "curso" e "java", estão presentes na meta tag keywords. Bom para ele!

• Meta Description
  
  Escreva uma ou duas frases que descrevam bem a página. Mais uma vez, para cada página, utilize uma descrição única. Muitas vezes esse texto é o que descreve a sua página nos resultados de alguma busca, ou seja, utilize-a para conseguir conquistar o clique do usuário.
  
  Estão utilizando "curso java" na meta tag description?
  
  Este exemplo não faz uso dessa meta tag. Mais um ponto negativo.

• Palavras-chave em negrito, itálico ou sublinhadas
  
  Utilize-se desse recurso para dar ênfase as suas principais palavras-chave no decorrer do texto, porém seja moderado e não aplique esta técnica a todas as ocorrências das palavras.
  
  Estão utilizando "curso" e/ou "java" em negrito, itálico ou sublinhado em algum lugar no corpo da página?
  
  Outra boa notícia: nenhum dos casos acima acontece no site em questão.

• URL
  
  Utilize URLs diferentes para cada página e introduza a principal palavra-chave da página em sua respectiva URL. Tente utilizar o menor número de caracteres possíveis, bem como a quantidade de separadores "/". Se a palavra-chave for composta por mais de uma palavra, como Curso Java, separe-as com traço "-" (ex: curso-java). Utilize suas principais palavras-chave também para nomear pastas e arquivos no servidor.
  
  As palavras-chave estão presentes na URL do site?
  
  Neste caso, tanto a palavra "curso" como "java" estão presentes na URL da página. Porém, seria melhor se fosse http://www.dm.ufscar.br/curso-java

• Image Alt Tags
  
  Importantíssimo para buscas por imagens. Se a imagem possuir link, o anchor text, neste caso, será o texto presente na tag <alt>. Tente combinar suas palavras-chave com a descrição de cada imagem para compor o texto a ser colocado nestas tags.
  
  Estão utilizando tags de imagens do tipo <alt> e colocando a palavra-chave "curso java" dentro delas?
  
  Neste caso, estão usando novamente parte da palavra-chave "curso java". A tag <alt> possui o texto "Programação Java". Com relação aos nomes das imagens, utilize nomes contendo nossa principal palavra-chave. Por exemplo, poderíamos inserir uma imagem e chamá-la de "figura1-curso-java.jpg".

• Densidade e Posicionamento das palavras-chave
  
  Sempre escreva conteúdo para o visitante. Porém, tente encaixar suas principais palavras-chave ao longo do texto, mantendo-o coerente e de agradável leitura. Além disso, tente posicionar suas palavras-chave logo no início do site, bem como perto do fim. Faça uso de plurais e de termos relacionados às suas palavras-chave.
  
  Com relação ao site:
  
  A nossa última verificação é se estão utilizando a palavra-chave bem no começo do site assim como perto do fim e se há um número razoável de ocorrências das palavras "curso" e "java" no decorrer do texto da página.
  Nesse caso, há 5 ocorrências da palavra "java" no texto sendo que uma aparece logo no começo e outra está perto da porção inferior direita da página. Já a palavra "curso" é citada apenas uma vez. Neste quesito, eles poderiam estar melhor.

Agora que já fizemos uma análise dos fatores de otimização interna do site que está em 1º lugar, podemos ver que não será uma tarefa difícil ultrapassá-lo no ranking dos resultados para uma busca feita para "curso java". A razão pela qual podemos superá-lo se dá pelos seguintes itens negativos que encontramos ao analisarmos o site:

• O site não está usando a palavra-chave "curso java" em tags de cabeçalho <h1> ou <h2>;
• O site não utiliza image tags do tipo <alt> contendo "curso java";
• Não há uso da meta tag description;
• O site possui um Page Rank 2, o qual pode ser rapidamente batido. Podemos atingir facilmente um Page Rank 2 ou maior. Nas próximas aulas, estaremos explicando como;
• O site é rankeado para uma subpágina. Otimizando nossa página principal para a palavra-chave em questão, levaremos vantagem;
• O título do site somente possui a palavra "java". A utilização de "curso java" faria uma enorme diferença para nós;
• A palavra "curso" ocorre só uma vez em todo o site e, assim como a palavra "java", em nenhum momento aparece sublinhada, em negrito ou em itálico;
• A palavra "java" é citada poucas vezes na página, ou seja, o site apresenta uma baixa densidade desta palavra com relação ao total de palavras presentes no texto.

Ok, então tínhamos selecionado 2 palavras-chave:

• Curso Java
• Treinamento Java

Perceba que todas as palavras-chave contêm "Java". Isso tornará nosso trabalho um pouco mais fácil quando começarmos a otimizacação offpage, a qual estaremos abordando mais a frente.

A primeira coisa que devemos fazer é escolher um Título para nosso site.


Adicionando Título

O título da página deve incluir APENAS nossas principais palavras-chave. Quanto menor for o número de palavras no tag title, maior será o peso que o Google atribuirá a cada uma delas. A única exceção é com relação a Home de um site, a qual deve apresentar o nome da empresa também no título.

Ao criar um título para seu site, ele não deve se parecer com:

• Seja bem-vindo ao nosso site!
• Código HTML usado para criar esse título: <title> Seja bem-vindo ao nosso site!</title>

Ele também não deve parecer com o exemplo seguinte, o qual contém nossas palavras-chave, porém apresenta um número desnecessário de palavras.

• Curso de Java e Treinamento em Java
• Código HTML usado para criar esse título: <title> Curso de Java e Treinamento em Java </title>

Mesmo esse título não sendo tão horrível e contendo todas as nossas palavras-chave, devemos fazer algumas coisas para reduzir a quantidade de palavras usadas.

Esse poderia ser um título perfeito para nossa página:

• Curso Java | Treinamento Java
• Código HTML usado para cirar esse título: <title> Curso Java | Treinamento Java </title>

Veja o que fizemos:

• Retiramos termos conectores como "e" e "em";
• Substituímos cada "e" pelo caracter "|".

Sempre combine suas palavras-chave no título de suas páginas!

Quando o Google olhar para nosso título, ele verá todas as nossas palavras-chave. Combinar palavras-chave para reduzir a quantidade total de palavras no título é uma boa maneira de aumentar o peso de cada uma delas e, dessa forma, ajuda a melhorar o ranking de nosso site.


Adicionando tags de cabeçalho <h1>

Vamos precisar adicionar uma tag de cabeçalho <h1> e colocar nela nossa principal palavra-chave.

Esta tag deve ficar o mais próximo possível do topo da página. Quando o Google lê uma página web, ele começa a varredura pelo lado superior esquerdo e termina no canto inferior direito.

Nota: Segue uma ferramenta que permite que você veja como os robôs de busca lêem seu site: http://www.webmaster-toolkit.com/search-engine-simulator.shtml.

Dessa forma, é melhor posicionar sua tag de cabeçalho <h1> no canto superior esquerdo ou na parte superior central. Podemos pensar na tag <h1> como sendo um título para qualquer conteúdo presente no site.

Por exemplo, a tag <h1> para esta aula poderia ser:

"Curso SEO"

E o código HTML correspondente seria: <h1> Curso SEO </h1>


Adicionando tags de cabeçalho <h2>

Agora, vamos à criação da tag de cabeçalho <h2>. Esta tag pode ser considerada como um subtítulo de nossa página. Você deve colocar sua segunda mais importante palavra-chave nesta tag. A tag <h2> deve ficar localizada na metade superior de sua página.

Uma tag <h2> apropriada para essa aula seria:
<h2> Otimização Interna | Onpage SEO </h2>

Feito isso, devemos agora criar o conteúdo de nossa página. Ao escrever o conteúdo, tente espalhar suas principais palavras-chave ao longo do site. Porém, não exagere de forma alguma.

Tente mencionar cada palavra-chave de uma maneira natural conforme vai escrevendo o texto. Mas fique atento a incluir pelo menos uma palavra-chave a cada 1 ou 2 parágrafos, dependendo da largura de sua página.

Dica: Tenha certeza de ter mencionado sua principal palavra-chave na parte superior esquerda assim como na porção inferior direita do seu site. Um truque que geralmente usamos é incluí-la na linha de informação de copyright, no final da página. Para nosso exemplo, um bom rodapé seria:

© 2008 copyright www.dominio.com.br - O melhor em Treinamento Java

Desta forma, a palavra-chave se encaixou sem problemas.


Negrito, itálico e sublinhado...

Após ter construído o conteúdo do site, devemos seguir a diante e colocar em negrito, itálico ou sublinhado algumas palavras-chave, uma vez cada uma, no máximo. Somente faça uma vez para cada palavra-chave ou isso poderá acabar prejudicando mais do que ajudando. Este procedimento não é crucial, mas é bom fazê-lo para algumas de suas palavras-chave.


Incluindo tags de imagem <alt> corretamente...

Por fim, selecione a imagem mais próxima do topo de seu site (geralmente, essa imagem é o seu header) e inclua uma tag de imagem <alt> utilizando o texto "curso java header". Escolha mais duas imagens presentes na página e coloque sua outra palavra-chave, adicionando palavras extras como "grafico" ou "imagem". Por exemplo, poderíamos usar "gráfico treinamento java" ou "imagem treinamento java". Desta forma, o Google não enxergará isso como spam.

Por exemplo, se tivermos uma imagem em nosso site chamada "figura1-treinamento-java.jpg", o código HTML usado para inserir esta imagem seria assim:

<img src="figura1-treinamento-java.jpg" border="0">

Agora, se fôssemos colocar uma imagem com a tag <alt> contendo a frase "Imagem Treinamento Java", o código ficaria desta forma:

<img src="figura1-treinamento-java.jpg" border="0" alt="Imagem Treinamento Java">

Na próxima aula iremos lhe ensinar a indexar seu site em menos de 48 horas! Não deixe de conferir...