Post on 02-Jun-2015
description
SEO para Devs. e DesignersDicas para webdevelopers e webdesigners
Por Fábio Ricotta, Co-Fundador da MestreSEOIBM TechDay 2012 - Outubro de 2012
Fábio RicottaCo-Fundador da MestreSEO
ContatoTwitter: @fabioricottaEmail: fabioricotta@mestreseo.com.brWebsite: www.mestreseo.com.br
Elias e Fábio, em Boston, Abril de 2012
slideshare.net/fabioricottaVocê pode baixar esta e todas as outras palestras...
Entendendo PrincípiosComo o Google funciona
http://www.youtube.com/watch?v=BNHR6IQJGZs
http://www.youtube.com/watch?v=BNHR6IQJGZs
http://www.youtube.com/watch?v=BNHR6IQJGZs
http://www.youtube.com/watch?v=BNHR6IQJGZs
http://www.youtube.com/watch?v=BNHR6IQJGZs
Fórmula Secreta =
200 fatores (PageRank e outros).
O Brasil fala “Googlês”
No BrasilDe cada 100 buscas, o Google é o mediador de 86
http://www.serasaexperian.com.br/release/noticias/2012/noticia_00883.htm
86%
14%
Market Share – Buscas no Brasil
GoogleOutros
O interessanteAs buscas são compostas normalmente de 1 a 4 termos
Explicando o SEOO que é esta sopa de letrinhas?
Links Patrocinados
Resultados Orgânicos
É na área de resultados orgânicos que trabalhamos...
Pois, em média, os resultados orgânicos recebem cerca de 70% dos cliques.
30% dos cliques
70% dos cliques
Resumindo um pouco a história...
Meu Cliente
*
*
*
Estando melhor posicionado, eu consigo mais visitantes.
Planejamento
Precisamos sempre
entender o que o dono/cliente deseja...
SEMPRE
Crie e preencha a planilha de briefing.
Conteúdo
Precisamos investigar
o que as pessoas buscam na área...
E assim
fornecer no nosso website estas informações
Posso começar,
olhando o nosso briefing do projeto...
E complementar,
com a ferramenta Google Keyword Tool
Ela fornece
uma visão sobre quais termos as pessoas usam
Fique atento
Uma dica importante
Utilize sempre
A opção correspondência exata!
Desta forma
Você terá um valor mais próximo das buscas mensais pelo termo.
Organização do Site
Diante dos dados iniciaisorganizo uma planilha das palavras que vou abordar e seus volumes de busca
Em seguidacrio um mapa mental de como as páginas serão organizadas
Você pode utilizaruma ferramenta como o MindMeinster
SEO para o Site
10 Dicas Fundamentais
1. Webmaster Tools
O Google Webmaster Toolsplataforma do Google para ajudar os webmasters
https://www.google.com/webmasters/tools/
Fica a dicaA Microsoft (Bing) também possui uma plataforma para ajudar os webmasters
Elas te dãoAvisos sobre como você pode melhorar o seu site...
E aindaMostram quando você possui algum problema sério.
2. Títulos
Guarde como um mantraCada página deve possuir um <title> único
Saiba queO <title> é a informação que o Google vai exibir na página de resultados
3. Imagens
É importante você saber queO Google adora imagens!
http://support.google.com/webmasters/bin/answer.py?hl=pt-BR&answer=114016
Coloque sempreNomes detalhados e informativos, como ibm-smartcloud-enterprise.jpg e fuja de DSC00281.jpg
Forneça sempreUm atributo ALT informativo, como <img src=“” alt=“Máquina virtual no IBM SmartCloud Enterprise+”>
E sempreForneça contexto para a sua imagem, não a deixando-a sozinha na página.
4. URLs
Para o Google as URLs indicamO que vamos encontrar naquela página
Por exemplo,O que você entende por uma URL como:www.meusite.com/?p=1234
É simples.Nada.
Agora,O que você entende por uma URL como:www.meusite.com/servicos/servidor-cloud
É simples.Que aquela página é de “serviços” e falará de “servidores cloud”.
Na nossa áreaChamamos isto de URLs amigáveis.
O GooglePrivilegia URLs que contém palavras sobre o assunto que elas tratam.
5. Tempo de Carregamento
http://googlewebmastercentral.blogspot.com.br/2010/04/using-site-speed-in-web-search-ranking.html
A essência é
As pessoas desejam acessar sites mais rápidos
Então
O Google adotou isto como fator de rankeamento!
Logo
Você pode otimizar o tempo de carregamento por etapas...
Comece por aqui...
Nas imagens do seu site, através de compressão...
Para facilitarUse ferramentas como jpegtran, Jpegoptim, OptiPNG ou PNGOUT.
Nos arquivos
Javascript e CSS através de versões reduzidas, sem comentários e espaços...
Para facilitarUse ferramentas como Closure Compiler, JSMin, CSSmin ou YUI Compressor.
No servidor
Habilite a compressão gzip...
O que ele faz
É fornecer uma versão compactada dos seus arquivos.
Onde as otimizações
São indicadas pela ferramenta PageSpeed
https://developers.google.com/speed/pagespeed/insights
Ou ainda
Pela ferramenta WebPageTest
6. Redirecionamentos
Sempre que vocêMudar alguma URL, lembre-se:
paginaA.html
paginaA.html
paginaA.html paginaB.html
paginaA.html paginaB.html
Redirecionamento 301
O GoogleEntende o redirecionamento 301 como uma transferência de propriedades
Ou sejaTudo o que você possuía, será passado para a nova URL.
A regraVale também para domínios!
7. Rel Author
Você já se perguntou
Como faço para aparecer meu rosto no Google?
Você pode conseguir
Aumento de 30% de visitas apenas por exibir sua foto
Você deve pensar
E como podemos usar isto na IBM?
É simples, olha só...
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1408986
Você dev. ou webdesigner
Já pode criar isto em dois passos simples
Primeiro passo
Cada página do site deve possuir um link<a href="[profile_url]?rel=author">Google</a>
Segundo passo
O autor, em seu perfil do Google+, deve adicionar um link para o site.
Em seguida
Basta validar utilizando a ferramenta de Rich Snippets
http://www.google.com/webmasters/tools/richsnippets
8. Sitemap.XML
Em 2008
Os grandes mecanismos de busca adotaram um padrão...
Este padrãoÉ uma forma de informar aos mecanismos de busca as páginas existentes em um site.
E o padrãoTem mais ou menos esta “cara”:
O sitemap.xml É fundamental para sites grandes, com muitas páginas.
9. AJAX
Um dosGrandes problemas do Google é ler AJAX.
Isto acontencePois o Googlebot é um “navegador” com Javascript desabilitado
https://developers.google.com/webmasters/ajax-crawling/
De forma sequencial...
O GooglebotEncontra uma URL como esta: www.example.com/page? query#!mystake
AssimO Google é capaz de ler o conteúdo que seria carregado em AJAX.
10. Flash
Assim como no AJAXO Google tem sérios problemas em ler Flash.
Olhando por cimaParece tudo bem, correto? Hummmmm....
Fica a dicaSempre veja a “versão somente texto”.
Em branco...É desta forma que o Google “enxerga” o site em Flash.
E olhandoO código fonte, notamos...
QueNunca este código será o mesmo que um conteúdo no HTML.
Considerações Finais
Fórmula mágica
Para ter sucesso, basta implementar...
Por fim...
Não existe mágica. Existem empresas que já implementam...
Falta apenas você.
Muito Obrigado!Dúvidas?
ContatoTwitter: @fabioricottaEmail: fabioricotta@mestreseo.com.brWebsite: www.mestreseo.com.br