Curso de SEO - Otimização de Sites para Buscadores - Senac SP

CURSO LIVRE SENAC

SEO Otimização de Sites para Buscadores

2012 Gustavo Macedo

AULA 01 Mercado e Mecanismos de Busca

AULA 02 Rastreamento – parte 1

AULA 03 Rastreamento – parte 2

AULA 04 Conteúdo – Plano de Palavras

AULA 05 Conteúdo – Otimização

AULA 06 Arquitetura da Informação

AULA 07 Popularidade

AULA 08 Métricas e Relatórios

Agenda do curso

Cenário de SEO - Onde trampar?

SIOU?

CÉU?

ÉSSIOU?

Digital Performance on a Global Scale.

SEO (Search Engine Optimization) tem o intuito de tornar um site visível nos resultados de busca orgânica

MERCADO DE BUSCA

6

Copyright © 2011, iProspect, Inc. All rights reserved.

As pessoas sempre realizaram buscas de forma “offline”

Para os novos consumidores, a busca na Internet é uma prateleira digital

Para isto, podem utilizar diversos canais

Mais de 1 BILHÃO de buscas por dia

http://data-arts.appspot.com/globe-search






Fonte: Forrester Research Inc., “UK Internet User Monitor”; PSCIS 2008

80% das pesquisas são informativas e 20% geram transações

81% dos usuários da Internet acessam sites através de um mecanismo de busca

Os buscadores são a ENTRADA para as presenças digitais das marcas dos nossos clientes

36% acreditam que as melhores marcas são as do topo da página e são menos propensos a comprar de uma marca que não aparece nos resultados da pesquisa

Ou seja: hoje as marcas têm reputação nos buscadores. É preciso estar presente no resultado das buscas para ter credibilidade

Fonte: iProspect Search Engine User Behavior Study (Abril 2006)

Poder da busca na intenção de compra

VÍDEOS

Não basta aparecer nos resultados de pesquisa ou no topo da página... É preciso dominá-la!

PLACES

SITE LINKS

FOTOS

RECEITAS

FILMES

RELACIONADAS

RESULTADO CONVENCIONAL

STREAMING

NOTÍCIAS

Presença da marca nos ativos relevantes

Dominação das Páginas Sua marca deve estar onde seu público está.

Paga-se pelo tráfego gerado (PPC)

Resultado curto prazo

Compra de posição

Garantira de visibilidade

Lead rápido

Não se paga pelo tráfego

Resultados no médio e longo prazo

Não garante posicionamento

Não pode comprar posicionamento

Lead mais qualificado

Busca Paga

Busca Orgânica

Como trabalhar no cenário de busca?

A maioria dos usuários clica nos resultados de busca orgânicos, sendo que 74% clicam sempre

Enquiro Research, 2008 – Percentage click on organic results and sponsored

http://www.enquiroresearch.com/

E como a Busca se conecta ao cenário atual de mídia?

40% dos usuários que buscam online e foram influenciados por canais offline realizam a compra

Ou seja: através da busca você pode ampliar a cobertura das suas campanhas on-line e/ou off-line

37%,

Dentre estes, TV, com

e “boca a boca”, com 36%,

são os canais que mais levam usuários aos buscadores

Fonte: iProspect Offline Channel Influence on Online Search Behavior Study (Agosto 2007)

Números midia online + offline

Novo PARADIGMA de mídia

Isobar Brasil – “Aproximando pessoas e marcas... like never before. ” http://www.youtube.com/watch?v=mv4I7FwQ83g

http://www.youtube.com/watch?v=mv4I7FwQ83g

http://www.youtube.com/watch?v=mv4I7FwQ83g

Novo PARADIGMA de mídia

Mecanismos de Busca

Fonte: http://netmarketshare.com/search-engine-market-share.aspx?qprid=4&qpcustomd=0 e http://marketshare.hitslink.com/search-engine-market-share.aspx?qprid=4&qpaf=-000%09101%09BR%0D

Principais players do mercado de busca (Junho/2012)

83%

7%

5%

4%

1%

MERCADO INTERNACIONAL

94%

4%

2%

MERCADO NACIONAL

http://netmarketshare.com/search-engine-market-share.aspx?qprid=4&qpcustomd=0








http://marketshare.hitslink.com/search-engine-market-share.aspx?qprid=4&qpaf=-000101BR










83% buscas

74% e-mail

33% chat

40% mensagem instantânea

25% Internet banking

31% rádios on-line

Fonte: Nielsen//NetRatings, comScore, IDG Now!, IAB Brasil,2010

Busca é a atividade líder entre os brasileiros quando estão on-line

74% das pessoas consideram os mecanismos de busca influentes na compra de produtos

Fonte: Enquiro Search Solutions, Inc., July 2007.

0%

10%

20%

30%

40%

50%

60%

70%

Control Side Sponsored

Top Sponsored

Top Sponsored & Organic

Organic Listing

16% dos usuários estão menos propensos a comprar a marca que não está na página de resultados de busca

Honda

Other

E para 16%, não estar presente nas buscas é um fator desmotivante para a compra

Gera impulso para termos na busca

ajudando na

relevancia do site

Torna o site mais navegável, melhorando

o indice de qualidade do site

SEO Links Patrocinados

Efeito push and pull: integração SEO com LP

Estratégia completa nos resultados de busca pode alavancar em até 16% a lembrança de marca

Como o usuário se comporta na busca

Triângulo dourado antes da busca universal

Fonte: Search engine Land: 21/09/2007: http://searchengineland.com/eye-tracking-on-universal-and-personalized-search-12233

Como ficou com a busca universal


Direção do olhar com a busca universal


Diferença da busca personalizada e não personalizada


Pesquisa Eye tracking na busca universal

http://www.youtube.com/watch?v=w29DrEEsqT4&feature=player_embedded

http://googleblog.blogspot.com/2009/02/eye-tracking-studies-more-than-meets.html

http://www.youtube.com/watch?v=w29DrEEsqT4&feature=player_embedded












As palavras-chave no momento da busca

E o que as pessoas buscam?

A forma como as pessoas buscam está diretamente ligada ao que se procura

Pessoas que sabem o querem buscar

Pessoas que buscam por produtos/serviços

Pessoas que buscam por informação

“iphone 4 dual core” “comprar smartphone” “celulares modernos”

