Como criar uma página 404 perfeita para sua loja de comércio eletrônico

Páginas movidas

Embora pareça um acéfalo, a maioria das páginas 404 surgem quando os proprietários do site geralmente renomeavam uma página da web ou a moviam. URLs antigos devem ser redirecionados para um novo site com um redirecionamento 301, mas isso é desnecessário.

Web Directories

Uma mudança no diretório da web obriga os usuários a alterar URLs ou quando URLs são movidos / excluídos sem uma atualização.

Links internos que não são atualizados no diretório podem levar a 404 páginas de erro. Mas depois de todos esses problemas, o site é responsável por apenas 17% dos 404 problemas que os visitantes encontram. Portanto, independentemente de quão diligente você seja quanto ao rastreamento do seu site para retificar erros ou configurar redirecionamentos. Os usuários ainda irão redirecionar para 404 páginas sem sua culpa:

Geralmente, os principais motivos para as páginas de erro 404 são:

• Apenas 23% dos visitantes fazem uma segunda tentativa de encontrar uma página ausente depois de encontrar uma página 404.
• 79% dos visitantes que não estão satisfeitos com o desempenho do site dizem que não comprarão no mesmo site novamente.
• Em média, conquistar um novo cliente é cinco vezes mais caro do que manter um cliente existente.

uma. Aumente o número de páginas indexadas do seu site nos motores de busca:

Com o aumento do número de páginas em um site, os links mortos também aumentam. Você pode aumentar as páginas do seu site indexadas nas páginas 404. Você só precisa vincular a página de erro 404 a páginas internas aleatórias do seu site.

b. Crie uma imagem de marca consistente

Nós, humanos, preferimos consistência. Depois de nos familiarizarmos com uma loja, subconscientemente começamos a confiar nela. O foco principal está na superfície. Uma página 404 genérica oferece uma experiência do usuário ruim. Você não pode eliminar o código de status HTTP, mas pode identificar o problema e melhorar a UX com uma página de erro personalizada.

Pegue um arquivo de log e capture as informações do problema e um código de resposta para lidar com ele de forma adequada. Se o usuário pousou em um link morto de sua loja, é essencial divulgar seu perfume. O design não deve confundir o usuário por estar em um site diferente.

Resumindo, a página de erro 404 deve ter um estilo de fonte, códigos de cores, logotipo, navegação, cabeçalho e rodapé semelhantes.

c. Envolva novamente e visitantes infelizes

Considere um usuário que entrou em sua loja em busca de informações sobre um determinado produto. No entanto, depois de clicar em uma página da web a partir dos resultados do mecanismo de pesquisa, ele não leva nenhuma página respondível, mas mostra uma página de “página não encontrada”. Isso fará com que o usuário se sinta péssimo.
Mas se você fornecer ao usuário um link para a página do seu site, poderá engajar novamente o usuário. Dessa forma, você mantém a atenção deles.

d. Mostre a personalidade da sua marca

Você não pode se mostrar como uma empresa. Sua marca deve dar um toque humano. Ao mostrar sua personalidade, você pode se conectar melhor com seu público-alvo. A interação do usuário com o seu site deve fazer com que eles se sintam bem. As decisões humanas são tomadas em uma fração de segundo.

Assim, você deve usar a página de erro 404 como um meio de se expressar, fazer seus visitantes se sentirem bem e estreitar seu relacionamento com seu público. Reconheça a frustração do cliente e aceite que algo deu errado. Isso criará uma interação pessoal.

e. Aumente a taxa de conversão

Ao criar uma página de erro 404, você aceita seu erro e garante que o usuário tenha uma estadia agradável em sua loja.

Uma resposta personalizada de uma página de erro 404 provavelmente apagará do cérebro do usuário a memória ruim do link quebrado do seu site. E aumenta as chances de eles lhe darem uma segunda chance. Isso é mais como uma hipótese.

Mas você pode praticamente aumentar sua taxa de conversão oferecendo um desconto em suas páginas 404. Sim, use uma página de erro personalizada para converter. Um código de status HTTP dessa forma leva os erros aos ganhos.

1. Navegação

A primeira necessidade de um usuário que chega a uma página de erro 404 é a navegação. Você deve redirecionar os usuários para a página para a qual desejam ir. Um link para a página inicial ou qualquer outra página relevante funciona melhor. Você está fornecendo a navegação da barra de menus (que também está presente nas outras páginas do site). Se possível, você também pode usar chatbots para convidar visitantes perdidos.

2. Tom

Como mencionamos acima, uma página de erro 404 também deve refletir a personalidade da sua marca. Você não quer que os usuários que acessaram suas páginas 404 sintam que chegaram a um site completamente diferente. O tema e o estilo devem ser consistentes.

3. SEO

Todos nós sabemos que 404 páginas de erro são inevitáveis. Links quebrados levam a 404 páginas e são inevitáveis. Mas uma página 404, se personalizada adequadamente, pode diminuir os danos e até mesmo transformar a experiência negativa em positiva.

4. Criatividade

A página 404 oferece a melhor oportunidade de mostrar suas habilidades criativas. Você pode contar uma piada, oferecer interatividade e exibir alguns elementos de interação, descontração ou diversão.

1. Amazon

