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çá

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)

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

Como converter?!Como converter?!

Link Building?Link Building?

Links Patrocinados?Links Patrocinados?

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

#promo #promo no Twitter?no Twitter?

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

#BottiniFeelings

Bispo Macedo?!

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!

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?

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

Pesquisa e análisePesquisa e análise

Testes de UsabilidadeTestes de Usabilidade

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

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

+ Ferramentas | Surveys+ Ferramentas | Surveys

• 4Q4Q• Survey MonkeySurvey Monkey• KISSinsightsKISSinsights

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

+ 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

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))

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.

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

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

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/

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

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/

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.

ATUALIZAÇÃOATUALIZAÇÃO

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

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!

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.

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!

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.

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.

CALL TO ACTIONCALL TO ACTION

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

Antes Depois

CALL TO ACTIONCALL TO ACTION

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

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

CALL TO ACTIONCALL TO ACTION

Ofereça benefíciosOfereça benefícios

CALL TO ACTIONCALL TO ACTION

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

CALL TO ACTIONCALL TO ACTION

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

Use Use corescores contrastantes ao layoutcontrastantes ao layout

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/

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

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!

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)