“ford ranger cabine dupla” “pickups com cabine dupla” “carros utilitários”

“credicard aadvantage” “cartão aculular milhas” “cartões de crédito”

Google Instant

Buscas únicas são cada vez mais frequentes

Consulta no Google já consiste em 4 ou mais palavras

25% das consultas do usuário do Google são únicos , ou seja, sem que

nenhum outro usuário tenha utilizado o mesmo termo de consulta.

Fonte: 01/02/2008 http://www.beussery.com/blog/index.php/2008/02/google-average-number-of-words-per-query-have-increased/

Palavras Long Tail

Teoria Long Tail de Chris Anderson

http://www.youtube.com/watch?v=Abf8ySWVJuA

The Long Tail: For Marketeers

http://www.youtube.com/watch?v=Abf8ySWVJuA

Long Tail e SEO

Com a teoria Long Tail o trabalho de SEO deve ser focado em palavras com mais de um ou dois termos, que no conjunto geram um número importante de visitas

Volume de busca

Vis

itas

/co

nve

rsõ

es

+

-

Conclusões sobre o comportamento na busca

80% das buscas não passam da primeira página

A direção do olhar na busca é da esquerda para direita, dando ênfase no titulo e na URL

As palavras-chave são cada vez mais longas

A página de entrada na busca deve ter a resposta rápida para o que foi buscado

MECANISMOS DE BUSCA

Como funciona o buscador http://www.insideyoursearch.com/

http://www.insideyoursearch.com/

Como eles encontram os sites?

O que eles vêm no site?

Como eles relacionam o conteúdo do site?

Olá, eu sou o Crawler!

Para entender melhor o funcionamento, vamos ver o passo a passo do robô dos buscadores (crawlers)

Geram resultados de busca

Indexam a página no banco de dados

Navegam pela web de link em link

Encontram a página e lêem o conteúdo

Relacionam o conteúdo às palavras-chave

Aplicam o sistema de algoritmo para dar notas às páginas

Robôs em ação

Mecanismos de Busca “soltam” seus robôs à procura de conteúdo para apresentar aos usuários

Os robôs também usam os links entre páginas para navegar e relacionar o conteúdo

Para chegar ao site da FIAT, o robô pode fazer o seguinte caminho:

Navegando pela web, o spider chega ao site do UOL

Através de um link, ele chega à página do WebMotors

Um link na página de CyberCook o leva até a página da FIAT

Os robôs enxergam o código da página....

... e nem tudo que é visto por nós é visto por eles

LOGO MENU

FLASH

MENU

IMAGENS

IMAGENS

Os robôs não conseguem ler conteúdo em imagem

Conteúdo que não consegue ser visualizado pelo robô do buscador

Como o robô vai navegar pela páginas do site? Ignorando as informações que não consegue ver

O robô leva frações de segundos para navegar e ler o conteúdo da página

Links em imagem

Menu e links em imagem Menu e links em imagem

Só vejo imagens

e não consigo

entendê-las

Links em imagem

Não consigo

navegar!

Menu e links em imagem

O menu do site está

inacessível...

O conteúdo e os links

também estão

inacessíveis

3 frentes de trabalho na otimização

Popularidade (credibilidade)

Otimização de links internos e

externos

Eliminação de barreiras que

impedem a navegação dos robôs

Rastreamento (tecnologia)

Otimização do conteúdo do site

(texto, títulos, imagens)

Conteúdo

Análise dos resultados do projeto

SEO busca maximizar a visibilidade nos buscadores, mas o consumidor final do site são os usuários, e não os motores de busca.

A boa experiência do usuário no site é fundamental para que ela se

torne uma conversão (cadastro, venda, etc.)

Após o clique no resultado na busca, o usuário deve

encontrar de forma fácil e rápida o que procura.

Pensar em estratégias apenas para a busca orgânica pode não trazer

os resultados desejados.

USUÁRIO DO SITE ROBÔ DO BUSCADOR

É importante saber que...

Resultados de SEO geram visibilidade, branding e tráfego qualificado a médio e longo prazo

Visibilidade Posicionamento Branding Tráfego

qualificado

Planejando a busca

Com o quê iremos trabalhar

Entendimento das necessidades e os objetivos do cliente

Estudo do mercado que o cliente está inserido

Análise das campanhas online e offline do cliente

O que precisamos saber

• Quais são seus concorrentes principais? Quais os pontos fortes e fracos em relação a concorrência. • Qual é seu público alvo? • Qual o objetivo da comunicação do seu site? • Qual é a métrica de sucesso para seu site? ( o que é considerado conversão) qual é seu objetivo com projeto de SEO? • Qual site será trabalhado? Existem outros domínios para este site? • Qual é a freqüência de atualização do site? • Possui hotsites de produtos, campanhas, etc? Se sim, cite exemplos? • Envia press releases para o meio digital? Se sim, quantos por mês são enviados? • Qual ferramenta de mensuração de resultados do site • Já fez ou faz alguma campanha de Links Patrocinados? Já teve experiência com outra agencia de SEO

Efeito gradativo do projeto

Posicionamento de palavras na SERP

Número de palavras vindas dos resultados orgânicos

Número de conversões vindas dos resultados orgânicos

Inbound links

Número de páginas indexadas

Tráfego vindo de buscadores orgânicos

Métricas iniciais do projeto sem

premissa

Métricas de tráfego, dependem do

tagueamento do site

Preciso definir o que será a conversão e

taguear o site

Inbound links será trabalhado e avaliado a medida que o site for

crescendo

Mat

uri

dad

e d

o s

ite

RASTREAMENTO

Navegação do robô pela página

O QUE O USUÁRIO ENXERGA O QUE O ROBÔ ENXERGA

Como o buscador enxerga a página

O que é barreira tecnológica?

É tudo que pode atrapalhar a navegação dos robôs pela páginas

Link preso em imagem

Uso de frames

Conteúdo restrito Conteúdo em imagem

Redirecionamentos

Conteúdo duplicado

AJAX

Uso de Script e Estilos

Uso de Flash

O que pode ser uma barreira tecnológica?

Ferramenta Webmaster dos buscadores

https://www.google.com/webmasters/tools/

https://www.bing.com/toolbox/webmasters/

https://addons.mozilla.org/firefox/addon/6

