Aula 2: SEO On-Page

Nesta aula, vamos fazer uma análise de Search Engine Optimization do sitehttp://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.

Analisando o código-fonte

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”.

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.

Análise:
O site analisado está usando a principal palavra-chave na tag <title>?

Nesse caso, eles estão usando a palavra Java que é uma das principais. 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>.[/toggle]

Heading 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.

Análise:
O site analisado está utilizando heading 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 heading 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).

Análise:
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. 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.

Análise:
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 às suas principais palavras-chave no decorrer do texto, porém seja moderado e não as aplique em todas as palavras.

Análise:
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.

Análise:
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 Tags – Atributo Alt

Importantíssimo para os rankings de busca por imagens. Se a imagem possuir link, o texto presente no atributo <alt> atuará similarmente ao anchor text de um link em texto. Tente combinar suas palavras-chave com a descrição de cada imagem para compor o texto a ser colocado nestas tags.

Análise:
Estão utilizando tags de imagens contendo o atributo <alt> e colocando a palavra-chave “curso java” no texto dele?

Neste caso, estão usando novamente parte da palavra-chave “curso java”. O atributo <alt> possui o texto “Programação Java”. Com relação aos nomes das imagens, utilize nomes contendo nossas palavras-chave também. Por exemplo, poderíamos criar uma imagem e chamá-la de “inscricao-curso-java.jpg”.

Utilizando palavras-chave no texto

Sempre escreva conteúdo com qualidade para o visitante, não pense em somente rankear, isso é consequência. Porém, tente encaixar suas principais palavras-chave de formas variadas 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.

Análise:
A nossa última verificação é se estão utilizando a palavra-chave 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.

Conclusão da Análise

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 com o atributo <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.

Vamos à otimização!

Como Otimizar sua Página

Adicionando Título

A primeira coisa que devemos fazer é escolher um Título para nosso site. 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 heading tag <h1>

Vamos precisar adicionar uma heading tag <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.

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 para não parecer keyword stuffing, que é repetir muitas vezes as palavras-chave piorando a leitura, somente com o intuito de rankear,

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.

Negrito, itálico e sublinhado

Após ter construído o conteúdo do site, devemos seguir adiante 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 atributos <alt> corretamente

Por fim, selecione a imagem mais próxima do topo de seu site (geralmente, essa imagem é o seu header) e inclua um atributo <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.

Exemplificando, 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 o atributo <alt> contendo a frase “Inscrição Treinamento Java”, o código ficaria desta forma:

<img src="figura1-treinamento-java.jpg" border="0" alt="Inscrição Treinamento Java">

Na próxima aula iremos lhe ensinar a como fazer o Google indexar seu site em menos de 48 horas! Isso é muito importante para um retorno rápido para o seu negócio.