Basicamente, o Google Website Optimizer é uma ferramenta de teste A/B de páginas. Como sabemos, é através de testes que é possível verificar conversões para os diferentes tipos de elementos da página, desde banners a calls to action, até diferentes tipos de fonte, cores e etc.

Embora a ferramenta tenha sido concebida de forma a ser fácil de utilizar e, conseqüentemente, os testes fáceis de serem lançados, esses devem ser planejados com cautela. Não é porque um teste é fácil de fazer que ele será realmente útil.

A diferença dos testes feitos pelo Google Website Optimizer é que ele possibilita a verificação de diversos elementos de uma só vez e gerencia os resultados desses testes a/b. Por exemplo, é possível testar títulos, banners e CTAs de uma só vez e o resultado será a página que teve maior conversão com os elementos testados combinados.

Embora testar vários elementos seja a maior vantagem do Google Website Optimizer, ele não fornece informações sobre o que pode ou deve ser testado – essa informação é você que deverá procurar e avaliar.

Como Utilizar o Google Website Optimizer?

Antes de utilizar a ferramenta, é necessário concordar com os termos de serviço do Google Analytics e instalá-lo no site que você pretende realizar os testes. Como os testes são feitos com base em dados de conversão, os scripts utilizados são bastante semelhantes aos utilizados pelo Google Analytics. Para acessar a ferramenta, basta entrar na página do Google Website Optimizer.

Depois de configurar corretamente o Google Analytics, ao acessar o Google Website Optimizer você acessará a seguinte janela:

Ao clicar na opção “Create a new experiment”, você pode optar entre criar um novo teste do tipo a/b e o outro multivariado.

Testes A/B no Google Website Optimizer

Nos testes A/B do Google Website Optimizer é possível comparar duas ou mais versões de uma determinada página simultaneamente.

O primeiro passo na configuração de um teste A/B consiste em elaborar as versões de páginas que se pretende testar. A seguir, no próprio Google Website Optimizer, basta preencher os dados abaixo:

É possível testar várias versões da mesma página, bastando, para isso, que elas sejam criadas de antemão. Para cada teste também é necessário especificar uma página de destino. Afinal, o teste a/b nesse caso tem a finalidade de mensurar as conversões, e ter um destino nesse caso é fundamental.

Depois de preencher os dados referentes às páginas que deverão ser testadas, é necessário escolher como será feita a validação dessas páginas. Ao escolher a primeira opção, será enviado ao seu e-mail um link com as instruções sobre como deverá ser inserido o script (em java script) em cada uma das páginas. Já a segunda apenas te encaminha para a página que contém os scripts e as páginas nas quais deverão ser inseridos.

O último passo consiste em validar essas páginas. Independente da maneira como o código foi inserido (com ou sem instruções), depois que as páginas estiverem atualizadas basta seguir as orientações fornecidas para que as páginas possam ser validadas.

Testes Multivariados no Google Website Optimizer

Os testes multivariados são melhores para testar várias alterações em uma mesma página. Por exemplo, se você está pensando em alterar a cor de um call to action juntamente com os títulos da página, você pode montar diversas variações desses elementos e comparar de uma vez só.

Para fazer esse teste é necessário escolher qual página será testada e quais seções da mesma serão alteradas. Depois que essa etapa inicial é cumprida, basta preencher os dados:

Depois de preenchidos esses dados o passo seguinte é a validação do script. A diferença entre o teste multivariado e o teste A/B é que não são criadas várias versões da mesma página, mas os trechos que vão variar devem receber um script diferente.

O Google Website Optimizer é bastante útil para qualquer tipo e tamanho de site, pois possibilita a criação e gerenciamento de testes de conversões. Entretanto, vale ressaltar que embora a ferramenta seja muito poderosa para testes, os mesmos não são auto configuráveis. Antes de pensar em realizar qualquer alteração no site, essa deve ser bem fundamentada e o teste dessa alteração ainda mais estudado.

Mas, e você, já havia utilizado essa ferramenta em seu site/blog? Gostou dos resultados? Teve alguma dificuldade? Deixe um comentário e conte-nos o que acha sobre o assunto.

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites. Não perca a oportunidade de conferir as nossas ferramentas de SEO.
Artigo Original: Google Website Optimizer – Como Funciona?

Curso de SEO

Já ilustramos aqui na MestreSEO vários casos sobre usabilidade e sabemos que ela caminha junto com o SEO, visto que é um importante fator para determinar se os seus usuários estão satisfeitos ou não com a sua página. Hoje, vou ilustrar alguns destes pontos da usabilidade para ajudá-los a pensar em como melhorar taxa de conversão do seu site.

Ninguém gosta de perder tempo em páginas confusas e que ás vezes não nos levam a lugar nenhum. Por isso, como dito no título, a chave para a satisfação de um usuário de um site é a simplicidade: queremos chegar a um site e conseguir utilizá-lo com simplicidade e eficiência.

Crie uma hierarquia visual

Um dos principais fatores para simplificar uma página é mostrar com clareza as relações entre os elementos dela. Para tanto, usamos as chamadas “dicas visuais”.

Algumas dessas dicas são:

• Quanto maior a importância do tópico, maior sua visibilidade;
• Relacione visualmente as coisas que também estão relacionadas logicamente: agrupe tópicos semelhantes sob um cabeçalho e mantenha áreas claramente definidas para cada seção do seu site.

Deixe as escolhas claras e simples

De acordo com Steve Krug em seu livro “Não me faça pensar”, não importa o número de vezes que os usuários devam clicar desde que cada clique seja uma escolha óbvia, ou seja, oferecer opções claras e simples dá maior segurança para quem está navegando por sua página.

Elimine palavras desnecessárias