https://addons.mozilla.org/en-US/firefox/addon/3829

https://addons.mozilla.org/en-US/firefox/addon/1843/

https://addons.mozilla.org/en-US/firefox/addon/321/

Plug in FireFox

Web Developer Tool

HTTP Header

Fire Bug

Search Status

Ferramentas ajudam na identificação das barreiras

Como o usuário vê o site Como o robô vê o site

Conteúdo em Flash

Note que o texto está preso dentro da animação flash, desta forma o robô não consegue acessá-lo e contextualizá-lo. Neste caso, faremos uso de HTML alternativo, que deve ser inserido logo após o código do objeto flash:

<noscript>

<p>Making OF – Episódio 14</p>

<P>O Fiat Mio já está pronto e foi um sucesso no Salão do

Automóvel.

<a href=”http://www.fiatmio.cc/lancamento/”>Veja como foi o lançamento – Assista

agora</a>

</noscript>

Objeto SWF inserido no

código HTML

A tag noscript mostra ao buscador (ou a um usuário sem script habilitado) a versão em texto do que não poderá ser exibido, neste caso o flash.

Conteúdo em Flash – O que fazer?


Conteúdo e links dentro de imagem

Conteúdo e links dentro de imagem – O que fazer?

<img src=”banner_torrada.png" alt="Mensagem na Torrada! Surpreenda seus amigos com

uma mensagem diferente">

<img src=”banner_torrada.png" alt="A Marca Qualy – Conheça a história preferida dos

brasileiros">

<img src=”banner_torrada.png" alt="Blog da Ana – Histórias curiosidades, fofocas e

muito mais">

Note que o texto está preso nas imagens, desta forma o robô não consegue contextualizá-la. Neste caso, faremos uso do atributo ALT:


Uso de JavaScript

Uso de JavaScript - O que fazer?

Os robôs só seguem hyperlinks que tiverem valor especificado no atributo HREF, qualquer outra forma é inacessível.

EXEMPLO 1: Inline JavaScript Pseudo-Protocol

<a href=”javascript:window.open(‘ajuda.html’)”>ajuda</a>

Em um navegador com JavaScript habilitado, o exemplo acima reproduz um link para abertura de uma nova página (ajuda.html). Infelizmente, para o robô o link não é interpretado e não será seguido.

<a href=”#” onclick=”window.open(‘help.html’); return

false;”>ajuda</a>

EXEMPLO 2: Inline JavaScript que simula um link

Novamente, o navegador com JavaScript habilitado consegue interpretar o link dentro do evento onClick e executa-o, já os robôs não.

<a href=”help.html” onclick=”window.open(this.getAttribute(‘href’)); return false;”>ajuda</a>

EXEMPLO 3: JavaScript Inline que manipula o DOM (Document Object Model)

O exemplo acima consegue ser interpretado tanto pelos usuários quanto pelos robôs, pois mesmo com o JavaScript desabilitado, o link continua acessível dentro do atributo HREF.

Uso de JavaScript - O que fazer?

Janelas pop-up representam barreiras tecnológicas para os robôs por serem apenas acessadas via JavaScript. No entanto, há como deixá-las acessíveis:

FORMA INCORRETA

<a href="#"

onClick="window.open('http://www.google.com','Popup','width=480,heig

ht=480'); return false;">Abrir popup</a>

Para abrir uma janela pop-up, precisamos manipular o evento de clique (onClick), referenciando a ele uma URL de destino, no entanto, os robôs só seguem hyperlinks através do atributo href.

FORMA CORRETA

<script type="text/javascript" language="javascript">

function AbrirPopup (c) {

window.open(c,'Popup','width=480,height=480');

}

</script>

<a href="http://www.google.com" onClick="AbrirPopup(this.href); return false">Abrir popup</a>

Note que no modelo CORRETO, continuamos utilizando o atributo onClick, porém ele apenas recebe o valor do atributo href, ou seja, usuários com JavaScript habilitado continuam acessando a URL através do onClick e os usuários sem JavaScript e robôs acessam a URL através do href.

Uso de Script e Folhas de Estilo

Janelas pop-up representam barreiras tecnológicas para os robôs por serem apenas acessadas via JavaScript. No entanto, há como deixá-las acessíveis:

SCR

IPT

ESTI

LO

Uso de Script e Folhas de Estilo – O que fazer?

Mover o máximo possível do código javascript para dentro de arquivos .js e das folhas de estilo para arquivos .css

<link

rel="stylesheet"

href="arquivo.css"

type="text/css" />

<script

type="text/Javascr

ipt"

src="arquivo.js"><

/script>


Uso de Frames

Uso de Frames – O que fazer?

Utilize CSS: Para inserir conteúdo dentro de uma área com rolagem Se o site utiliza caixas com rolagem para textos longos, a propriedade OVERFLOW do CSS pode ajudar. <style>

.caixa-texto { width:50px; height:50px; overflow:auto; }

</style>

<div class=”caixa-texto”>(Aqui vai o texto)</div>

Utilize programação: Para inserir conteúdo de HTMLs na página Se o site está fragmentado em arquivos HTML, por exemplo o topo do site está em um arquivo à parte, podemos utilizar linguagens de programação como PHP, ASP ou JSP para inseri-lo na página-pai.

<? include 'topo.php'; ?> PHP

 ASP

<jsp:include page="topo.jsp" /> JSP

Página de Erro (Erro 404)

Página de Erro (Erro 404) – O que fazer?

OFEREÇA OPÇÕES AO USUÁRIO:

O que mostrar para quem que abriu uma página de Erro 404?

1) Uma mensagem explicativa para os leigos:

2) Link para a página inicial:

3) Caixa de busca interna:

4) Estrutura de links:

5) Mantenha a identidade visual:

6) Estreite o Relacionamento:

7) Forneça pontos de contato:

ErrorDocument 404 /404.html

Criar uma página de Erro 404 personalizada no Apache: Insira a seguinte linha no arquivo .htaccess do servidor:

Conteúdo duplicado

Conteúdo duplicado - O que fazer?

Problema Canonical Os mecanismos de buscas procuram por conteúdos que sejam originais e únicos na web e não dão muita relevância para conteúdos duplicados.

ELEITA COMO PÁGINA PRINCIPAL

<head>

<link rel="canonical"

href=" http://www.submarino.com

