Saltar para o conteúdo

Rex, o seu assistente de IA: o trabalho repetitivo fica tratado. As ideias são suas 👉 Conheça o Rex

Boas práticas para pop-ups em mobile: as orientações da Google sobre intersticiais explicadas

A Google alerta contra pop-ups intrusivos em mobile desde 2016. Eis o que dizem as suas orientações e como recolher registos em mobile sem prejudicar a experiência.

Boas práticas para pop-ups em mobile: as orientações da Google sobre intersticiais explicadas

Cada vez mais visitantes chegam através do telemóvel, muitas vezes diretamente de uma pesquisa no Google. Isso torna os pop-ups em mobile valiosos e arriscados ao mesmo tempo: uma caixa em ecrã inteiro que esconde a página é irritante num ecrã pequeno, e a Google diz há anos que também não gosta. Este guia explica o que a Google diz realmente sobre intersticiais intrusivos, que formatos são seguros e as boas práticas para pop-ups em mobile que lhe permitem recolher registos sem prejudicar a experiência nem o seu desempenho nas pesquisas.

O que diz a Google sobre intersticiais intrusivos

A posição da Google remonta a um anúncio de agosto de 2016, "Helping users easily access content on mobile". Dizia que, a partir de janeiro de 2017, as páginas cujo conteúdo não estivesse facilmente acessível a um utilizador vindo dos resultados de pesquisa em mobile poderiam ter uma classificação mais baixa.

O artigo enumerava três exemplos de técnicas que tornam o conteúdo menos acessível:

  • Mostrar um pop-up que cobre o conteúdo principal, logo depois de o utilizador chegar a partir da pesquisa ou enquanto percorre a página.
  • Apresentar um intersticial autónomo que o utilizador tem de fechar antes de conseguir chegar ao conteúdo principal.
  • Usar um layout em que o topo da página parece um intersticial autónomo e o conteúdo real fica empurrado para baixo da dobra.

Enumerava também exemplos que não seriam afetados se usados de forma responsável:

  • Intersticiais que respondem a uma obrigação legal, como o consentimento de cookies ou a verificação de idade.
  • Caixas de login em sites cujo conteúdo não é indexável publicamente.
  • Banners que usam uma parte razoável do ecrã e são fáceis de fechar.

A documentação atual da Google, "Avoid intrusive interstitials and dialogs", mantém o mesmo espírito. Descreve os intersticiais intrusivos como elementos da página que obstruem a visão do conteúdo pelos utilizadores, desaconselha tapar a página inteira e recomenda banners que ocupem apenas uma pequena fração do ecrã. Refere também que os elementos intrusivos podem dificultar a compreensão do seu conteúdo pelos motores de pesquisa.

É um fator de classificação?

A documentação da Google sobre a experiência na página inclui "As suas páginas evitam usar intersticiais intrusivos?" como uma das perguntas a fazer sobre as suas páginas. Diz também que não existe um sinal único de experiência na página, que as Core Web Vitals são usadas pelos sistemas de classificação da Google e que outros aspetos da experiência na página não ajudam diretamente um website a ficar melhor classificado.

A conclusão prática: não espere que um pop-up afunde sozinho as suas classificações, mas também não o ignore. Um pop-up que bloqueia o conteúdo que as pessoas vieram procurar é mau para os visitantes, e o que é mau para os visitantes tende a ser mau para as pesquisas a longo prazo.

Formatos permitidos vs. arriscados em mobile

Com base nas orientações da Google, eis como se comparam os formatos de pop-up mais comuns num telemóvel.

Menor risco

  • Uma pequena barra no topo ou no fundo que não cobre o conteúdo.
  • Um botão teaser num canto que só abre o pop-up quando é tocado.
  • Um slide-in que ocupa uma pequena parte do ecrã e é fácil de fechar.
  • Qualquer pop-up aberto pelo visitante, por exemplo ao tocar num botão ou link.

Maior risco

  • Um pop-up em ecrã inteiro que aparece assim que alguém chega a partir da pesquisa.
  • Um pop-up centrado que cobre a maior parte de um ecrã pequeno antes de as pessoas lerem alguma coisa.
  • Um pop-up difícil de fechar, com um botão de fechar minúsculo ou escondido.

A regra mais segura: em mobile, deixe as pessoas verem primeiro o conteúdo que vieram procurar e deixe-as escolher abrir algo maior.

Teasers, slide-ins e acionadores com atraso

Não tem de desistir dos pop-ups em mobile. Tem de mudar como e quando aparecem.

Teasers

Um teaser é um elemento pequeno e clicável, como "Rode e ganhe" num canto do ecrã. Nada cobre o conteúdo até o visitante tocar nele. Quando o faz, o pop-up é algo que ele próprio pediu. No Scratcher, pode acrescentar um teaser a qualquer pop-up e optar por escondê-lo em determinados dispositivos.

Slide-ins e barras

Um pop-up lateral ou uma barra no topo ocupa uma pequena parte do ecrã. Num telemóvel, mantenha-o compacto e garanta que o botão de fechar é fácil de acertar com o polegar.

Acionadores com atraso