Uma das mais atraentes características da internet é a agilidade que ela trás para nosso cotidiano. Quando acessamos um site não queremos perder tempo lendo informações desnecessárias, queremos apenas o necessário para atingir nossos objetivos com rapidez e eficiência, então seja sempre conciso e explicativo em suas páginas.

As pessoas não utilizarão seu site se não conseguirem andar por ele

É um fato: se não soubermos navegar por um site, não o utilizaremos. Manter uma navegação simples e consistente é muito importante para a satisfação do usuário de um site. Alguns pontos importantes para deixar a navegação clara são:

Todas as páginas devem ter um nome e este nome deve ser equivalente ao link que cliquei para chegar até ela.

Mostre ao usuário onde ele está: definir a localização que a pessoa está na página oferece um senso de localização. Uma das melhores formas de fazer isso é usando BreadCrumb Navigation.

Deixe claros os pontos de entrada

Pontos de entrada são os lugares por onde o usuário vai começar a navegar pelo seu site, pode ser uma caixa de pesquisa ou a lista de seções.

Deixe esses pontos visíveis e auto-explicativos para que as pessoas que visitam sua página saibam por onde começar e possam tirar o maior proveito possível do que seu site tem para oferecer.

E você? O que tem feito para melhorar a usabilidade de sua página? Deixe suas dúvidas e sugestões na área de comentários abaixo. Abraços e até a próxima.

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites. Não perca a oportunidade de conferir as nossas ferramentas de SEO.
Artigo Original: Simplifique e Satisfaça – 5 Dicas de Usabilidade

Curso de SEO

Há algumas semanas, escrevi sobre algumas dicas para melhorar as taxas de bounce rate do seu site ou blog através dos calls to action. Hoje vou continuar a falar um pouco de design, mas desta vez, do site inteiro… Será que ele influencia nas taxas de conversão?

Usabilidade x Conversão

A palavra-chave para a escolha de um template para blog ou design de um site é usabilidade, pois você deve ter sempre em mente a importância de facilitar a vida do usuário em seu site – não o canse em templates complexos e sofisticados demais para o seu propósito. Assim, os elementos devem estar dispostos de maneira organizada em todas as páginas, e essa organização deve ser feita de maneira intuitiva para o usuário.

É importante ressaltar elementos visuais que ajudem o usuário a navegar no site intuitivamente – por exemplo, utilize um menu que se parece um menu e se comporta como um menu. Geralmente, o menu fica no topo do site e com uma lista de links em uma linha. No máximo um drop down para opções sobre os itens de menu.

Ao organizar os elementos de maneira intuitiva, você evita que seus usuários saiam de seu site por não encontrar aquilo que procuram – muitas vezes, pode não ser o caso de o seu site não ter a informação, mas somente o usuário não foi capaz de encontrá-la por navegar demais e encontrar seus objetivos de menos.

Naturalmente, isso é diretamente impactante na conversão, pois se o usuário não entende o site, não entende como navegar, não encontra uma forma clara de navegar, ele pode ir embora por se cansar de tentar. O ideal é que ele acerte de primeira, por isso a importância de não fugir aos padrões dos sites de maior sucesso dentro de determinado nicho.

Para um site de ecommerce, procurar sites de ecommerce. Para um blog, procurar temas mais comuns de blogs. Para portais de notícia, acompanhar sempre como os grandes estão fazendo – é a maneira como as pessoas estão acostumadas a encontrar determinado tipo de conteúdo.

Outro detalhe que segue o conceito de intuição das pessoas é o esquema de cores utilizado e seus significados implícitos. Grande parte das cores utilizadas nos designs de sites tem em si algum valor emotivo ou “reativo” agregado, por exemplo:

• O azul traz a sensação de frio, de água e sono.
• A cor amarela é sinal de alerta: “Tome cuidado!”, “preste atenção”
• Vermelho quer dizer “pare!”, “perigo”, “fogo” – implica em necessidade de muito cuidado e atenção e traz a sensação de calor / quente
• A cor verde significa “pode ir”, “está tudo bem”.

O detalhe aqui é pensar mais uma vez no CTA, se o objetivo é que o usuário tome determinada ação, pode ser interessante evitar cores vermelhas, pois despertam a sensação de perigo, enquanto o verde vai tranquilizá-lo a seguir em frente.

Escolher ou montar um template fácil de utilizar e com cores agradáveis, que não cansam, auxilia e muito nos seus trabalhos de SEO – fazer o usuário chegar ao site é somente parte do trabalho, mantê-lo no site é igualmente importante. De nada adianta utilizar as mais avançadas técnicas de otimização de sites se o usuário não consegue navegar e se encontrar nas suas páginas.

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites. Não perca a oportunidade de conferir as nossas ferramentas de SEO.
Artigo Original: Usabilidade x Conversão

Curso de SEO

Semana passada escrevi um post sobre calls to action, o motivo pelos quais eles são importantes e algumas dicas de como melhorar as conversões do seu site através deles. Nessa semana, vou voltar a esse assunto com mais algumas dicas de como melhorá-los.

Se você não leu o post de semana passada, vale lembrar que CTA é uma sigla para “call to action” ou, chamadas à ação. Esses CTAs são funções ou links que incitam o usuário a realizar ações dentro do site – botões para inscrição em serviços, compras, enquetes. Esses são apenas alguns dos exemplos mais comuns de CTAs.

Conversões x Posicionamento

Uma das principais metas ao iniciar uma campanha de SEO, com certeza, é a melhora de posicionamento nas pesquisas. Entretanto devemos ter em mente que as conversões também são muito importantes – de que adianta ter ótimos posicionamentos e número de visitas se os usuários não realizam as ações desejadas dentro do seu site? Ou se, no caso de blogs, os usuários apenas dão uma olhada na landing page e não permanecem no site?

Conteúdo de qualidade e usabilidade são dois fatores essenciais para a conversão de um site. No quesito usabilidade, ter um carinho especial com os CTAs de seu site com certeza é algo de grande valia.