.br/produto/9/9999999/"

/>

</head>

Conteúdo duplicado - O que fazer?

Redundância de URLs Muitas pessoas consideram as URLs abaixo como iguais, sendo que elas podem direcionar o usuário para o mesmo conteúdo:

http://www.dominio.com.br

http://www.dominio.com.br/

http://dominio.com.br/

http://www.dominio.com.br/index.html

http://dominio.com.br/ index.html

http://produtos.dominio.com.br/

http://dominio.com.br/produtos

Para resolver este problema, precisamos fazer um Redirecionamento 301.

ou

Redirecionando as páginas

79

Quando fazer

Mudou o site para novo domínio

URLs diferentes para o mesmo site. Ex: http://example.com/home, http://home.example.com ou http://www.example.com

Unindo dois sites e quer certificar-se de que os links de URLs desatualizados sejam redirecionados para as páginas corretas

Como fazer redirect 301

80

Servidor IIS Servidor Apache

Entre no caminho: Start > Programs > Administrative Tools > Internet Services Manager Escolha o site que deseja fazer o redirect. Clique com o botão direito do mouse no site que deseja fazer o redirect e escolha a opção: Properties > Home Directory

Acessar o arquivo .htaccess em seu servidor

As ferramentas Google Page Speed e Yahoo YSlow varrem o site analisando e listando barreiras tecnológicas que podem comprometer a performance do site

IMAGENS

OTIMIZADAS

EVITE USAR REDIRECTS

EXCESSO DE JAVASCRIPT

Avaliação da Performance do site, visando otimizações tecnológicas para os buscadores

Deixar o conteúdo e links disponível no HTML sempre que possível

Deixar URL únicas para cada página. Evitar URLs dinâmicas. Criar Sitemap.xml

Fazer conteúdo e menus alternativos , caso as barreiras não possam ser removidas

Fazer o redirecionamento 301 sempre que mudar de páginas de endereço e utilizar canonical tag para as páginas duplicadas

Como solucionar os problemas

BLACK HAT

Usar domínios diferentes para o mesmo conteúdo é

Duplicação de conteúdo

Usar redirecionamento ou páginas espelhos é Cloaking

Esconder conteúdo atrás de imagens, CSS, ou Flash é na

maioria dos casos ilegal

Cuidado com o BLACK HAT

85

Como acelerar a indexação nos buscadores

Banco de

Dados Banco de

Dados

Banco de

Dados

Buscadores

Acelerar indexação das páginas

Sitemap

Montando o sitemap para texto

86

<?xml version="1.0" encoding="UTF-8"?>

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">

<url>

<loc>http://www.exemplo.com.br/</loc>

<lastmod>2012-01-01</lastmod>

<changefreq>monthly</changefreq>

</url>

<url>

<loc>http://www.exemplo.com.br/teste1.html</loc>

<changefreq>monthly</changefreq>

</url>

</urlset>

Montando o sitemap para texto

Montando o sitemap para imagem

88

Montando o sitemap para vídeos

89

Como fica o código

Após a criação deve-se colocar o arquivo na raiz do site e submeter o site maps na ferramenta webmaster

Ferramenta para criação do sitemaps: www.xml-sitemaps.com

Sitemap de Notícias

91

http://www.google.com/support/news_pub/bin/answer.py?answer=74288&hl=pt-BR

Tags especificas para cada tipo de informação: ajudando o buscador a entender o conteúdo

92

Texto Video

93

Resenhas Simples

L’Amourita Pizza. Resenha feita por Ulysses Grant em 6 de janeiro.

Pizza deliciosa e saborosa em Eastlake! L'Amourita

serve pizzas napolitanas tradicionais, assadas em

forno a lenha e levadas até a sua mesa rapidamente e

sem confusão. A pizzaria de bairro ideal.

Avaliação: 4,5

Uso de Rich Snippets para marcar diferentes tipos de texto


94

<div class="hreview">

<span class="item“>

<span class="fn">L’Amourita Pizza</span>

<img src="pizza.jpg" class="photo" />

</span>

Resenha feita por <span class="reviewer">Ulysses Grant</span> em

<span class="dtreviewed"> 6 de janeiro

<span class="value-title" title="2009-01-06"></span>

</span>.

<span class="summary">Pizza deliciosa e saborosa em Eastlake!</span>

<span class="description">O L'Amourita serve pizzas tradicionais no estilo napolitano, assadas em

forno a lenha e levadas até a sua mesa rapidamente e sem confusão. A pizzaria de bairro ideal.</span>

Avaliação: <span class="rating">4,5</span>

</div>

<div>L’Amourita Pizza. <img src="pizza.jpg“ /> Resenha feita por Ulysses Grant em 6 de janeiro. Pizza deliciosa

e saborosa em Eastlake! L'Amourita serve pizzas napolitanas tradicionais, assadas em forno a lenha e levadas até

a sua mesa rapidamente e sem confusão. A pizzaria de bairro ideal. Avaliação: 4,5</div>

Resenhas Simples


95

Receitas

PROPRIEDADE DESCRIÇÃO

name (fn) Obrigatório. O nome do prato.

recipeType (tag) O tipo do prato. Ex: aperitivo, prato principal, sobremesa...

photo Foto do .

published A data que a receita foi publicada, em formato ISO.

summary Um breve resumo descrevendo o prato.

review A avaliação do prato.

prepTime O tempo de preparo do prato, no formato ISO 8601. Pode-se usar min, max como elementos para especificar um intervalo de tempo.

cookTime O tempo que leva para cozinhar o prato, no formato ISO 8601. Pode-se usar min, max como elementos para especificar um intervalo de tempo.

totalTime (duration) O tempo total necessário para preparar e cozinhar o prato, no formato ISO 8601. Pode usar min, max como elementos para especificar um intervalo de tempo.

nutrition

Informações nutricionais sobre a receita. Pode conter os seguintes elementos filhos: servingSize, calories, fat, saturatedFat, unsaturatedFat, carbohydrates, sugar, fiber, protein, cholesterol. Esses elementos não são explicitamente parte do microformat hRecipe, mas o Google irá reconhecê-los.

instructions As etapas para fazer o prato.

yield A quantidade produzida pela receita (Ex: número de pessoas servidas, número de porções, etc.)

