Otimizando sites de comércio eletrônico para usuários de celular

O celular é extremamente importante.

As Google se aproxima de um primeiro índice móvel, as implicações para SEO se tornará ainda maior.

Além disso, com muito tráfego chegando agora ao comércio eletrônico sites de dispositivos móveis, quanto melhor você tiver, mais vendas você vai fazer.

Mas a maioria dos temas / CMSnão vem otimizado assim que sai da caixa.

É por isso que é importante testar seu site e fazer quaisquer alterações que não obedeçam às regras a seguir.

* Observe que este guia assume que você site do Network Development Group já passa Mobile amigável do Google ferramenta.

1. Torne o cabeçalho móvel o menor possível

Quando você visita um site no celular, o cabeçalho será a primeira coisa que você verá.

Mas não é o principal motivo pelo qual um visitante clicou em seu site do Network Development Group in search.

Eles vieram para ver o conteúdo da página e, portanto, colocá-lo o mais alto possível é vital para envolver os visitantes.

Porém mais moderno CMSe temas fora da caixa têm um grande cabeçalho é muito alto e pode levar uma página inteira para rolar:

Exemplo de cabeçalho grande para celular em sites de comércio eletrônico

Como você pode ver, a parte superior da página representa toda a altura da tela em um dispositivo móvel, o que aumentará a taxa de rejeição e, portanto, reduzir search rankings do site.

Quando Google muda para um primeiro índice móvel, isso acabará reduzindo suas classificações no desktop também, tornando-se uma etapa de vital importância.

Aqui estão alguns exemplos de um bom celular cabeçalho:

Bons cabeçalhos de comércio eletrônico para celular

Algumas das partes essenciais de um bom celular cabeçalho:

  1. Tudo em uma linha - se todos os elementos se encaixarem em uma linha, então o cabeçalho ocupa a menor quantidade de espaço.
  2. Pesquisa no site - esta é uma das principais móvel experiências do usuário, por isso deve estar em destaque na parte superior.
  3. Menu - o ícone do menu é importante para usuários que desejam navegar.
  4. Carrinho - os usuários que visitam uma loja de comércio eletrônico querem saber que podem comprar algo, isso os garante imediatamente + é conveniente para fazer compras.

Fazer essas alterações provavelmente exigirá que um desenvolvedor personalize seu tema, apenas certifique-se de que seja feito de uma forma que você possa atualizar sem afetar o design.

2. Tornar filtros e links de categoria capazes de tocar

On móvel tudo é uma questão de velocidade e conveniência, ajudando os usuários a encontrar o que desejam o mais rápido possível, sem distrações ou erros.

Isso significa que quando um usuário visita uma página de categoria, ele deseja navegar até o produtos eles querem o mais rápido possível.

Isso exigirá 2 coisas para fazer funcionar:

1. As categorias de nível superior têm banners tocáveis ​​para subcategorias

Portanto, dependendo do tipo de layout de categoria que você decidiu que os usuários desejam (veja meu guia de categorias) você vai querer um produtos lista com filtros, ou Links para subcategorias relevantes.

Se for o último, os usuários precisam de uma maneira rápida de navegar até as subcategorias que desejam, ajudando-os a filtrar os resultados para o que procuram.

Isso deve ser feito na forma de banners / seções óbvias e passíveis de toque, listadas pelas escolhas mais populares.

Aqui está um bom exemplo:

Links de categoria no celular

O exemplo do lado direito é a página de televisores Tesco, onde você pode ver que eles têm a opção de visitar subtipos de tv, seguidos de listas por tamanho. Isso é importante, porque eles as identificaram como as dimensões mais importantes que os usuários desejam visitar.

Um usuário que visita esta página provavelmente tocará imediatamente na opção relevante ou rolará para ver se a opção está mais abaixo.

* Uma maneira de melhorar a página da Tesco seria incluir uma seção de loja por marca, já que tende a ser uma sub-seção bastante popularsearch de televisores (leia meu guia de categorias para obter mais informações sobre este).

2. Os filtros estão na parte superior e podem ser tocados

Os filtros do site devem funcionar bem em móvel, e estar localizado no topo do produto lista para que um usuário possa filtrar facilmente a lista para o produtos eles querem ver.

