para Devs. e Designe as para webdevelopers e webdesigners Por Fábio Ricotta, Co-Fundador da MestreSEO IBM TechDay 2012 - Outubro de
Jun 02, 2015
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: [email protected]: 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ê.