ingredient Um ingrediente usado na receita. Pode conter nome do ingrediente e quantidade. Use-o para identificar os ingredientes individuais.

author Criador da receita.

http://www.w3.org/QA/Tips/iso-date

http://en.wikipedia.org/wiki/ISO_8601




96

Receitas

<div>

<h1>Torta de maçã da vovó</h1>

<img src="tortamaçã.jpg"/>

De Carol Smith

Publicada em: 5 de novembro de 2009

Esta é a receita de torta de maçã da minha avó. Gosto de acrescentar um pouco de noz-moscada.

4.0 estrelas com base em 35 resenhas

Tempo de preparo: 30 min

Tempo de cozimento: 1 hora

Tempo total: 1 h 30 min

Rendimento: 1 torta de 23 cm (8 porções)

Tamanho da porção: 1 fatia média

Calorias por porção: 250

Gordura por porção: 12g

Ingredientes:

Maçãs em fatias finas: 6 xícaras

Açúcar: 3/4 de xícara

...

Modo de preparo:

1. Corte e descasque as maçãs

2. Misture o açúcar e a canela. Use o açúcar que sobrar para decorar as maçãs.

...

</div>


97

<div class="hrecipe">

<span class="item">

<h1 class="fn">Torta de maçã da vovó</h1>

</span>

<img src="tortamaçã.jpg" class="photo" />

De <span class="author">Carol Smith</span>

Publicada em: <span class="published"> 5 de novembro de 2009<span class="value-title" title="2009-11-

05"></span></span>

<span class="summary">Esta é a receita de torta de maçã da minha avó. Gosto de acrescentar um pouco de noz-

moscada.</span>

<span class="review hreview-aggregate">

<span class="rating“><span class="average">4.0</span> estrelas com base em <span class="count">35</span>

resenhas</span>

</span>

Tempo de preparo: <span class="prepTime">30 min <span class="value-title" title="PT30M"></span></span>

Tempo de cozimento: <span class="cooktime">1 hora<span class="value-title" title="PT1H"></span></span>

Tempo total: <span class="duration">1 hora e 30 min <span class="value-title" title="PT1H30M"></span></span>

Rendimento: <span class="yield">1 torta de 23 cm (8 porções)</span>

<span class="nutrition">

Tamanho da porção: <span class="servingsize">1 fatia média</span>

Calorias por porção: <span class="calories">250</span>

Gordura por porção: <span class="fat">12g</span>

</span>

Ingredientes:

<span class="ingredient">

Em fatias finas<span class="name">maçãs</span>: <span class="amount">6 xícaras</span>

</span>

<span class="ingredient">

<span class="name">Açúcar</span>: <span class="amount">3/4 de xícara</span>

</span>

Modo de preparo:

<span class="instructions">

1. Corte e descasque as maçãs

2. Misture o açúcar e a canela. Use o açúcar que sobrar para decorar as maçãs.

...

</span>

</div>


Eventos


Eventos

<div>

<a href="http://www.example.com/events/spinaltap">Spinal Tap</a><img src="spinal_tap.jpg" />

Após a busca amplamente divulgada por um novo baterista, o Spinal Tap dá início à sua mais recente turnê de

retorno com um show em São Francisco.

Quando: 15 de outubro, das 19 às 21h

Onde: Warfield Theatre, 982 Market St, São Francisco, Califórnia

Categoria: Show

</div>


Eventos <div class="vcard">

<span class="fn org">Warfield Theatre</span>,

<span class="adr">

<span class="street-address">982 Market St</span>, <span class="locality">São Francisco</span>, <span

class="region">Califórnia</span>

</span>

<span class="geo">

<span class="latitude">

<span class="value-title" title="37.774929"></span>

</span>

<span class="longitude">

<span class="value-title" title="-122.419416"></span>

</span>

</span>

<span class="photo"> http://www.example.com/images/image.jpeg</span>

</div>

<div class="vevent">

<a href="http://www.example.com/events/spinaltap" class="url summary">Spinal Tap</a><img src="spinal_tap.jpg"

class="photo" />

Quando: <span class="dtstart">15 de outubro, 19h<span class="value-title" title="2015-10-15T19:00-08:00"

/></span></span>

</div>

<div class="vevent">

<a href="http://www.example.com/events/u2" class="url summary">U2</a>

<img src="u2.jpg" class="photo" />

Quando:

<span class="dtstart">

16 de outubro, 19h<span class="value-title" title="2015-10-16T19:00-08:00" /></span>

</span>

</div>


101

Breadcrumb (Trilha de navegação)


102

<ul>

<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">

<a href="http://www.site.com.br/livros/" itemprop="url">

<span itemprop="title">Livros</span></a>

</li> ›


<a href="http://www.site.com.br/livros/literatura-estrangeira/" itemprop="url">

<span itemprop="title">Produtos</span></a>

</li> ›


<a href="http://www.site.com.br/livros/literatura-estrangeira/romance/" itemprop="url">

<span itemprop="title">Romance</span></a>

</li>

<ul>

Breadcrumb (Trilha de navegação)

<ul>

<li><a href="http://www.site.com.br/livros/">Livros</a></li> ›

<li><a href="http://www.site.com.br/livros/literatura-estrangeira/">Literatura Estrangeira</a></li> ›

<li><a href="http://www.site.com.br/livros/literatura-estrangeira/romance/">decoracaoRomance</a></li>

</ul>

Outros Rich Snippets para usar

103

Tipos de rich snippets • Avaliações na resenha • Pessoas • Eventos • Compras e produtos • Marcação de produtos para rich snippets • Comércios e organizações • Vídeos: Facebook Share e RDFa

http://www.google.com/support/webmasters/bin/topic.py?hl=pt-BR&topic=21997

Para bloquear a indexação das páginas

104

Tag no index na pagina

Criar um arquivo

robots.txt

1

Arquivo Txt

Manualmente Via ferramenta webmaster

2 Adicionar o arquivo

robots.txt na raiz do servidor

3

Priorizar as tarefas de acordo com o impacto no projeto

Barreira Prioridade Complexidade