Isso deve usar a lógica para que vários filtros possam ser selecionados ao mesmo tempo (como cor e tamanho) e que a ordem de classificação seja editável (por exemplo, classificar pelo preço mais baixo).

Identificar problema de engajamento móvel

A melhor maneira de ver se você tem problemas em um determinado dispositivo ou navegador móvel, é usar um relatório personalizado do Google Analytics.

Para fazer isso, faça um relatório do Google Analytics personalizado, filtrando por categoria de dispositivo, navegador e modelo de dispositivo móvel.

Identifique problemas no celular por dispositivo

Isso permitirá que você encontre engajamentos de alta taxa de rejeição / páginas baixas por sessão (o que significa que algo pode estar quebrado) e descobrir qual combinação de dispositivo / navegador é o problema.

Site ultrarrápido

Este é bastante óbvio, então vou apenas detalhar as principais verificações:

  1. Execute o seu site através das ferramentas GTmetrix e Pingdom - corrija todos os principais problemas.
  2. Execute seu site por meio do Google Verificador de velocidade de página, foco na correção móvel problemas.
  3. Bom uso hospedagem - Eu recomendo usar o Nimbus Hosting (baseado no Reino Unido).

Design responsivo - Conteúdo em todos os dispositivos

Essa mudança é essencial quando o móvel primeiro índice se move, porque qualquer conteúdo isso não está ligado móvel mas estiver no computador não contribuirá mais para seus esforços de classificação.

Isso significa que você deve usar um design totalmente responsivo ou, pelo menos, conteúdo que está no desktop adicionado em móvel em algum lugar, mesmo que seja em um acordeão abaixo de uma lista de categorias.

Os principais elementos para garantir são consistentes em todos os dispositivos:

  1. Chave SEO Cabeçalhos - cabeçalhos H1, H2, H3, etc.
  2. Interno Links - incluindo migalhas de pão, produto listas e em conteúdo Links.
  3. Imagens
  4. Vídeos
  5. Schema.org marcação
  6. página cabeçalho código

Então certifique-se de que Google está renderizando sua página tão bem em móvel como está no desktop, fazendo uma solicitação de busca e renderização para seu site no console de pesquisa do Google e verificando a diferença entre móvel e visualizações de área de trabalho (simplesmente selecione vista em móvel).

Buscar e renderizar na visualização do celular

Conteúdo Acordeão

Acordeões são uma ótima maneira de condensar formas grandes conteúdo em seções, permitindo aos usuários móvel para abrir facilmente a seção que mais lhes interessa.

Wikipedia mudaram todos os seus móvel páginas com base em acordeão, o que é um bom sinal de que melhora o engajamento.

Como isso se aplica a sites de comércio eletrônico?

Bem, para começar, uma página de categoria é muitas vezes um lugar onde as pessoas vêm por ambos produtos e informações sobre isso produto digite, então pode ser difícil encaixar tudo isso na parte superior da página sem criar muito espaço para rolar.

É aí que um acordeão poderia entrar. Você pode se exercitar por meio de palavra chave pesquisar e perguntar aos clientes quais são as perguntas mais comuns sobre isso produto digite e coloque-os em acordeões logo acima de seu produto lista, permitindo que os usuários leiam isso rapidamente sem interferir nas experiências de usuário dos compradores.

Aqui está um exemplo:

Adicionar acordeões faq no celular

Para as pessoas inseguras sobre o que está envolvido em um monitor de jogos, esses dois acordeões inseridos no topo da página permitiriam que elas tomassem uma decisão informada, o que deve transformar mais pesquisadores em clientes.

O layout da página provavelmente poderia ser editado, talvez um slide no menu com acordeões intitulado “como escolher um monitor de jogo” que continha as principais áreas a serem observadas.

Os usuários geralmente não querem ler um guia de compra inteiro, eles querem as informações essenciais de relance (móvel tem tudo a ver com velocidade e conveniência).

Experiência de checkout

Para mais barato ou menos complicado produtos, que ainda não foi assumido pela Amazon devido a barreiras de entrada / requisitos de atendimento ao cliente, móvel checkouts provavelmente representarão uma quantidade maior de seus vendas mais que a maioria.