Em vez de mostrar o pop-up no momento em que alguém chega, espere até que mostre interesse:

  • Após algum tempo na página, para que as pessoas tenham tido tempo de ler.
  • Após fazer scroll, por exemplo quando já percorreram metade de um artigo ou de uma página de produto.
  • Ao clicar, quando as pessoas tocam num botão ou link que abre o pop-up.

A intenção de saída, que funciona a partir do movimento do rato, é um acionador apenas para desktop, por isso planeie outro acionador para os visitantes em mobile.

No Scratcher, escolhe a posição (barra no topo, lateral, centro ou ecrã inteiro), o acionador e os dispositivos em que cada pop-up aparece, para que possa, por exemplo, ter um pop-up como jogo em ecrã inteiro para os visitantes em desktop e outro como teaser para os visitantes em mobile. Todas as opções estão descritas na nossa página de pop-ups.

Jogos fáceis de jogar com o polegar em mobile

Se o seu pop-up contém um jogo, tem de funcionar com um polegar num ecrã pequeno.

  • Um toque ou um deslizar. A roda da sorte, a raspadinha e a caixa mistério são ideais. Guarde os puzzles e os jogos da memória para uma landing page.
  • Botões e áreas de toque grandes. As caixas de seleção pequenas são difíceis de acertar.
  • Um formulário curto. Um e-mail e uma caixa de consentimento muitas vezes bastam. O teclado certo para cada campo também ajuda.
  • Texto legível sem fazer zoom.
  • Um botão de fechar visível a toda a hora.

A equipa da Andel Energi resumiu-o de forma simples: "A maioria dos utilizadores interage com as nossas campanhas em mobile, por isso conseguir criar e ajustar rapidamente experiências adaptadas a mobile é essencial." Leia como a Andel Energi cria as suas campanhas.

Veja que jogos funcionam melhor como pop-ups na nossa página de pop-ups com jogos.

Desempenho de carregamento

Um pop-up que torna a sua página mais lenta prejudica precisamente os visitantes que está a tentar converter. E, como as Core Web Vitals são usadas pelos sistemas de classificação da Google, a velocidade da página também importa para as pesquisas.

  • Não empurre o conteúdo. Um pop-up ou uma barra que empurra a página para baixo depois de esta carregar provoca mudanças de layout. As sobreposições que ficam por cima da página evitam isso. Os pop-ups do Scratcher são mostrados por cima da página, e não inseridos nela.
  • Mantenha as imagens leves. Comprima os fundos e as imagens dos prémios, sobretudo para mobile.
  • Use um único script. Com o Scratcher, cola um pequeno script no seu website uma única vez, e funciona para todos os pop-ups que criar depois disso.
  • Teste num telemóvel real com uma ligação móvel, e não apenas no Wi-Fi do escritório.

Não tem a certeza de que um pop-up é o sítio certo para a sua campanha? Também pode colocar o jogo diretamente numa página do seu website ou dar-lhe a sua própria landing page, o que muitas vezes se adequa melhor ao tráfego mobile vindo de anúncios e das redes sociais.

Lista de verificação de boas práticas para pop-ups em mobile

  • O pop-up não cobre o conteúdo principal assim que as pessoas chegam a partir da pesquisa.
  • Em mobile, usa um teaser, uma barra, um slide-in ou um acionador com atraso.
  • O botão de fechar é grande e fácil de encontrar.
  • O jogo exige um toque ou um deslizar.
  • O formulário pede um e-mail e consentimento, nada mais para começar.
  • O texto é legível sem fazer zoom.
  • O pop-up não empurra o conteúdo da página.
  • As imagens estão comprimidas.
  • Limita a frequência com que cada visitante o vê.
  • Testou-o num telemóvel real.

Recolha registos em mobile, de forma simpática

Os pop-ups em mobile não estão proibidos, e podem funcionar muito bem. Os que funcionam respeitam o visitante: esperam, mantêm-se pequenos até serem convidados e são fáceis de fechar.

O nosso guia sobre como criar pop-ups de alta conversão mostra a configuração completa. Ou comece o seu teste gratuito de 14 dias e pré-visualize o seu primeiro pop-up com jogo em telemóvel, tablet e desktop antes de o publicar.

Continue a ler

Quiz de presentes de Natal: transforme a procura de presentes em leads e vendas
Quiz de presentes de Natal: transforme a procura de presentes em leads e vendas

Um quiz de presentes ajuda os compradores indecisos a encontrar o presente certo e transforma as suas respostas em leads e vendas…

Pop-ups do Klaviyo vs. pop-ups gamificados: o que cada um consegue fazer
Pop-ups do Klaviyo vs. pop-ups gamificados: o que cada um consegue fazer

Os formulários de registo do Klaviyo são ótimos para ofertas simples. Veja quando um pop-up gamificado acrescenta valor e como en…

Passatempos online na Dinamarca e na UE: o que verificar antes de lançar
Passatempos online na Dinamarca e na UE: o que verificar antes de lançar

Vai usar um prémio para recolher registos? Eis os temas a verificar antes de lançar um passatempo na Dinamarca ou na UE, do conse…