Menu JavaScript Alta Alta Link em Javascript Alta Alta Menu em imagem Alta Baixa Conteudo em imagem Alta Baixa Link em imagem Alta Alta Conteúdo restrito Media Media Conteúdo em pop up Media Media Frames Media Media Problema Canonical (conteudo duplicado) Alta Baixa otimização url Alta Alta Uso de flash Alta Alta Cookie de sessão Media Media Página 404 otimizada Baixa Baixa Robots.txt Baixa Baixa SiteMap Media Baixa

Case:http://www.senac.br/

INDICADORES

ANÁLISE DE TRÁFEGO ANÁLISE DE KEYWORDS E POSICIONAMENTO

FERRAMENTAS WEBMASTER

ANÁLISE DE CÓDIGO

ANÁLISE DE PERFORMANCE

Algumas ferramentas

CONTEÚDO

108

Palavra-chave

Antes de começar o plano de palavras

DE QUE FORMA ESSA INFORMAÇÃO É PROCURADA

Consultas genéricas / populares

Long Tail / Cauda longa

geladeira duplex

show em sp

celular barato

geladeira duplex com dispenser de água

ingresso para show do eric clapton

aparelho celular barato com wi fi

Longtail e SEO

Volume de busca

Vis

itas

/co

nve

rsõ

es

+

- Com a teoria Long Tail o trabalho de SEO deve ser focado em palavras com

mais de dois termos, que no conjunto geram um número importante de visitas

Ferramentas de pesquisa de palavras-chave

O que as pessoas mais procuram na internet?

Google Insights - http://www.google.com/insights/search

Google ajuda a analisar sazonalidades

Quais são os períodos que mais procuram?

Pesquisas mais comuns referentes ao termo

Google AdWords

114

Escolhe a palavra

Local/idioma

Filtros

Sugestão de palavras

https://adwords.google.com/select/KeywordToolExternal



Google Trends

http://www.google.com/trends

Ver as chances de conversão da palavra

Outros Fatores C

ON

CO

RR

ÊNC

IA

Analisar a concorrência para cada termo. É essencial conseguir um bom ranking para o termo chave. A estratégia deve ser focada em termos que serão posicionados

CO

NV

ERSÃ

O

Plano de palavras-chave

Analise do site Analise dos

concorrentes

Análise das campanhas de

Links Patrocinados

1 2 3

Volume de busca local

Número de concorrentes

Brainstorm

RATIO: CONCORRÊNCIA / VOLUME DE BUSCA LOCAL

Otimizando Conteúdo

Antes de colocar a “mão na massa”

PRECISAMOS FINALIZAR O PLANO DE PALAVRAS,

POIS É ATRAVÉS DELE QUE OTIMIZAREMOS O

CONTEÚDO DO SITE

Escolha das Palavras-chave

COMO FAZEMOS PARA SELECIONAR AS MELHORES

PALAVRAS-CHAVE?

Brainstorm

Brainstorm

NÃO HÁ UMA FORMULA SECRETA!

ENXUGUE SEU PLANO, REMOVENDO PALAVRAS-CHAVE MENOS IMPORTANTES. MANTENHA APENAS AS QUE VOCÊ CONSIDERA

FUNDAMENTAIS PARA O PROJETO - E APOSTE NELAS!

FEELING é a resposta!

Colocando a “mão na massa”

COM O PLANO DE PALAVRAS FINALIZADO E APROVADO PELO

CLIENTE, PODEMOS PARTIR PARA A OTIMIZAÇÃO DOS

TEXTOS E DE TODOS OS ELEMENTOS QUE PODEM SER

CONTEXTUALIZADOS

Um texto não basta estar publicado na web para ser lido...

É preciso ser encontrado!

Palavras-chave no texto são fundamentais para que a página ganhe relevância para robôs e usuários

127

PROXIMIDADE Trabalhar a presença e proximidade das palavras no texto

PRIMEIRO PARÁGRAFO Trabalhar a idéia de lead, otimizando conteúdo, títulos e descrições da página

PROEMINÊNCIA É a presença da palavra-chave em outros lugares da página, menos visíveis ao usuário

DENSIDADE É a frequência com que a palavra-chave aparece no texto visível ao usuário

ESTRATÉGIA DE PALAVRAS-CHAVE

A³

A A

<A>

Aa

Inclui variações da palavra: plural e singular, tipos da

doença, etc.

Texto deve girar em torno deste tema e a palavra

“depressão” deve aparecer com freqüência alta

Eleja as palavras mais importantes do seu texto

Texto com 1217

palavras

Tema: depressão

Quanto menor o número de palavras por página, maior é a densidade

“depressão” representa 1% do

total de palavras da página

Fórmula: até 12% do total das palavras

“Depressão” aparece somente 12 vezes no texto de 1217 palavras

O tema do artigo é: Prevenir a Depressão. Outras palavras podem remeter a este assunto ao longo do texto, fortalecendo a presença da palavra depressão

Trabalhe as palavras próximas para ganhar relevância e semântica do conteúdo

Como prevenir a doença

Tipos de depressão:leve, crônica, grave

Sintomas

Causas, remédios

+

+

+

Remete ao tema ‘depressão’

Curiosidade: Mecanismos de pesquisa não tem busca semântica. A única forma de certificar que sua página vai aparecer para o sentido que deseja é trabalhando a proximidade das palavras.

O robô lê o código do site, diferente de nós, usuários

Site Visto por nós Site visto pelo robô

Podemos e devemos aproveitar os espaços no código onde é possível inserir palavras-chave, já que o robôs lêem o código da página

Palavras-chave podem estar presentes além do corpo do texto

A proeminência das palavras no código ajuda na relevância da página. Ou seja, ajuda a dizer para

o robô que a sua página realmente fala sobre determinado assunto

Imagem

Sessão da Página

URL

Menu

Título da Página Meta Dados

Robôs não tem muito tempo para ler o conteúdo da página

Primeiro parágrafo: as perguntas do lead otimizam a leitura do robô. O tema do texto é desvendado logo no início.

Título é a primeira informação lida, por isso deve ser uma frase objetiva, clara e direta

Dividir o texto em tópicos de assuntos. Isso ajuda na otimização do texto para robôs e usuários, que encontram

mais fácil o que procuram

Usar tags <h1>, <h2>

Quanto mais claro e objetivo o assunto da página, melhor!

Primeiro parágrafo deve ser otimizado de modo a transmitir uma idéia completa da matéria

Mais do que estar bem posicionado no mecanismo de busca, o conteúdo da página deve estar otimizado, de modo que o resultado da busca transmita

