44
SEO + UX Otimizando as buscas e a experiência do usuário Por Renata Tibiriçá

SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

SEO + UXOtimizando as buscas e a experiência do usuário

Por Renata Tibiriçá

Page 2: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

This is me!This is me!

Renata Tibiriçá• Mineira de Juiz de Fora• Bacharel em Ciência da Computação – UFJF• Pós-graduada em Business Intelligence – UFJF• Web Standards Lover • Freelancer - SEO e User Experience• Já foi lá do outro lado do mundo, mas voltou pra Cidade Maravilhosa (leia-se Juiz de Fora)

Page 3: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Search Experience OptimizationSearch Experience Optimization

SEO não termina no clique...

SEO + Má Usabilidade = visitas curtas = ROI ruimSEO + Boa Usabilidade = visitas mais longas e fiéis = Bom ROI

Page 4: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Como converter?!Como converter?!

Page 5: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Link Building?Link Building?

Page 6: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Links Patrocinados?Links Patrocinados?

Page 7: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Toneladas de conteúdo?Toneladas de conteúdo?

Page 8: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

#promo #promo no Twitter?no Twitter?

Page 9: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Botão verde?!Botão verde?!

#BottiniFeelings

Page 10: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Bispo Macedo?!

Page 11: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

A 1ª coisa que você A 1ª coisa que você precisa é simplesmente precisa é simplesmente

descobrir o que seus descobrir o que seus visitantes desejam.visitantes desejam.

E existem várias formas E existem várias formas de se fazer isso!de se fazer isso!

Page 12: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Questione:Questione:– Qual o objetivo de seu site?Qual o objetivo de seu site?– Quem é a audiência que você quer atrair?Quem é a audiência que você quer atrair?– Quanto seu site é útil para seus visitantes?Quanto seu site é útil para seus visitantes?– Os visitantes saberão onde encontrar o que eles Os visitantes saberão onde encontrar o que eles

procuram?procuram?

Page 13: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

O usuário não é burro!O usuário não é burro!

Page 14: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Pesquisa e análisePesquisa e análise

Testes de UsabilidadeTestes de Usabilidade

Page 15: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Testes de Usabilidade - FerramentasTestes de Usabilidade - Ferramentas

• UserTesting.com• WhatUsersDo.com• GazeHawk - com eyetraking

• Verifyapp.com - baixo custo

• Keynote - gratuito para testes

• Headline Split Tester – Plugin Wordpress para testes A/B

• Google Website Optimizer• Empresas Profissionais

Page 16: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

SurveysSurveysTodo mundo sabe que pesquisas com o Todo mundo sabe que pesquisas com o

usuário devem ser feitas. Mas ninguém faz!usuário devem ser feitas. Mas ninguém faz!

• Seja pessoalSeja pessoal• Incentive o usuárioIncentive o usuário• Venda a pesquisa como se estivesse Venda a pesquisa como se estivesse

vendendo seu produtovendendo seu produto

Page 17: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

+ Ferramentas | Surveys+ Ferramentas | Surveys

• 4Q4Q• Survey MonkeySurvey Monkey• KISSinsightsKISSinsights

Page 18: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Conheça seu AnalyticsConheça seu Analytics

Conheça o perfil de seu visitante (localização, browser, etc.)

Defina funis no GA - http://bit.ly/hJKcUk

Page 19: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

+ Ferramentas | Analytics+ Ferramentas | Analytics

• Google Analytics Google Analytics • Crazy Egg - Crazy Egg - heatmapsheatmaps

• Heatmap Wordpress Heatmap Wordpress PluginPlugin• ClickTale ClickTale – detecta – detecta

movimento do mouse, scroll e movimento do mouse, scroll e tecladoteclado

Page 20: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Dados nas mãos? Mãos à obra!Dados nas mãos? Mãos à obra!

Word Cloud com os principais termos obtidos Word Cloud com os principais termos obtidos nas pesquisas (nas pesquisas (wordle.networdle.net))

Page 21: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Em SEO, Em SEO, qualquerqualquer página de seu site se página de seu site se torna uma torna uma landing pagelanding page. .

É preciso estar preparado para isso.É preciso estar preparado para isso.

Page 22: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Conceito R.E.A.D.Y.Conceito R.E.A.D.Y.Conceito Conceito R.E.A.D.Y.R.E.A.D.Y. de de Scott BrinkerScott Brinker• RelevantRelevant – Relevante– Relevante• EngagingEngaging – Encantadora/sedutora– Encantadora/sedutora• AuthoritativeAuthoritative – Confiável– Confiável• DirectionalDirectional – Direcional– Direcional• Yield optimal Yield optimal – que renda/dê lucros o – que renda/dê lucros o

máximo possívelmáximo possível

Page 23: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

DESIGNDESIGN

Padrão Padrão - cores, logos, modelos, etc., em toda a - cores, logos, modelos, etc., em toda a campanha (site, email marketing, publicidade campanha (site, email marketing, publicidade offline, etc.)offline, etc.)

Sem erros Sem erros – codificação, estilo, conteúdo – codificação, estilo, conteúdo incompletoincompleto

Atrativo Atrativo – também muito importante em tempos – também muito importante em tempos de de Google Instant PreviewGoogle Instant Preview

Page 24: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

DESIGNDESIGN

42%42%Formam sua opiniãoFormam sua opinião

sobre um site somentesobre um site somentebaseado no designbaseado no design

52%52%Não retornam aos websitesNão retornam aos websitesdevido à questões estéticasdevido à questões estéticas