Mas, se você já tomou providências em relação à seus CTAs e mesmo assim não obteve bons resultados, está na hora de se perguntar: “Meus usuários estão vendo os CTAs?”.

Porque os usuários não vêem os CTAs?

1 – Cores de tons muito próximos

Os CTAs são elementos que precisam de um certo destaque na página. Entretanto, muitos designers – afim de não interferir nas cores do template – preferem utilizar cores muito próximas daquelas já utilizadas no site. Dessa maneira os CTAs ficam “apagados” na página.

Uma boa maneira de contornar essa situação, sem fazer um carnaval de cores na página, é escolher uma cor que dê um destaque moderado. Se o site está em tons de azul ou verde, por exemplo, abóbora ou vermelho são ótimas opções – nem que sejam utilizadas em tons pastéis.

2 – Páginas “poluídas”

Abarrotar vários elementos em uma página a torna difícil de decifrar e muito pouco convidativa para o usuário. Isso geralmente ocorre em sites onde se exagera na quantidade de anúncios de publicidade, Ad-senses, botões, imagens, flashs e outros elementos.

Nesse tipo de página é difícil identificar corretamente a funcionalidade de cada elemento – ou seja, elas se tornam muito pouco convidativas para o usuário.

Nesse caso, tome cuidado com a quantidade de elementos que você tem em cada página. Nenhum usuário vai querer perder tempo procurando por um botãozinho perdido em uma página repleta de coisas.

Outra maneira de evitar essa situação é ter bem definidas as funções de cada página.

3 – Páginas muito pesadas

Esse tipo de página pode ou não ser conseqüência do tipo de página anterior. Nem todas as pessoas utilizam internet de alta velocidade – nem todas as pessoas têm tempo de esperar as páginas serem carregadas e, se tiverem, isso não garante que essaas pessoas vão esperar.

Uma boa maneira de evitar esse tipo de problema é escolher modelos simples de templates e, mais uma vez, tomar cuidado com a quantidade de elementos inseridos nessa página – o tamanho da página é essencial.

4 – Títulos não atrativos / Incoerentes

Os títulos utilizados tem a funcionalidade de convencer o usuário a clicar nos botões. Portanto, eles tem de combinar textos atrativos, mas que ao mesmo tempo sejam explicativos.

Textos não atrativos não vão convencer o usuário a clicar nesses botões, textos que não têm nada a ver com a finalidade do botão farão com que seus usuários se sintam enganados. E, conseqüentemente, seu site perde credibilidade.

São pequenos detalhes, mas prestar atenção  neles e trabalhar suas páginas de forma a evitar esses erros pode ser a diferença entre páginas que convertem bem e outras que não. Melhorar a usabilidade é uma estratégia de SEO simples, mas muito eficaz – páginas intuitivas e fáceis de utilizar com certeza ajudam o seu site a dizer um “volte sempre” a seus usuários, ao contrário de espantá-los para sempre.

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites. Não perca a oportunidade de conferir as nossas ferramentas de SEO.
Artigo Original: Calls to Action – Melhore as Conversões de Seu Site

Curso de SEO

Sempre que pensamos em melhorar a usabilidade do site, pensamos em breadcrumb navigation, melhorar a home, melhorar a estrutura de links e uma série de alterações muito importantes para fazer com que a experiência do usuário no site seja excelente. Entretanto, será que não está faltando nada na “checklist de usabilidade”?

O que é CTA?

CTA é um acrônimo para call to action, o que significa a “chamada à uma ação”. Ou seja, são links ou funções de uma página que levam os usuários a realizar ações. Os tipos de CTAs variam de página para página e podem ser links de navegação, links para compras, links para formulários de inscrição, e podem ser classificados da seguinte maneira:

Primários: É aquele que apela para a funcionalidade da página. Por exemplo, vamos supor que desejamos comprar uma geladeira X em um site de e-commerce. A página referente à geladeira que escolhermos tem a funcionalidade de vendê-la. Um claro exemplo de CTA primário nessa página é o botão de comprar/adicionar ao carrinho.

Secundários: Ainda utilizando o exemplo da geladeira, uma boa opção de CTA secundário é oferecer produtos relacionados em um ponto estratégico da página. A foco principal da página da geladeira é vendê-la, entretanto, ela também poderá vender os produtos complementares – o foco secundário.

Porque os CTAs são Importantes?

Usabilidade é a palavra de lei para os CTAs, pois eles facilitam a navegação do usuário, tornando-a mais clara e fácil. Além do mais, eles podem te ajudar no processo de convencer seu usuário a fazer o que você deseja (obviamente, se essa for a vontade do seu usuário).

Apesar de ter utilizado constantemente o exemplo dos sites de e-commerce, os CTAs são muito interessantes para blogs e sites informativos – enquetes, inscrições em feeds, usar um selo, indicar um aplicativo, votar em postagens – que atire a primeira pedra o blogueiro que nunca quis que seus leitores realizassem essas ações.

Devo ressaltar que os CTAs devem ser claros, objetivos e ter uma forte relação com sua proposta. Ninguém gosta de clicar em um botão para realizar uma determinada ação e se deparar com algo completamente diferente daquilo que foi proposto inicialmente.

Como Montar um CTA

Agora que já sabemos como um CTA é importante, fica uma dúvida na cabeça: “Mas como montar um CTA excelente?”. Para tanto, basta prestar atenção nos seguintes itens:

O que os usuários desejam?

Considere o tipo de visitantes de uma página. Como é que essas pessoas chegaram lá? O que elas procuram?
Ao responder a essas perguntas você consegue identificar qual seria o próximo passo lógico de seus usuários e, dessa maneira, poder oferecer o que seus visitantes desejam através do CTA certo.

Conteúdo Específico