uma idéia completa do texto da página de destino

Criação de metadados

Title Até 70 carateres

Exemplo: [Nome do produto] – [Predicados] | [Marca] Código: <title>Plano Infinity Pós 3G – Conexão Ilimitada | TIM</title>

Description Até 165 carateres

Exemplo: [Frase com CALL TO ACTION] Conheça o TIM Infinity Pós 3G, a conexão Ilimitada para você navegar à vontade na internet pelo seu celular, tablet ou notebook. Planos de 2, 4 ou 8GB, escolha o seu Código: <meta name=“description” content=“Conheça o TIM Infinity Pós 3G, a conexão Ilimitada para você navegar à vontade na

internet pelo seu celular, tablet ou notebook. Planos de 2, 4 ou

8GB, escolha o seu”>

Mais alguns recursos para geração de relevância do conteúdo

Imagens Palavras em Negrito

Hyperlinks Descreva os Links

Tópicos e subtópicos Parágrafos

Destacar palavra-chave em negrito ajuda na leitura rápida dos robôs e usuários além de ressaltar o tema do texto e

informações importantes

Descrever as imagens através do atributo ALT. Elas contextualizam o que pode ser

visto para os usuários e robôs

Criar textos-âncora que levem os usuários para outras páginas

Os hyperlinks podem ser descritas através de um recurso chamado Title. Ajudam

usuários e robôs a entender o assunto da página de destino

Divida o texto em assuntos específicos, ajuda a leitura e da proximidade entre

termos com contexto similar

Indicar o início e o fim de um parágrafo é fundamental para agrupar assuntos

BLACK HAT

Cuidado com o uso de palavras em excesso

Repetir as palavras diversas vezes pode gerar o

keyword stuffing

Não esconder palavras-chave no site, colocando

cor de fundo da mesma cor da fonte, atrás de imagens ou no CSS

ARQUITETURA DA INFORMAÇÃO

O que é AI?

SEO + AI torna um site ainda mais atraente para os mecanismos de busca

Estruturação do conteúdo de um site para torná-lo organizado e “encontrável”

AI e SEO

Usuários

Mecanismos

de Busca Site

AI

Novas verdades

142

Buscador tornou-se a homepage do site

90% do tráfego vindo de buscadores vão para páginas secundárias

Homepage “is dead”

Usuários enxergam o buscador como forma de navegação no site

Inversão da pirâmide

Home

Produto

Detalhe Produto

+

-

VIS

ITA

S

Detalhe Produto

Produto

Home

ANTES HOJE

Velho paradigma

Homepage

Pagina #2

Pagina #1

Pagina #3

Novo paradigma

Home

Pagina #2

Pagina #1

Pagina #3

Hierarquia de diretórios

Hierarquia de links

http://www.slideshare.net/stain/seo-ia-a-findability-challenge










Boas práticas de AI devem seguir as regras

#1: FÁCIL DE SER LIDO • Pc ou Mac • Qualquer Browser • Garantir que gráficos e imagens sejam legíveis • Textos legiveis • Carregamento da página

Legibilidade é crucial. Se o usuário que vem da busca não consegue ler seu conteúdo, ele deixa seu site com uma má impressão, que não

ajudará na credibilidade da marca e na troca de links


149

#2: FÁCIL DE SER NAVEGADO Se o usuário se perder ele pode... • Ir para o mapa do site • Ir para uma área de ajuda • Utilizar a busca interna • Ir para homepage

Credibilidade. Deve ficar claro para o usuário onde ele está, quais produtos o site oferece, serviços, contatos.


#3: FÁCIL DE SER ENCONTRADO • Máximo de visibilidade online • Informações internas de fácil acesso

Conteúdo acessível evita frustrações

Menu subnavegação

Rodapé

Menu principal

Heading principal

Breadcrumb

Menu auxiliar

Busca interna

#4: LAYOUT CONSISTENTE

Outras opções

Analisando e montando uma arquitetura eficaz

Como organizar os diretórios: conteúdo

Organize os diretórios relacionando o conteúdo entre as páginas. As informações devem ser complementares

Home

Informática Eletrônicos Móveis Eletrodomésticos Telefones e Celulares

Computadores

Monitores

notebook

Palavras-chaves > Estrutura da URL> guiar o usuário

http://bubbl.us/

https://bubbl.us/

Quando usar diretórios, domínio e subdomínio?

Dê preferência a organização por diretórios

Usar subdomínio ou domínio quando o conteúdo for

complementar ao que o site oferece

BLACK HAT

Usar domínios ou subdomínios em excesso pode ser visto como

Linking Farm

Usar redirecionamentos em excesso pode confundir o robô ou até

indicar um tipo de cloaking

Cuidado no uso de dominios ou subdominios

Conteúdos parecidos, semelhantes, não iguais

Na seção <head> da URL duplicada

Cross linking : os links internos

Cross linking : relevância

Como criar cross links relevantes :: Páginas de Noticias

Como criar cross links relevantes: e-commerce

162

Como criar cross links relevantes: site institucional

Link para página de aluguel de carros

Link para página de aluguel de carros

Link para página de frotas

Links para página dos países

Link para página de aeroportos

Link para página deste serviço

Link para página deste programa

Elementos OnPage

Palavras-chave no domínio

Palavra-chave na URL (diretórios)

Meta tags

Conteúdo auxiliar na página

Imagens

Alt Tags

Headings

Links

http://www.useit.com/alertbox/9710a.html



Fatores de Rankeamento

POPULARIDADE

Link Building

Link Building é o processo de aquisição de links externos para seu website com a finalidade de aumentar a sua popularidade e relevância A quantidade e a qualidade destes links são fatores fundamentais para o ganho de posicionamento na SERP


PRECISAMOS FAZER UMA FAXINA NO SITE,

PROCURANDO POR POSSÍVEIS ERROS, PARA RECEBER OS USUÁRIOS

COM A CASA ARRUMADA

Hora da arrumação:

O site apresenta erros de programação ou está pesado? O conteúdo do site está envolvente e bem diagramado? Existe conteúdo duplicado? Os <title> são únicos para cada página? A estrutura de diretórios e links está bem feita? Os links internos estão em textos-âncora? As URLs estão fáceis de serem compreendidas? A navegação do site está simples e funcional? Os usuários conseguem compartilhar seu conteúdo? Há disponibilização de feeds RSS?