Fonte: http://blog.kissmetrics.com/color-psychology/

Page 25: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Seja o iPod das landing pages Seja o iPod das landing pages Simplicidade intuitivaSimplicidade intuitiva

Page 26: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Tempo de CarregamentoTempo de Carregamento

64%64%Não conseguem concretizaruma compra devido ao site

ser muito lento

A Amazon detectou, através de testes, que a cada

100ms100msde tempo de carregamento,

havia o decréscimo em

1%1%das vendas

Sem esquecermos que tempo de carregamentoé fator de rankeamento no Google!

Fonte: http://blog.kissmetrics.com/color-psychology/

Page 27: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

MENSAGEMMENSAGEM

Ter sentidoTer sentido: continuidade, foco específico, : continuidade, foco específico, conteúdo conteúdo relevanterelevante reforçando a idéia principal. reforçando a idéia principal.

IdentidadeIdentidade da audiência: da audiência:

Fale a língua do seu usuário! Fale a língua do seu usuário! Chame pelo nome e/ou identifique quem eles Chame pelo nome e/ou identifique quem eles são através de opções em sua landing page.são através de opções em sua landing page.

Page 28: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

ATUALIZAÇÃOATUALIZAÇÃO

Hora certaHora certaSeja sensível ao tempo e aos acontecimentos atuaisSeja sensível ao tempo e aos acontecimentos atuais

Page 29: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

SEJA CONVINCENTESEJA CONVINCENTE

Mostre o Mostre o valorvalor do seu produtodo seu produto

Justifique Justifique tudo tudo racionalmenteracionalmenteUse valores/números, tabelas, infográficos.Use valores/números, tabelas, infográficos.

Mas não faça promessas que Mas não faça promessas que você não possa cumprir!você não possa cumprir!

Page 30: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

APELO EMOCIONALAPELO EMOCIONAL

Conte uma boa história, defina o Conte uma boa história, defina o humorhumor através do design, imagens, cores, etc.através do design, imagens, cores, etc.

Page 31: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

DIFERENCIE-SEDIFERENCIE-SE

Não siga as fórmulas de Não siga as fórmulas de outros cegamenteoutros cegamente

Seja criativo e Seja criativo e memorável!memorável!

Page 32: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

CONFIÁVELCONFIÁVELComo convencer as pessoas a comprar?!Como convencer as pessoas a comprar?!

Transmita Transmita segurançasegurança, credibilidade, credibilidade

Mostre Mostre detalhesdetalhes concretos: imagens de seus concretos: imagens de seus produtos, demonstrações, benefícios, etc.produtos, demonstrações, benefícios, etc.

Normas Normas sociaissociais: política de privacidade, : política de privacidade, termos de uso, FAQ, etc.termos de uso, FAQ, etc.

Page 33: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

DIRECIONALDIRECIONALNão distraia o usuárioNão distraia o usuário, ,

mas também não seja controlador!mas também não seja controlador!

Conversão ProgressivaConversão Progressiva::mantenha um diálogo com o usuário, mantenha um diálogo com o usuário,

ajude-o em cada passo. ajude-o em cada passo. Dê Dê valorvalor às pessoas por seus cliques.às pessoas por seus cliques.

Page 34: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

CALL TO ACTIONCALL TO ACTION

Importante mostrar o objetivo final de seu site em todas as páginas!

Antes Depois

Page 35: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

CALL TO ACTIONCALL TO ACTION

Mostre os benefícios em clicarMostre os benefícios em clicar

Page 36: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

CALL TO ACTIONCALL TO ACTION

Peça o mínimo de informações, ou faça um passo-a-Peça o mínimo de informações, ou faça um passo-a-passo, sempre indicando onde o usuário está.passo, sempre indicando onde o usuário está.

Page 37: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

CALL TO ACTIONCALL TO ACTION

Ofereça benefíciosOfereça benefícios

Page 38: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

CALL TO ACTIONCALL TO ACTION

Demonstre um senso de urgência através da linguagemDemonstre um senso de urgência através da linguagem

Page 39: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

CALL TO ACTIONCALL TO ACTION

Posicionamento e tamanho do botãoPosicionamento e tamanho do botão

Page 40: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Use Use corescores contrastantes ao layoutcontrastantes ao layout

Page 41: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Como as cores influenciam nas vendas?Como as cores influenciam nas vendas?

93%93%Aparência Visual

6%6%Textura

1%1%Cheiro

Fonte: http://blog.kissmetrics.com/color-psychology/

Page 42: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

No SEO orientado à conversão...No SEO orientado à conversão...

O Conteúdo é REIO Conteúdo é REI

De qualidadeDe qualidadeRelevanteRelevanteExclusivoExclusivo

AtualizadoAtualizadoSem cópiasSem cópias

E a Usabilidade é RAINHAE a Usabilidade é RAINHA

Páginas 404Páginas 404Busca internaBusca interna

Evite flashEvite flashAcessibilidadeAcessibilidade

Page 43: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

O grande segredo é:O grande segredo é:TESTE TUDO.TESTE TUDO.

E quando acabar,E quando acabar,comece a testar outra vez!comece a testar outra vez!

Page 44: SEO + UX: Otimizando as buscas e a experiência do usuário - FMDS SEOCamp 2010

Obrigada!Obrigada!@renatatr@renatatr

www.seojuizdefora.com.brwww.seojuizdefora.com.br

“Buscar-me-eis, e me achareis, quando me buscardes de todo o vosso coração.” (Jeremias 29:13)