Esqueça dos textos âncora genéricos. “Clique aqui” é apenas um exemplo de âncoras que você não vai utilizar. Além de facilitar a vida de seu usuário, utilizar textos âncoras personalizados vai te auxiliar até mesmo no link building de seu site.
Cada tipo de página deverá ter seu próprio tipo de botão. Mas atenção, escreva textos curtos, auto-explicativos e precisos para seus botões. Aliás, uma boa maneira de montar esse tipo de link é através de botões gráficos personalizados.

Cor Utilizada

Por incrível que pareça, a cor a ser utilizada também é muito importante. Assim como temos cuidado na hora de escolher as cores utilizadas no design, é interressante prestar uma certa atenção na hora de escolher a cor dos nossos CTAs, pois para cada tipo existirá uma cor que melhor se adaptará a finalidade do mesmo.

Vermelho: A cor vermelha tem um efeito marcante na percepção visual dos seres humanos, tanto pelo seu aspecto físico (são as ondas mais largas do espectro de cores visíveis pelo homem) tanto na sua simbologia. E é justamente pelo destaque que proporciona, deve ser utilizado com moderação. Geralmente é utilizado para avisos e erros, mas também pode ser a cor perfeita para um botão de “compre agora”.

Curiosidades sobre a cor vermelha: é a primeira cor que o olho enxerga pela manhã e a primeira que a criança consegue reconhecer.

Amarelo: É a primeira cor que o olho humano consegue visualizar, e é justamente por isso que são amplamente utilizadas em placas de trânsito. Amarelo também é uma boa cor a ser utilizada em CTAs. Da mesma maneira que o vermelho, devem ser utilizadas com cautela.

Curiosidade sobre a cor amarela: Estimula a memória.

Laranja: Tem um efeito menos marcante que o vermelho ou o amarelo, mas não é menos interessante. Também é ótimo para CTAs.

Ao considerar a cor para os seus botões, leve em consideração que apesar da cor ter que proporcionar um destaque aos botões em relação às cores utilizadas em seu site, ela não deverá atrapalhar o seu design original. Aliás, se você quer mais algumas dicas nesse assunto, no Monkey C Media você vai encontrar um artigo muito interessante sobre as cores e os CTAs.

Montar CTAs atrativos e eficientes pode ajudar e muito na melhora da conversão de sites e blogs. E, assim como algumas das principais técnicas de SEO, não demanda grandes esforços ou técnicas complicadas, bastando apenas se apoiar na experiência do usuário e como ela pode ser melhorada.

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites. Não perca a oportunidade de conferir as nossas ferramentas de SEO.
Artigo Original: CTA? – Tudo que você Precisa Saber sobre “Calls to Action”

Curso de SEO

O mundo anda fascinado por SEO e anda se esquecendo de alguns fatores simples que também são muito importante.

Para criar um site de sucesso, não adianta apenas aplicar as melhores técnicas de SEO para estar nas primeiras posições dos resultados de busca e achar que todos os seus problemas estão resolvidos.

O que adianta receber um grande volume de visitas se ao entrar no site o visitante não consegue encontrar uma determinada informação ou adquirir um serviço porque não a encontrou ou porque a interface era tão desagradável que ele preferiu abandonar site e procurar um melhor já que no mundo online o seu concorrente está apenas a um clique de distância.

Pensando nisso, entra em questão a usabilidade do site, o desejo de criar interfaces amigáveis a fim de oferecer ao usuário seu produto da melhor forma possível.

Muitos fatores devem ser considerados quando o objetivo é criar uma interface ‘user-friendly’. Então, algumas dicas para melhorar a usabilidade do seu site:

1. Fique de olho tempo de carregamento

Uma coisa chata da web é ter que esperar um conteúdo carregar. O mundo ultimamente está sempre com pressa. Geralmente os usuários navegam na internet durante aqueles 15 minutinhos entre um compromisso e outro.

Imagina você com apenas alguns minutinhos para encontrar aquela informação importante ter que esperar a página carregar.

Quando isso acontece grande parte dos usuários voltam aos resultados de busca, fazem a pesquisa novamente a fim de encontrar um site que não exija esse tempo de espera.

2. Disponibilize um conteúdo fácil de ler

Você achou a informação que tanto queria, mas tem que fazer aquele esforço para ler porque o letra está muito pequena, com cor próxima do fundo e ainda meio embaçada.

Imagina você fazendo uma pesquisa importante para seu trabalho de conclusão de curso. Você encontra um artigo muito interessante, porém ele é super longo e difícil de ler.

Neste caso, as pessoas acabam procurando um outro site que tenha uma informação semelhante e que seja mais fácil de ler.

Além disso, para muitos search engines, letras muito pequenas com cores próximas ao fundo são consideradas spam.

3. Disponibilize um conteúdo organizado

Os usuários não leem todo o conteúdo de uma página como se fosse um livro. Eles leem primeiro o que chama a atenção.

Exemplo de um conteúdo não organizado:

Então, colocar títulos e subtítulos bem descritivos facilita a leitura e o entendimento do usuário. Desse modo, é possível saber do que se trata uma determinada parte sem que precise ler todo o conteúdo da página.

E dividir o conteúdo em parágrafos pequenos faz com que o usuário não desista de ler antes de começar.

Em comparação ao exemplo anterior, um conteúdo organizado:

4. Utilize atributo ALT na imagem

O atributo ALT nas imagens é interessante, pois caso a imagem não carregue por algum motivo o texto é colocado no lugar. Assim o usuário pode tentar imaginar a imagem que apareceria no local.

Os search engines não conseguem identificar conteúdo da imagem. Então, o atributo ALT tem o objetivo de fornecer algum tipo de informação sobre a imagem.

5. Faça uma página 404 customizada

É comum clicar em um link e cair em uma página não encontrada. Por mais que você cuide do seu site isso pode acabar acontecendo.