A Internet é um ambiente de hipertexto, ou seja, LINK!

Home Localiza Pág. interna Conteúdo

Quando uma notícia é publicada na internet, qualquer conteúdo relacionado à matéria pode ser “linkado” diretamente, permitindo que o usuário avance diretamente para uma outra página.

E links não são só para usuários; os mecanismos de busca também “descobrem” estes conteúdos relacionados através de links diretos:

Pág. Interna Webmotors

Pense nos backlinks do seu site como a resenha de um livro: boas fontes e recomendações tornam

seu site (e um livro) populares

Deep Linking - a melhor estratégia

Para os buscadores todas as páginas do site devem

receber links de outras páginas, isso se chama deep linking

Deep linking aponta para páginas específicas, tornando seu

site mais relevante e visível para palavras mais específicas.

Como escolher os sites?

Primeiro, descubra sua vizinhança! Quais são os sites que abordam o mesmo assunto que o meu? Quais outros sites que não abordam o meu assunto, mas tem temas relacionados? Ex: Usuários de sites de futebol podem gostar de assuntos ligados à materiais esportivos – Usuários de sites de gastronomia, talvez tenham pouco interesse.

Como escolher os sites?

Pergunte-se: Os usuários deste site se interessariam pelo meu conteúdo? Se não precisasse fazer link-building para ganhar posicionamento, eu realmente perderia tempo divulgando meu conteúdo neste site?

Links feitos por fontes confiáveis tornam seu site mais relevante e

popular para os robôs.

Qualidade dos links é melhor que a quantidade

Principal técnicas de Link building

• Submissão de Feeds • Conteúdo fresco/recente • Submissão de Artigos em sites de notícias • Press Releases • URL de seu website em sua assinatura de email • Atividade em Comunidades • Troca de Links (com cautela, de maneira não muito abusiva) • Divulgação de Vídeos • Mapas • Ferramentas/Utilitários em seu Site

Principal ERROS do Link building

Focar na quantidade e não na qualidade dos links, apontando os links para homepage e não para páginas internas do site é um erro.

Os mecanismos de busca entendem como algo que não seja natural uma

página receber muitos links, geralmente são home page que não possuem conteúdo especifico

Se você pretende converter visitas em consumidores potenciais, enviá-los para a

homepage não é melhor estratégia

Os mecanismos de busca entendem como cópia de conteúdo textos não originais ”roubados” de algum outro site

Principal ERROS do Link Building

Comentar em posts utilizando os argumentos como: “Adorei seu post, conheça meu site: [link]” ou “Dá uma olhadinha no meu

site: [link]”

Se for comentar em blogs ou sites, faça de forma inteligente, selecionando sites do

mesmo segmento que o seu, ou seja, sites que abordam o mesmo assunto

Repetir mesmo comentário em todos os sites pode ser considerado como SPAM

BLACK HAT

Linking building: o que não fazer

179

Comentários excessivos em blogs: link bait

Copiar conteúdo

Comprar links

Pedir links

Criar inúmeros sites que geram links para uma específica: doorway pages

SEO e Redes Sociais - Encontrabilidade

180

Respostas

Reputação

Buscadores

Tweets e posts ajudarão a divulgar a marca na

web...

...geram popularidade para a marca posicionada nos buscadores...

...garantindo presença da marca em

diversas fontes de busca.

Tweets e posts nas redes

sociais

...usuários divulgam o conteúdo do site através de botões

sociais...

Compartilhamento do conteúdo

4,82%

7,07%

13,58%

60,27%

86,14%

Entretainment

E-mails

Social Networking e Foruns

Buscadores (Search Engines)

Computadores e Internet

Fonte: Hitwise Brasil, abril 2011

De vem o tráfego das redes sociais?

Buscadores geram maior parte do tráfego nas redes sociais

Fonte: Hitwise Brasil, abril 2011

5,69%

2,69%

2,01%

2,00%

1,22%

1,21%

1,10%

0,91%

0,85%

Youtube

Orkut

Wikipedia

Yahoo! Answer

Uol Click

Terra letras

Facebook

Mercado Livre

Baixaki 15% de todo

tráfego do Brasil é direcionado para redes sociais

As redes sociais aparecem entre os TOP 10 sites que mais recebem tráfego no Brasil

MÉTRICAS E RELATÓRIOS

Relatório – Porque medir é importante?

Quantificar tudo que foi produzido pelo projeto de SEO é importante para medir o progresso, sinalizar sucessos, corrigir (à tempo) falhas e redefinir estratégia.

Pontos importantes • Quantificar por mecanismo de busca o tráfego orgânico • Quantificar por palavras-chave o tráfego orgânico • Quantificar por mecanismo de busca as principais palavras-chave que conduzem o tráfego orgânico • Quantificar conversões por mecanismos de busca e por palavras-chave • Identificar páginas com baixo desempenho • Rastrear e controlas a atividade dos robôs dos mecanismos de busca no site • Determinar o número total de páginas indexadas • Identificar páginas com erro 404, corrigindo os links internos e direcionando (se possível) o tráfego externo

Relatório de SEO – algumas métricas

FONTE DE TRÁFEGO • Origens das visitas • Mecanismos de Busca • Segmentação: Idioma • Segmentação: Cidade • Mobile: Dispositivo • Mobile: Sistema operacional PALAVRAS-CHAVE • Posicionamento • Volume palavras-chave LANDING PAGES • Páginas mais acessadas • Páginas mais acessadas X palavras-chave

TRÁFEGO ORGÂNICO • Visitas • Visitas novas X antigas • Taxa de rejeição LINK BUILDING • Volume de sites de referência • Sites de referência: URLs e Pagerank CONVERSÃO • Taxa de conversão da audiência orgânica • Evolução da receita da audiência orgânica • Ticket médio VISIBILIDADE • Número de páginas indexadas

Ferramentas

Ferramentas WebAnalytics Ferramentas Webmaster

03R1G4D0!

Gustavo Macedo SEO Coordinator - iProspect

[email protected]

@gfmacedo

Curso de SEO - Otimização de Sites para Buscadores - Senac SP

Education

Transcript of Curso de SEO - Otimização de Sites para Buscadores - Senac SP