Porque é que o design paralaxe não tem de prejudicar a sua SEO

Pode design de paralaxe pode ser mau para o SEO de um sítio Web?

Com certeza.

Daí a conversa.

Mas isto não o deve dissuadir de considerar efeitos de paralaxe para o seu sítio, porque qualquer pode ser mau para a SEO se fizer com que um sítio seja carregado lentamente ou se o reduzir a um único URL.

Mas esses são questões de execução e arquitetura, e não uma falha no estilo de design paralaxe em si.

Efeitos de paralaxe em sítios Web são hipnóticos. É por isso que está a ver efeitos de paralaxe a aparecer por toda a web.

E a paralaxe pode de facto ajudar, e não prejudicar, o seu SEO.

Veja como.

O paralaxe atrai o seu público

Eu disse-lhe há pouco tempo que os efeitos de paralaxe ajudam o seu sítio web a contar uma história melhor.

Como referi nesse post:

Nenhuma outra técnica de web design recente teve tanto impacto na forma como contamos histórias online como a paralaxe.

E se o seu site está a contar uma história melhor, então está a estabelecer uma maior ligação com o seu público.

E se está a estabelecer uma maior ligação com o seu público, então as métricas importantes de comportamento dos visitantes são melhores e o seu conteúdo está provavelmente a ser mais partilhado.

E se o seu conteúdo está a ser partilhado mais amplamente, então provavelmente está a aumentar a sua presença nas redes sociais e a receber mais atenção e ligações de influenciadores.

Tudo isso não é apenas bom, mas essencial para otimizar o seu conteúdo para descoberta e conversão (que é o que realmente quer dizer quando fala em “SEO”“).

É por isso que o design de paralaxe pode ser uma grande vantagem para a otimização do seu conteúdo.

Desde que não seja um idiota em relação a isso.

Evite estas armadilhas de paralaxe

Existem algumas formas bastante simples de o design de paralaxe, quando exagerado, poder ter um impacto negativo no SEO do seu site:

• Quando reduz o seu site a um único URL: Uma única página restringe seriamente a forma como os motores de busca podem ver o que faz, além de lhe dar apenas um URL que pode aparecer nos resultados da pesquisa. Não é bom para a descoberta. (Esteja preparado para fique à vontade com o jQuery se quiser implementar uma solução alternativa para isso).
• Quando isso faz com que o seu site carregue lentamente: O código inchado reduzirá os tempos de carregamento, especialmente em dispositivos móveis. E a velocidade do site é importante.
• Quando limita o investimento que pode fazer em conteúdos e promoção: Qual é o custo de oportunidade em tempo e dinheiro de um design de paralaxe personalizado e em grande escala? Porque não é barato e seja bom. O seu site pode ser bonito, mas será que tem os recursos necessários para diga alguma coisa de jeito? Ou para que possa conduzir as pessoas até ele?

Simplificando:

Se os motores de busca tiverem informações suficientes para indexar e classificar corretamente o seu site, se este for carregado com rapidez suficiente e se o seu conteúdo for bom e for encontrado… então o seu site está no bom caminho para ser optimizado.

O problema, claro, e a razão pela qual está a ler isto, é que evitar estas armadilhas é mais fácil de dizer do que fazer quando adiciona efeitos de paralaxe a um site.

Por isso, não o faça você mesmo.

Deixe o Parallax Pro for Genesis fazer o trabalho pesado

Se pretende que o seu site seja optimizado, é importante colocar um design em cima de um arquitetura de núcleo optimizadae não o contrário. Primeiro a fundação, certo?

O WordPress fornece uma base sólida de otimização e o Genesis Framework fica bem em cima para otimizá-lo ainda mais. (É por isso que o a otimização é a Característica #1 aqui mesmo.)

E embora o lançamento do Parallax Pro para o Genesis Framework tenha sido um evento “fantástico” para a nossa equipa do StudioPressSe não se importa com o Parallax Pro, nada no Parallax Pro contraria os benefícios de SEO que o Genesis foi concebido para oferecer.

A razão é que os efeitos de paralaxe do Parallax Pro não são exagerados, nem reduzem um site a um URL – assim, mantém a arquitetura de páginas e posts do WordPress que você (e os motores de busca) adora.

O que a nossa equipa do StudioPress fez foi adicionar um efeito de paralaxe subtil que não requer um monte de código adicional. Em contraste, a maioria dos sites de paralaxe tem toneladas de camadas e animações intensas, que podem parecer elegantes, mas certamente aumentarão o tempo de carregamento e custarão um bom dinheiro.

O Parallax Pro permite-lhe adicionar à sua página inicial os efeitos de paralaxe que atraem o seu público para a sua história… mas sem o encolhimento do site, o inchaço do código e a explosão de custos que podem matar a otimização (e, mais importante, o ROI) de um projeto de paralaxe.

Resumindo: é uma solução vantajosa para todos que – por menos de US$ 100 – cabe em qualquer orçamento de design.

Mas chega de conversa.

Quer vê-lo em ação?

Aqui estão três sítios que utilizam o Parallax Pro

Cada um destes sites foi construído com Parallax Pro para Genesis, e cada um deles é bem visto pelo público e pelos motores de busca:

http://fsboi.ca

—http://iredline.tv/
—http://dustn.tv/

O que mais me agrada no design do dustin.tv, em particular, é o facto de a barra de navegação ser invisível na primeira navegação na página, chamando assim a atenção para o logótipo e o apelo à ação.

Assim que se desloca para baixo (indicando ao site que não está pronto para converter de imediato agora), depois aparece a barra de navegação para o ajudar a encontrar o caminho.

E por falar em encontrar o seu caminho …