Isso significa que ter uma experiência de checkout tranquila, rápida e totalmente funcional é essencial para maximizar móvel vendas.

As principais áreas para um bom móvel experiência de checkout:

  1. Botões de checkout óbvios - quando um usuário adiciona um produto ao carrinho, um pop-up imediato com um grande botão de checkout chamará a atenção e removerá a confusão.
  2. Site totalmente seguro (SSL) - isso é bastante óbvio, mas certifique-se de ter o certificado de confiança SSL básico instalado.
  3. Formulário de checkout responsivo - certifique-se de que nada sai da página ou não formata corretamente móvel.
  4. Entrar com Amazon / rede social - isso vai agilizar o processo, com o preenchimento automático das informações dos demais provedores.
  5. Endereço search - certifique-se de que o usuário não tenha que preencher totalmente o endereço, fornecendo o código postal / CEP search funções.
  6. Checkout via Paypal / ApplePay - isso tornará a experiência ainda mais rápida, com checkouts com um clique evitando a etapa extra (especialmente inserir os detalhes do cartão de crédito).

Layout da página do produto

Eu não toquei muito nisso na minha página de produto guia de SEO, mas é importante retrabalhar seu produto páginas em móvel para ter certeza de que são intuitivos.

Como mencionamos acima, o layout em móvel deve se concentrar no conteúdo os usuários desejam ver e, portanto, sua página deve ser organizada na seguinte ordem:

  1. Produto título - avise aos usuários que eles estão no lugar certo.
  2. Produto imagem - mostrar aos usuários o produto, e tornar imagens extras passíveis de deslize.
  3. Preço - tornar o preço óbvio, e se estiver sal tornar o desconto óbvio.
  4. Informações de entrega - mostre quando eles podem receber o item e o preço da entrega.
  5. Adicionar ao Carrinho - um grande botão que se destaca para que ninguém perca.
  6. Estrelas de avaliação do cliente + ligação - mostrar apenas se houver comentários, se não, deixá-los de fora.
  7. Características chave - as principais razões para comprar isso produto, usando marcadores.
  8. Todo o resto.

Ao priorizar essas informações primeiro, você fornece aos usuários o que eles precisam saber para tomar uma decisão de compra, mas, obviamente, como acontece com qualquer mudança importante no site, teste você mesmo.

Facilite o compartilhamento de produtos

Se o ciclo de compra de um produto é um pouco mais longo do que o normal (geralmente o caso com itens de alto valor) móvel os usuários frequentemente estarão no pesquisa fase de seu ciclo de compra.

Isso significa que eles podem querer fazer mais pesquisa mais tarde, ou converse com um ente querido sobre a compra.

Portanto, torne isso realmente fácil de fazer, tendo uma opção de compartilhamento que permite que você email de ligação, compartilhe o ligação no Whatsapp, ou compartilhe no Facebook Messenger.

Uma forma de monitorar essa mudança seria fazer com que todos os urls compartilhados tenham um determinado parâmetro ou verificar o tráfego direto para produto Páginas.

Considerações Finais

Essas mudanças serão perfeitas para conversões e SEO, já que o maior envolvimento reduzirá a taxa de rejeição e terá uma classificação mais elevada como resultado.

Ao implementar essas mudanças agora, você estará bem preparado para enfrentar o móvel primeiro índice depois de lançado.

Se você quiser ajuda com este ou qualquer outro problema de marketing de comércio eletrônico, sinta-se à vontade para email me [email protegido] ou considere comprar meus serviços de comércio eletrônico.

Quão útil foi esta postagem?

Clique em uma estrela para avaliá-la!

Classificação média 0 / 5. Contagem de votos: 0

Nenhum voto até agora! Seja o primeiro a avaliar esta postagem.

Lamentamos que este post não tenha sido útil para você!

Vamos melhorar este post!

Diga-nos como podemos melhorar esta postagem?

Matt Jackson

Especialista em Ecommerce SEO, com mais de 8 anos de experiência em tempo integral na análise e correção de sites de compras online. Experiência prática com Shopify, Wordpress, Opencart, Magento e outros CMS.
Preciso de ajuda? Envie-me para mais informações, em [email protegido]

Este item é 0 Postar comentários

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *