Práticas recomendadas de controle deslizante: o que você precisa saber

Publicados: 2018-04-09

Então você quer colocar um controle deslizante ou carrossel em seu site? Antes de fazer isso, há muitos fatores a serem levados em consideração. Um controle deslizante mal posicionado e mal configurado não é simplesmente ignorado; ele pode realmente prejudicar o SEO e incomodar os visitantes.

Isso certamente não significa que eles sejam ruins, apenas que, como com qualquer outro recurso ou plugin do WordPress, você deve configurá-lo corretamente. Aqui estão algumas das melhores práticas a serem seguidas ao implementar controles deslizantes em seu site WordPress.

Torne seu controle deslizante visualmente agradável

Junto com a estética geral, existem outros fatores a serem considerados. A relevância geral do controle deslizante, a localização na página e até a sequência de imagens são aspectos visuais importantes a serem considerados.

Mantenha simples

Especialmente se você ativar a reprodução automática, é extremamente importante que os slides sejam simples, eficazes e diretos ao ponto. Isso não se aplica apenas ao texto; a menos que você esteja usando um controle deslizante como uma galeria para sua arte ou fotografia, use imagens limpas e organizadas.

Não o projete como um anúncio

Graças a anúncios intrusivos, muitas pessoas desenvolvem “cegueira de banner” – e um controle deslizante mal colocado e mal projetado pode estar sujeito a esse fenômeno. Evite todas as dicas de design que um anunciante seguiria, especialmente as táticas empregadas pelos anúncios mais irritantes.

Isso significa que não use luzes piscando, cores planas berrantes, fontes Impact e similares e outras técnicas de distração. Mesmo que seu carrossel esteja vendendo ou promovendo um produto, ele deve se misturar com o site e parecer natural. Você pode querer que as pessoas olhem para seus controles deslizantes, mas essas táticas agressivas causam o oposto.

Torne seu controle deslizante útil e relevante

Cada controle deslizante que você colocar deve ter um propósito claro. Mostra sua fotografia? Direcionar os usuários para determinadas partes do site? Explique sobre o que é o seu site? Tentar promover um produto? Envolver os usuários?

E coloque seus carrosséis na área certa. A colocação de um controle deslizante é um dos fatores mais importantes para que ele seja notado ou esquecido. Certifique-se de que não está enterrado no conteúdo da sua página ou colocado aleatoriamente. Deve estar em algum lugar estratégico e perceptível, como em uma barra lateral, próximo ao topo da página ou abaixo de uma postagem de blog. Até o rodapé pode ser um bom lugar para colocar um controle deslizante.

Escolha sua sequência de slides com cuidado

Nunca assuma que um visitante ficará por perto para ver todos os slides. Escolha sua sequência com muito cuidado. Os primeiros slides devem tentar envolver e interessar o usuário, mas se isso falhar, pelo menos certifique-se de transmitir seu ponto de vista.

No entanto, isso não é desculpa para tornar seus outros slides menos eficazes. Não importa em qual slide alguém clique, todos eles devem servir ao seu propósito: falar sobre sua empresa, exibir ótimas fotos e assim por diante.

Torne seu controle deslizante utilizável

A regra fundamental dos controles deslizantes: eles devem ser fáceis de usar e não causar aborrecimento aos visitantes. Há muitas maneiras de tornar um carrossel mais acessível, desde a otimização para um grande público que usa dispositivos móveis até o ajuste cuidadoso do tempo de rotação do slide.

Considere desativar a reprodução automática

O movimento pode ser uma distração ou irritante para alguns usuários. Nas postagens do blog, ou em uma barra lateral que segue os usuários por todo o site, sempre desative a reprodução automática; distrair os visitantes enquanto eles estão tentando ler nunca é uma boa ideia.

No entanto, em alguns casos, você pode querer que o carrossel seja o que todos os visitantes prestam atenção, ou pode ser importante que eles vejam mais de um slide. Ao decidir manter a reprodução automática ativada ou desativada, considere a localização, o conteúdo e a intenção do controle deslizante.

Aumente o tempo entre as rotações

Se a reprodução automática for necessária para o seu design, certifique-se de que a transição dos slides não seja muito rápida, especialmente se envolverem texto. É frustrante quando um controle deslizante avança antes de você estar pronto. Otimize para um ritmo de leitura lento; melhor um carrossel lento, mas bem projetado, do que um que enfia o máximo de slides possível em dez segundos.

Otimizar opções de navegação

Não há nada mais irritante do que clicar em uma seta de navegação e fazer a apresentação de slides avançar naquele momento, forçando você a pular um slide. Pausar ao passar o mouse ou navegar é um recurso que muitos esperam. Os controles deslizantes do Soliloquy têm essa função e ela deve ser ativada na maioria dos carrosséis que você cria. Se você optar por manter a reprodução automática, isso é necessário.

Enquanto isso, carrosséis que avançam por conta própria, sem uma bolha de navegação ou um botão de pausa, podem irritar muitos usuários, pois eles terão que esperar o ciclo inteiro terminar apenas para encontrar aquele slide. Certifique-se de adicionar controles de navegação ao seu controle deslizante também.

Você também deve considerar controles de navegação extragrandes , especialmente se tiver um público considerável de dispositivos móveis ou idosos.

Por fim, em carrosséis com muitas imagens, considere incluir miniaturas para que os usuários possam navegar facilmente até o slide específico que desejam.

Evite prejudicar o SEO

Um controle deslizante mal configurado é um controle deslizante que não é compatível com mecanismos de pesquisa. Felizmente, muitas medidas que tornam seu site e seu carrossel amigáveis para SEO também os tornam mais amigáveis ao usuário! Essas práticas são as mais importantes a serem seguidas.

Capacidade de resposta em primeiro lugar

Se você estiver usando um plug-in de controle deslizante, provavelmente não precisará se preocupar com sua capacidade de resposta. No entanto, esta parte é crucial. Teste para ter certeza de que seu texto e imagens ficam ótimos em todos os dispositivos. Ajuste o tamanho do botão, substitua imagens borradas; tudo o que você precisa fazer para um belo controle deslizante móvel.

Certifique-se de que o furto também está ativado. Os usuários móveis esperam que os gestos de furto funcionem para elementos como controles deslizantes e, se esse não for o caso, pode causar incômodo.

Design para acessibilidade

Embora você deva projetar todo o seu site com acessibilidade em mente, os controles deslizantes também devem ser criados dessa maneira. Não só ajuda as pessoas com deficiência a se locomover, mas tende a melhorar o SEO.

Alguns exemplos de um bom design de acessibilidade incluem habilitar os controles do teclado , evitar a rolagem automática ou parar sob certas condições e garantir que o texto tenha contraste suficiente.

Crie uma ótima imagem de herói deslizante

Uma tática inovadora é substituir uma “imagem de herói”, ou um banner na página de destino que explica sobre o que é o seu site, por um controle deslizante animado. Esta técnica tem suas vantagens e desvantagens. Um carrossel pode ser tão eficaz quanto uma imagem de herói padrão, mas precisa ser implementado com cuidado.

Se você decidir colocar um controle deslizante em sua página inicial, lembre-se de que os novos visitantes têm uma pergunta: o que é este site? Cada slide, sozinho e sem contexto, deve responder a essa pergunta.

Evite títulos H1

Para os motores de busca, o H1 funciona como o título da página. Portanto, quando há vários títulos, como em um controle deslizante, isso pode confundir o mecanismo de pesquisa e diminuir o SEO. Para ser seguro, evite usá-los em um carrossel.

Evite links de navegação somente de controle deslizante

Existe uma página em seu site que só pode ser acessada por meio de um controle deslizante? Tente evitar isso; é confuso tanto para os usuários quanto para os mecanismos de pesquisa. Você pode usar controles deslizantes de link como uma ferramenta de navegação, mas verifique se há outra opção.

Criando controles deslizantes eficazes

Uma das melhores práticas que você pode seguir quando decidir colocar um carrossel em seu site é considerar o uso de um plugin, como o Soliloquy. Especialmente se você for um novo desenvolvedor web, tentar criar um slider você mesmo pode acabar em um desastre de SEO. Um plugin é muito mais fácil de trabalhar e é especialmente otimizado para WordPress e mecanismos de pesquisa.

Agora que você conhece algumas dicas sobre como colocar um controle deslizante útil, útil e envolvente em seu site, como você planeja usá-lo? Esperamos que este guia tenha ajudado você em seus futuros empreendimentos de web design. E enquanto isso, conecte-se conosco no Twitter e no Facebook.

Salvar Salvar