Quando isso acontece, na maior parte dos casos, o visitante acaba abandonando o site, pois raramente ele clica no botão de voltar do navegador.

Por isso, para não perder o visitante, a melhor opção é criar uma página de 404 personalizada, com links para outras páginas do site para que o usuário tenha outras opções além de deixar o site.  Como exemplo temos a página com erro 404 customizada:

6. Faça um site fácil de navegar

Quando um visitante entra em site pela primeira vez ele não sabe onde estão às informações, logo tem que procurá-las. Para isso ele usa a intuição se perguntando onde pode estar tal coisa.

Se a navegação for complexa ele vai ter muita dificuldade para encontrar o que quer e pode acabar desistindo no meio do caminho o que geralmente acontece. Para que isso não aconteça uma navegação simples e intuitiva é a melhor opção.

De acordo com estudos de usabilidade os usuários tentem a ler o conteúdo em forma de F. Desta forma o melhor é que a barra de navegação esteja na lateral esquerda ou no topo.

Outro problema relacionado à navegação é sobre a aparência dos links. Não ter um padrão para os links prejudica a usabilidade pois o usuário nunca tem certeza o que é um link e o que não é sendo necessário passar o mouse sobre o conteúdo. Sendo assim, na maior parte dos casos o mais usado é o underline.

Além disso, os links devem ter texto âncora descritivo para que o usuário saiba para que página vai se clicar no link.

7. Coloque o conteúdo mais importante no começo

Grande parte dos usuários web são adeptos a lei do menor esforço. Quanto mais fácil achar o que deseja melhor. Quando um usuário está procurando um determinado conteúdo na web então quanto mais rápido e fácil ele encontrar  melhor.

Colocar o conteúdo mais importante logo no começo permite ao usuário identificar do que se trata sem a necessidade de ficar percorrendo toda a página para descobrir. Assim, diminui a possibilidade de abandonar o site por não ter encontrado o conteúdo porque ficou com preguiça de ir até o final da página.

8. Tenha páginas com títulos explicativos

A tag TITLE é poderosa. O usuário pode identificar o conteúdo da página apenas lendo o título. Neste caso ele sabe do que se trata e se é o que precisa.

Com relação à página dos resultados de busca, o título aparece em destaque e os usuários têm tendência, além de clicar nos primeiros resultados, escolher o que está mais relacionado com o que está sendo pesquisado através de um título atrativo aumentando assim o CTR da página.

Para os search engines a importância é ainda maior. A TITLE é um dos elementos mais importantes da página. Por isso, colocar as keywords na title da página e cada título ser único influencia no ranking.

9. Utilize URL amigável

Um dos lados negativos da web nos dias atuais são os spams. URLs não amigáveis cheia de caracteres estranhos são umas das características dos conteúdos spams.

Exemplo de URL não amigável:

Devido aos spams os usuários web tem um certo receito de entrar em páginas com esse tipo de URL. Logo, ter uma url amigável ajuda a evitar esse tipo de engano. Além disso, uma URL amigável é mais fácil de ser memorizada caso o visitante queira retornar na página no futuro.

Exemplo de URL amigável:

URL amigável também influencia no ranking, desta forma deve ser aproveitada utilizando as keywords da página na url.

Concluindo

Como vimos, não adianta aprender as técnicas mais mirabolantes de SEO se você não ajuda quando o usuário já está no seu site. Não adianta ter o melhor conteúdo se o usuário não consegue encontrar. Por isso, se você quer criar interfaces amigáveis a primeira coisa que deve ter em mente é “Não faça o usuário pensar!”.

Gostou do post? Deixe seu comentário ou conte-nos alguma modificação que você fez para melhorar a usabilidade do seu site.

T+

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites. Não perca a oportunidade de conferir as nossas ferramentas de SEO.
Artigo Original: 9 Dicas para Não Espantar o Seu Usuário

Curso de SEO

Mas antes de começar a escrever, é importante conhecer como as pessoas lêem na Internet. E a maioria não lê, mas “escaneia” as páginas. E quem comprova o fato é o site useit.com, especializado em Usabilidade na Internet:

Naturalmente, as áreas em vermelho indicam onde as pessoas mais olham quando estão analisando uma página. O importante a se observar é que o padrão de leitura se mantém na forma de um F.

Padrão F de Leitura e Escrita

Como as pessoas lêem seguindo esse padrão em F, nada mais óbvio do que escrever nesse padrão. O que ele indica é que as pessoas lêem da esquerda para a direita e de cima para baixo, dando especial atenção para o primeiro parágrafo, seguindo uma busca por mais informação e a leitura de outro parágrafo. Esse é o padrão geral de leitura, portanto, deve ser também o de escrita, para capturar a atenção do visitante nos pontos certos.

Dicas de Como Escrever na Web

Como é preciso primeiro conquistar o leitor para que depois ele de fato leia todo o conteúdo da página, algumas dicas devem ser seguidas para não perdê-lo no meio do caminho, ou seja, o momento que ele escaneia a página:

• Título da página claro e destacado
• Valorizar os 2 primeiros parágrafos – diga logo o que vai ser encontrado na página
• Evite parágrafos introdutórios com “blá-blá-blá”
• Escreva parágrafos curtos envoltos por espaço vazio (espaço entre os parágrafos)
• Use imagens bem feitas e elucidativas
• Use listas para destacar pontos importantes
• Use subtítulos para especializar o conteúdo
• Use efeitos de texto (negrito e itálico)
• Cite referências e faça outros links

Por fim, vale ressaltar também o uso do português correto na escrita ou, pelo menos, com o mínimo de erros, e que não sejam escritos textos longos demais, a menos que seja necessário; e sempre leia muito, leia o que você escreve e leia o que os outros escrevem. Até a próxima!

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites. Não perca a oportunidade de conferir as nossas ferramentas de SEO.
Artigo Original: Usabilidade: Como Escrever Na Web

