Como criar links no seu blog WordPress para aumentar o engajamento
Quando as pessoas acessam seu blog, elas geralmente realizam uma das duas ações:
- Saltar direto
- Comece a ler
Hoje quero focar nessa segunda ação porque alguém que começa a ler está no início de uma jornada que você deve assumir. Um visitante lendo algum texto em seu site não oferece, por si só, nada de valor – a chave é capitalizar esse engajamento inicial e, finalmente, fazer com que o visitante realize qualquer ação primária desejada que você deseja.
Existem muitos fatores (como design e texto) que entram em jogo para determinar o quão engajados seus visitantes estão e a probabilidade de conversão. No entanto, um fator extremamente influente, mas raramente discutido, é o simples hiperlink. A realidade é que os links são ferramentas extraordinariamente poderosas e ignorar as melhores práticas em relação à sua criação pode fazer com que seu blog funcione como uma peneira, com cada buraco representando um link.
Neste post, quero ajudá-lo a escorar muitos desses buracos. Ao seguir e implementar os conselhos abaixo, você provavelmente verá taxas de engajamento e conversões aprimoradas ao longo do tempo e, de um ponto de vista menos tangível, também melhorará drasticamente a experiência do visitante.
Como formatar seus links
Vamos começar com o básico absoluto. Cada link em seu site deve ser claramente representado como um link – ou seja, deve ser claramente distinguido de outro texto na página e deve ser óbvio que é um link.
Na década de 1990, um link era tipicamente azul e sublinhado assim . As pessoas se acostumaram a um link com uma determinada aparência e, portanto, ficariam confusas se fossem confrontadas por um texto sublinhado da mesma cor que o texto do corpo ou um texto de cor diferente, mas não sublinhado .
Embora o texto azul sublinhado ainda seja onipresente em nossas mentes como um link, hoje em dia os hiperlinks que não estão sublinhados são comuns e totalmente aceitáveis. No entanto, você ainda deve garantir que seus links se destaquem claramente. Não deixe o usuário confuso sobre o que é ou não um link em nenhum ponto do seu site.
E embora os links sublinhados não sejam tão comuns hoje em dia, é aconselhável não sublinhar nenhum texto em seu site como regra geral, a menos que seja um link. A maioria das pessoas ainda associa texto sublinhado na web com hiperlinks e, como tal, deve ser reservado apenas para hiperlinks. Se você quiser enfatizar o texto, use negrito para destacar frases-chave (por exemplo, isso é realmente importante) e itálico para sugerir inflexão na vocalização de uma palavra (por exemplo, eu realmente quero que você leia isso).
Texto âncora
Para quem não sabe, texto âncora são simplesmente as palavras usadas em um link, sendo a mais comum “clique aqui”. O texto âncora é extremamente importante por uma série de razões ( otimização de mecanismos de busca WordPress é um exemplo óbvio), mas neste post eu quero focar na usabilidade, o que significa essencialmente a facilidade com que alguém pode entender o que um link leva antes que eles Clique nisso.
Os usuários da Internet são, em sua maioria, bastante experientes nos dias de hoje e, como tal, não precisam de mãos dadas da mesma maneira que faziam há 10-15 anos. Não é mais necessário prefaciar cada link com um texto âncora “clique aqui” – em vez disso, é muito mais útil para o visitante ser descritivo e muito melhor para o “fluxo” de texto incorporar links de forma intuitiva. Por exemplo, considere os dois textos âncoras a seguir:
- Para saber mais sobre nossos produtos clique aqui .
- Saiba mais sobre nossos produtos .
O segundo texto âncora se destaca mais, é mais fácil de entender e mais fácil de clicar. Em poucas palavras, é muito superior à alternativa “clique aqui”. Você deve sempre se esforçar para incluir texto âncora contextualmente relevante em seu blog.
Em termos de apresentação, parece mais simples excluir sinais de pontuação do texto âncora. Além disso, é importante que você permaneça consistente na maneira como exclui os sinais de pontuação do texto âncora, pois isso tornará a experiência do usuário mais previsível e mais agradável.
Texto do título
Existem essencialmente dois elementos que descrevem um link e ajudam os usuários a decidir se devem ou não clicar nele. O primeiro (e mais importante) é o texto âncora, mas não se deve ignorar o valor do texto do título.
Na maioria dos navegadores de desktop, o texto do título do link é o pequeno texto pop-up que aparece quando você passa o mouse sobre um link (para o qual o texto do título foi definido):
Se o texto âncora fornece contexto, o texto do título fornece esclarecimento. O exemplo acima é perfeito — o texto âncora e o texto ao redor nos levam a acreditar que o link leva a algo relacionado a (a) Jakob Nielsen e (b) sua reputação como “o rei da usabilidade”, e o texto do título esclarece que o link leva a uma biografia hospedada em um site específico. Não teria sido prático incluir o texto do título como texto âncora, mas serve como informação adicional útil.
Portanto, use o texto do título sempre que for apropriado. Você nem sempre precisa usar o texto do título – por exemplo, em uma situação em que fica totalmente claro no texto âncora para onde o link levará. Aqui estão dois exemplos comuns disso:
Em meu post recente no WPExplorer, “ The Periodic Table of WordPress Plugins (and My Top 5) ”, listei meus 5 principais plugins dos 108 mais baixados no WordPress.org .
O texto âncora do primeiro link inclui o título da postagem que está sendo vinculada. O texto âncora do segundo link fornece o nome do site ao qual ele está vinculado. Em ambos os casos, não há nenhum benefício real em repetir o texto âncora como texto de título ou incluir o que provavelmente seria informação supérflua como texto de título.
Se você quiser mais exemplos de uso eficaz do texto do título, passe o mouse sobre cada um dos links deste post. Alguns não têm texto de título (e deve ficar claro o porquê), enquanto outros têm.
Abrindo janelas em novas guias (ou não)
Quando se trata de usabilidade na web, descobri que a questão de abrir links em novas guias geralmente é um ponto de discórdia. Tendo considerado a questão detalhadamente, meu ponto de vista é o seguinte: se você deve ou não abrir links em uma nova guia, depende inteiramente do link.
Deixe-me explicar meu ponto de vista pedindo que você considere o valor de um link aberto em uma nova guia. Se um link abrir em uma nova guia, a página da Web na qual o usuário estava originalmente permanece aberta e a tela permanece na última posição na página. Portanto, se você tiver motivos para acreditar que alguém pode querer explorar um link em seu blog, mas retornar quando terminar o desvio, você deve abrir esse link em uma nova guia.
Por outro lado, se você tiver motivos para acreditar que um link específico representa uma rota clara para longe da página existente, faz sentido que esse link seja aberto na mesma guia.
Para dar exemplos de quais links devem ser abertos em guias novas ou existentes, vamos dar outra olhada no exemplo de texto do título que usei acima:
Em meu post recente no WPExplorer, “ The Periodic Table of WordPress Plugins (and My Top 5) ”, listei meus 5 principais plugins dos 108 mais baixados no WordPress.org .
Ambos os links abrem em novas guias. Por quê? Porque ambos representam desvio temporário deste post — links que você pode escolher explorar antes de voltar para ler o restante deste post. Da mesma forma, você pode optar por não explorá-los. De qualquer forma, eles abrem em novas guias para que você possa retornar a esta postagem com facilidade quando estiver pronto.
Agora observe a imagem a seguir:
Esta é uma captura de tela da parte inferior de uma postagem recente do WPExplorer, no final da seção de comentários. O link no canto inferior direito da página deve abrir na guia existente. Por quê? Porque o usuário chegou ao final da página e, como tal, provavelmente digeriu o conteúdo da postagem existente e está pronto para seguir em frente. Este é apenas um exemplo – os links que devem abrir na guia existente podem, na verdade, estar em qualquer posição em um site. Outros links que devem ser abertos em abas existentes incluem elementos de navegação (uma barra de navegação superior ou lista de categorias, etc.) e Calls to Action (como uma caixa de assinatura de boletim informativo).
Um argumento popular contra essa abordagem é que a escolha de abrir ou não em uma nova guia deve ser deixada para o usuário. Em um mundo ideal, esse seria o caso, mas há duas razões pelas quais não é:
- Nem todos os usuários são experientes o suficiente para abrir links em novas guias quando for apropriado fazê-lo.
- Mesmo o usuário mais experiente pode abrir erroneamente um link em uma guia existente, quando seria melhor abri-lo em uma nova guia.
Isso é tudo o que tenho a dizer sobre o tópico de links – se você implementar as diretrizes acima em seu blog, estou confiante de que verá um salto nas métricas de engajamento populares, como tempo no site, taxa de rejeição e ações médias por visitante. Não apenas isso, mas os visitantes do seu site irão desfrutar de uma interface de usuário muito mais intuitiva na forma de links claramente rotulados e descritos que os direcionam adequadamente.
A chave é sempre ter o visitante em mente – tornar a experiência de navegar em seu site uma alegria deve sempre ser a principal prioridade. Não use atalhos como abrir cegamente todos os links em novas guias ou apressar a forma como você forma os links – trabalhe para ajudar o usuário (em vez de frustrá-lo) e você colherá os frutos.