Você ficaria surpreso em saber que mais de 7.000 cães se registraram legalmente para trabalhar na sede da Amazon. A natureza amiga dos animais de estimação da Amazon é viral, e a empresa até compartilha orgulhosamente sua cultura amiga dos cães. Ele também está sendo exibido em sua página de erro 404.

Embora todos admirem os cães e os considerem adoráveis, a Amazon leva isso para o próximo nível, mostrando a imagem de um cachorro amazônico que trouxeram para o trabalho. Além disso, nas páginas 404, há um link para a casa e um artigo sobre outros cães que eles têm. Os usuários que acessam a página de erro 404 da Amazon também podem usar a barra de pesquisa para explorar os produtos desejados.

2. Movimento do personagem eBay

eBayeBaysignificanthighly é popular e está entre as lojas de comércio eletrônico mais antigas em todo o mundo. A empresa adotou um design simples e sutil para a página de erro 404, mas ainda assim é fácil de usar. Os usuários podem descobrir ofertas de tendências na página, o que os atrairá para prosseguir no site e comprar produtos. Além disso, há uma barra de pesquisa e um link para a página inicial.
Você pode consultar a página 404 do eBay, pois ela é altamente convertível e é um ótimo exemplo.

3. IKEA

Uma marca de móveis da moda com enormes lojas de móveis em todo o mundo, a IKEA oferece uma grande variedade de produtos de móveis. A empresa é altamente inovadora ao oferecer uma melhor experiência de compra em um aplicativo móvel, site ou mesmo através das páginas 404.
Eles demonstraram um nível excepcional de criatividade na página de erro 404. Os elementos implantados valorizam o trabalho e a marca da empresa. Foi emparelhado com uma mensagem direta e um link para a página inicial. Não há outros elementos na página para evitar qualquer distração, e o foco é claro - redirecionar os clientes perdidos para a página inicial do site.

4. Myntra

Myntra é um nome predominante na indústria indiana de comércio eletrônico de moda. Neste site de comércio eletrônico de moda, é possível encontrar uma vasta gama de wearable para vestir para todas as faixas etárias e sexos. A página 404 da loja também é linda. Estão indicando ao usuário uma ideia de navegação perdida e, ao mesmo tempo, existe uma barra de busca na qual o usuário pode buscar produtos, categorias e muito mais.
A página 404 do Myntra tem tudo que um cliente pode precisar, como a lista de desejos, o link da página do carrinho, o link do perfil e a caixa de pesquisa.

5. Github

O Github usou referências ao humor e à cultura pop em sua página de erro 404 e entrega uma mensagem engraçada que neutraliza qualquer constrangimento ao chegar na página de erro. Existem opções de navegação simples para não criar confusão. Há uma barra de pesquisa e links para suporte e uma página de status.

No entanto, o golpe de misericórdia é o efeito de paralaxe sutil que faz a imagem reagir de forma divertida com o cursor do usuário. Esta animação mostra que os designers do GitHub estão muito atentos ao público.

6. BigCommerce

BigCommerce é uma plataforma de desenvolvimento de comércio eletrônico bem avaliada. Milhares de lojas de comércio eletrônico foram construídas nesta plataforma. Em suas páginas 404, os usuários podem entender facilmente que se perderam no ciberespaço. Além da página inicial, eles listaram certas para as quais desejam direcionar os usuários.

Também existe a funcionalidade de reservar uma demonstração ou contatá-los a partir da página de erro 404.

7. Headspace

Nos serviços de meditação online, Headspace ganhou uma reputação considerável. Sua equipe entende como o cérebro humano funciona e, portanto, sua página de erro 404 apenas mostra seu propósito. Ele foca no produto e demonstra o que ele pode fazer, ou seja, acalmar o usuário do estresse. Um movimento lento e rítmico do personagem que um visitante perdido pode ver por algum tempo e ganhar um pouco de espaço. Diz ao usuário para estar livre de estresse e inspirar e expirar.

8. Volusion

Volusion é um software de comércio eletrônico baseado em nuvem no qual as lojas de comércio eletrônico podem ser desenvolvidas. Os comerciantes podem adicionar produtos, criar categorias, adicionar detalhes de pagamento e começar a vender. Existem bolas coloridas na página de erro 404 que são altamente atraentes para os usuários.
Para demonstrar sua marca, os designers usaram uma combinação de cores nas bolas do logotipo da Volusion, e a página elegante após a queda das bolas mostra o link da página inicial.

9. Squarespace

Um famoso construtor de sites, o Squarespace permite que os comerciantes criem e hospedem um site. Os usuários podem usar modelos pré-construídos com funcionalidade de arrastar e soltar para criar CMS e páginas da web. Na página de erro 404, há um jogo de alfabeto que os usuários podem desfrutar. Os usuários podem mover alfabetos usando o cursor. Se o usuário não quiser jogar, ele pode simplesmente redirecionar para os links fornecidos.

10. Le SINGE

Por último, mas não menos importante, Le SINGE vem com um conceito fantástico de 404 páginas. Imediatamente os vende pelo que fazem. 404 é retratado em escuridão e, conforme o cursor do usuário se move, o holofote é lançado nessa parte da tela.
O usuário pode usar os links diretos ou iniciar o chat com a equipe de suporte.