Curso de SEO

• Em que site/página estou;
• Onde no site eu estou;
• Onde eu estava/Por onde já passei;
• Para onde posso ir/Onde clicar.

Uma boa estrutura de navegação ajuda os buscadores a melhor entender a estrutura do site bem como melhora a usabilidade do site para uma pessoa. Criar uma navegação eficiente para o site é essencial, uma importante tarefa de SEO.

É comum encontrar links em imagens servindo como navegação, especialmente no menu principal do site. Embora isso venha a ser esteticamente adequado, normalmente não agrega valor semântico ao link, ou seja, contexto, por não ser utilizado um texto como âncora, e sim uma imagem, assim o buscador não vai saber a relevância daquele link.

Para diminuir este problema de navegação por imagem, deve-se usar o atributo alt da tag img, para definir o texto alternativo à imagem e, principalmente, informar aos buscadores o que é aquela imagem: “Página Inicial”, “Sitemap”, etc. Contudo, isso não substitui a importância de um link utilizando texto como âncora.

Outra maneira de escapar desta falta de contexto da navegação por imagens, é prover uma navegação alternativa, geralmente encontrada no rodapé da página, com links em texto, ou seja, dando valor semântico ao link.

A razão principal para se oferecer uma navegação por links em texto, e não em imagens, é que isso aumenta a densidade de palavras-chave na página e, o principal, cria links internos com keywords, aumentando a relevância dos links e fazendo com que as páginas do site ganhem links com keywords relevantes.

Para conseguir tudo isso de uma vez, o uso de breadcrumbs é o mais recomendado. Ele informa precisamente ao visitante onde ele estava, onde ele está, como fazer para chegar até ali. Também é importante mostrar ao visitante onde ele já esteve definindo uma cor diferente para links para páginas já visitadas, o que pode ser feito por css.

Navegação Dinâmica

Navegação dinâmica é um termo aplicado para quando as coisas acontecem no browser (client-side navigation) do usuário, muito comum no JavaScript. Os buscadores, de modo geral, não se dão bem com coisas que devem acontecer no lado do cliente, no navegador.

Como sempre, é recomendável evitar javascript, mas se for usado, é necessário saber usar JavaScript com SEO e fornecer uma navegação alternativa com links em textos de forma estática.

Site Map – Mapa do Site

O sitemap é uma maneira muito boa de prover uma fácil navegação. Embora o uso por parte de pessoas não seja muito frequente, o sitemap é bastante útil para pessoas que chegam até lá. Por outro lado, os buscadores fazem o uso do sitemap com frequência, por conter uma relação de, pelo menos, os links para as principais páginas do site, senão todas as páginas do site.

Um sitemap deve ser acessado a partir da página inicial do site e ser:

• Pequeno, para carregar rápido;
• Sem muitas imagens, decorações, etc – assim ele fica pequeno;
• Simples: uma lista de links – links em texto.

SEO: Navegação para Visitantes e Buscadores

Resumindo: Prover uma boa navegação dá um tom profisional ao site, ajuda o usuário a navegar pelo site e ajuda o buscador a encontrar todas as páginas, bem como aumentar o ranking das páginas e de todo o site. Para o visitante, uma navegação clara pode predê-lo por mais tempo no site, fazendo com que ele retorne à páginas anteriores e busque novas informações.

A melhor maneira de testar a facilidade de navegação do seu site é pedindo para alguém que não está familiarizado com o site o utilize por alguns minutos em busca de alguma informação ou produto. Se ele se virar bem, você pode ficar menos preocupado e pedir para outra pessoa testar também.

Comentem e assinem o nosso feed. Até a próxima.

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites. Não perca a oportunidade de conferir as nossas ferramentas de SEO.
Artigo Original: SEO: Navegação para Visitantes e Buscadores

Curso de SEO

Navegação no Topo

Aqui é importante ter o logo da sua empresa, isso ajuda o usuário a identificar seu site, se ele demora a fazer isso pode ir embora muito rapidamente. Seu logotipo de ter um link para a home, mas coloque rel=“nofollw” no link, é simples, com certeza você achará um link em texto com uma boa âncora dentro do site que apontará para sua página principal. Este link em forma de imagem não tem o mesmo peso do link com texto, simplesmente ajuda o usuário a voltar para a home. O cabeçalho é um ótimo lugar para colocar links para algumas páginas importantes, como uma busca, cesto de compras, informações.

Navegação principal

A navegação principal deve ser colocada na parte superior ou na lateral do site e deve linkar para suas principais páginas. A categorização aqui é muito importante, e lembre-se de só deixar nesta barra de navegação o que é realmente importante. Muita informação pode confundir o usuário. Escolha um bom texto âncora para cada link.

Navegação no Rodapé

O rodapé é um bom lugar para colocar links que possam ser relevantes para o usuário que atingiu a parte inferior do site. Aqui você pode ter links para políticas do site, sitemaps, e também uma alternativa para que o usuário retorne para as páginas principais, isso pode ajudar a prendê-lo por um tempo maior. Através do google analytics você pode conferir quais páginas são realmente as mais visitadas e fazer um tipo de um mini sitemap para elas.

Breadcrumb

O breadcrumb funciona como um localizador para o usuário, mas mais do que isso ele pode ajudá-lo a navegar pelo site, pois contem links que ajudam a buscar coisas da mesma categoria ou sub-categorias, ou até retornar a página principal. Se ele gostou do site com certeza vai querer dar uma navegada mais profunda, e o breadcrumb é uma excelente maneira fazer o usuário gastar um tempo maior no seu site.

A navegação é importantíssima para uma boa usabilidade do site, evitar perda do usuário e mesmo não parecendo uma técnica de SEO, tem importância na linkagem interna do site. Um trabalho bem feito na construção da navegação representa a diferença de um cliente/usuário satisfeito de um frustrado. Até a próxima, Abraços…

fonte: searchengineguide.com

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites. Não perca a oportunidade de conferir as nossas ferramentas de SEO.
Artigo Original: Como criar uma navegação eficiente no seu site

Curso de SEO

O grande problema com as landing pages é que elas só mostram uma característica do produto, o preço e um botão “comprar”. Juntamos tudo isso e ficamos pensando no motivo para as conversões serem baixas. Então, é hora de ir além disso e gastar um pouco mais de tempo em nossa landing page. Os usuários que chegam sempre se perguntam “Era isso mesmo que eu estava procurando? Esse site é real (ou confiável) ou é só spam? Vale a pena gastar tempo aqui?”.

O que você precisa fazer é parar de pensar “isto é o que eu quero” e começar a pensar em “isso é o que os clientes querem”. Usuários buscam por coisas – produtos, serviços, informação – e se você estiver aparecendo em algum resultado de busca, você precisa fornecer o que foi buscado e satisfazer as expectativas de quem clicou no seu site e chegou até sua landing page. Senão o visitante simplesmente clica no botão Voltar e procura outro site.

Além disso, sua landing page deve satisfazer também os objetivos do seu negócio. Você precisa coletar informações? Vender um produto? Divulgar seus serviços? Qualquer que seja o objetivo, sua landing page deve ser construída visando isso. Então, um passo importante é estabelecer seus objetivos.

Visto isso, vamos então às dicas de como otimizar suas Landing Pages:

Estabeleça credibilidade: seu design aparenta ser profissional? Nenhum espaçamento desnecessário ou problema de formatação? Não deixe passar erros de gramática ou digitação. A landing page será responsável pela primeira impressão sobre sua empresa.

Faça um design profissional de acordo com o seu ramo: pesquise em seus concorrentes quais são os padrões de landing page. Olhe cada uma e veja por que eles podem estar ganhando de você. Isso lhe dará uma boa idéia do que os consumidores estão acostumados a ver e o que funciona em seu ramo.

Deixe tudo funcionando: verifique todo o funcionamento da landing page. Todas as imagens, vídeos e links. Por que o cliente vai achar que seu produto funciona se sua página não funciona?

Reduza ou elimine a navegação: Na maioria das vezes o usuário não chega ao seu site para passear pelo resto dele. Elas chegam à landing page pelo que ela ofereceu e quer ver toda informação que ele precisa ali mesmo. Não dê motivos para que ele saia dessa página sem tudo que ele precisa para comprar. Ou ainda, sem comprar.

Utilize poucos, mas bons gráficos: não exagere nos gráficos, não decore sua página simplesmente por decorar. A informação é a parte mais importante e os gráficos não devem sobrepor ela.

Otimize a disposição do conteúdo: Coloque sempre a informação mais importante primeiro. E caso necessite rolar a página para ver toda ela, repita o botão de compra algumas vezes ao longo da landing page. Evite também que o usuário pense que chegou ao fim de sua landing page quando ainda existe mais informação a ser mostrada.

Encontre um meio termo no que mostrar: não coloque imagens, vídeos, enquetes e animações em Flash todos ao mesmo tempo em sua landing page. Coloque somente o necessário para não cansar nem irritar o visitante.

Deixe seus botões com aparência de botões e otimize-os: um ponto importante na sua landing page são os botões. Onde o cliente vai clicar para fazer a compra? Não tente inventar demais e confundir o visitante.

No mais, é importante também testar algumas versões de landing page para ver qual traz mais retorno.

Aqui estão mais algumas dicas em usabilidade que podem ajudar em sua landing page.

Fonte: seomoz.org

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites. Não perca a oportunidade de conferir as nossas ferramentas de SEO.
Artigo Original: Como Otimizar Uma Landing Page

Curso de SEO

Também devemos considerar que hoje em dia cada vez mais usuários estão utilizando diferentes formas de acessar a internet. Seja por aparelhos celulares ou navegadores alternativos que podem até excluir completamente as imagens e a maioria da formatação do seu site.

Pensando nisso, selecionei algumas dicas em usabilidade e acessibilidade para o post de hoje:

Acessibilidade:

Declaração de Doctype

A declaração do doctype especifica qual versão de HTML é utilizada no seu site. Isso vai ajudar o navegador a montar o site, sabendo qual é a melhor maneira para interpretar a informação que chegou até ele. Todas as páginas devem especificar o doctype e a codificação de idioma. Mais informação sobre isso pode ser encontrada em w3.org.

Padronização das páginas

Utilize CSS para especificar todos os padrões de fonte, cor, tamanhos e alinhamento do texto no seu site. Diferentes navegadores utilizam padrões diferentes para essas configurações, então é importante manter o controle sobre isso para que o design do seu site não fique completamente diferente de como ele foi feito.

Listas com marcadores

Sempre faça listas utilizando marcadores corretos (UL, OL ou DL) e (LI, DT ou DD). Embora seja possível criar listas com outras formas de código e até mesmo com asteriscos, utilizar esse padrão garante que usuários não percam a formatação mesmo utilizando diferentes plataformas.

Navegação sem CSS

Alguns navegadores, principalmente os mais compactos utilizados em aparelhos celulares e que priorizam pouca transmissão de dados, podem não suportar CSS. Então faça testes para garantir que a informação do seu site seja acessada quando o CSS não estiver habilitado.

Usabilidade:

Otimização de Conteúdo

Seu conteúdo precisa ter um propósito, um começo, um meio e um fim. Cada página deve mostrar sua importância e seus benefícios.

Eliminação de distração

Elimine pop-ups ou qualquer outra coisa que distraia o usuário do propósito do seu site. Isso também deve reduzir o clutter (conteúdo não indexável), limpando o código fonte do seu site. Remova também links desnecessários que em teoria ajudariam na navegação do usuário, mas que na prática só confundem.

Informação Para Contato

Deve ficar claro no seu site como entrar em contato com você ou sua empresa. Algumas vezes esse é o principal motivo que levou o usuário a acessar o seu site. Em alguns casos é interessante até mesmo deixar disponível o telefone de contato em todas as páginas.

Links Externos

Não tenha medo de criar links para outros sites. Fornecer conteúdo relevante para seus usuários é um ponto positivo, mas cuidado para linkar somente para páginas necessárias e que não levarão visitantes embora.

Feedback

Permita que seus clientes enviem declarações sobre seus produtos e serviços. Mostre isso em seu site e permita também que os clientes mandem informações anônimas. Alguns podem preferir assim.

Leia também o post sobre Acessibilidade e Usabilidade em nosso blog caso queira mais informação no assunto e dicas em Search Engine Optimization.

Por hoje é só.

Referencias:

Search Engine Guide: Usability

Search Engine Guide: Acessibility

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites. Não perca a oportunidade de conferir as nossas ferramentas de SEO.
Artigo Original: 9 dicas em Acessibilidade e Usabilidade

Curso de SEO

A usabilidade vem se tornando cada vez mais importante nos dias atuais. Segundo uma pesquisa , cada £1 investido para melhorar a usabilidade de um site, pode dar um retorno de £10 a £100 e aumentar as vendas e taxas de conversão em 100%. Um site usual é aquele que mesmo que o usuário nunca tenha entrado no site, ele entende imediatamente do que se trata, sabe onde ele pode encontrar o que está procurando, de maneira fácil e rápida.

Alguns exemplos de coisas que melhoram a usabilidade de uma página:

• Ter uma barra de navegação que fique clara para o usuário quando ele entra;
• Não fazer uma montoeira de links de forma que fiquem ilegíveis;
• Criar uma padrão para os links, deixando explícito onde pode ou não ser clicado;
• Dar nomes objetivos a links em geral;
• Botões devem parecer botões, e não uma imagem qualquer, como pode ser visto em muitos sites;
• Facilitar ao máximo a pesquisa quando o site tiver uma, evitando usar termos do tipo “busca por palavra chave”;

Essa foi uma breve introdução a usabilidade, nos próximos posts estarei trazendo mais informações sobre usabilidade, SEO e  posicionamento de sites aprofundando um pouco mais os tópicos abordados nesse post.

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites. Não perca a oportunidade de conferir as nossas ferramentas de SEO.
Artigo Original: Usabilidade: Introdução e 6 Fatores para Aumentar a Usabilidade do Site

Curso de SEO

Ser Flexível às Necessidades e Possibilidades do Usuário

Ser flexível ao usuário significa não criar uma página “dura”, quer dizer, a página deve se adaptar às necessidades e/ou possibilidades do usuário. Com a chegada do CSS, isso foi, em muito, facilitado.

Quando se define um estilo para o texto, é importante pensar nos diferentes meios segundo os quais a página poderá ser acessada, ou seja, resolução de monitor, pessoas com dificuldade de leitura (problemas de visão, por exemplo) ou até mesmo pessoas que acessam a internet por dispositivos móveis.

É preferencial que se use tamanhos relativos para páginas e textos, assim, uma pessoa com dificuldade para ler textos em tamanhos pequenos terá a página ajustada às suas necessidades.

Não Exagerar nas Imagens com Texto

Bom, aqui é muito simples de entender. O buscador não consegue ler texto nas imagens, portando é bom não exagerar. Não é proibido, mas texto é texto. Você pode estilizar e criar um logo em imagem com o nome do site, mas eu recomendaria usar texto.

Estabelecer e Respeitar o Design do Site

Essa dica eu já passei para outros tópicos também.

Primeiro, mantendo um padrão no design, as pessoas vão conseguir encontrar os elementos da sua página sempre. O menu sempre à esquerda ou sempre acima do conteúdo, um campo de busca sempre no canto superior direito, o logo/nome do site sempre no canto superior esquerdo e com um link para a index, etc.

Esses são padrões de design já estabelecidos, vale a pena seguir, mas não é proibido arriscar coisas diferentes.

Disponibilizar uma Navegação Fácil e Clara

Bom, com a dica anterior, esta aqui fica praticamente garantida. Ainda, pode-se usar o Breadcrumb Navigation, dependendo do tamanho do site.

Usar “alt text” com as Imagens

Use textos na alt text que sejam informativos, assim o usuário terá uma informação a respeito da imagem. “imagem1″, “imagem2″, “imagem3″ não transmitem nenhuma informação.

Manter Arquivos de Tamanho Pequeno

O botão de voltar no browser é um dos mais usados na internet. Se uma página demora muito para carregar, um usuário pode nem chegar a ver o conteúdo e abandonar a página. É importante manter os arquivos das páginas em tamanho pequeno.

Campo de Busca no Site e Sitemap

Um campo de busca para buscar conteúdo no site é uma ferramenta muito interessante quando se tem um site grande. Com certeza as pessoas farão uso dela e terão bom proveito se o site provê bastante conteúdo em seu tema.

Por outro lado, em sites pequenos não é conveniente ter essa ferramenta de busca, pois muitas das buscas que um usuário pode executar provavelmente acabariam em falha, sem achar nenhum resultado. Disponibilizar um sitemap pode resolver essa situação de encontrar conteúdo no site.

Por hoje é só

Bom, essas são algumas dicas de SEO para melhorar a usabilidade do site. Se alguém tiver mais dicas, comente aí! Até a próxima!

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites. Não perca a oportunidade de conferir as nossas ferramentas de SEO.
Artigo Original: 7 Dicas de SEO para Usabilidade

Curso de SEO