15035 :: Como publicar sua loja virtual no AMP (Accelerated Mobile Pages)?
Veja porque você PRECISA fazer parte deste projeto do Google. Publique agora com poucos cliques!
O AMP é um projeto do Google para maximizar a velocidade de navegação, especialmente em smartphones.
Clique aqui para informações sobre a importância de utilizar o AMP.
Ao fazer buscas pelo smartphone, o Google exibirá um ícone de raio 
ao lado dos sites compatíveis com o AMP. Ao clicar nestes sites, a abertura é praticamente instantânea, com tempo médio inferior a 1 segundo.
Além do ganho de performance, o posicionamento de sua loja nos resultados da busca orgânica poderá melhorar consideravelmente.
Caso ainda esteja em dúvida, segue uma conta bem simples:
CQI + MPRB = Mais Vendas!
Onde:
CQI - Carregamento Quase Instantâneo
MPRB - Melhor Posicionamento nos Resultados de Busca
O ROI desta ativação será fantástico, já que não existem custos adicionais para fazer esta implantação.
Além das páginas com AMP oferecerem uma navegação mais rápida, elas transferem em média 10x menos bytes, ou seja, pesam menos no plano de dados do celular do visitante. Veja o vídeo abaixo para mais informações sobre o AMP:
Como implantar o AMP?
Siga os passos abaixo para integrar sua loja virtual ao AMP:
Clique aqui para baixar um ZIP com os arquivos HTM do AMP Design. Em seguida, envie este arquivo ZIP para a pasta HTM da loja.
Clique aqui para baixar um ZIP com as imagens do AMP Design. Em seguida, envie este arquivo ZIP para a pasta IMAGES da loja.
Envie o logotipo da loja com o nome amplogotopo.png para a pasta IMAGES. Esta imagem deverá ter o tamanho exato de 180 x 54 pixels. Ela será apresentada no topo de todas as páginas da loja nos acessos por smartphone.
A integração ao AMP é ativada através da seção AMP Design, que fica na página Dados da loja, no site administrativo:
Selecione a opção (3) HTML + links + backlinks (preview) e grave. Nesta opção as páginas AMP não serão indexadas pelo Google. Por isto ela deve ser utilizada somente para fazer testes com o AMP Design.
Para ver o design das páginas habilitadas para o AMP design, selecione cada uma das opções do campo Visualizar e clique no ícone
. Veja abaixo alguns exemplos:
Se o design estiver OK, selecione a opção (6) HTML + links + backlinks e grave. Em breve as páginas da loja com o design AMP serão indexadas pelo Google.
Clique aqui para mais detalhes sobre o procedimento de ativação e personalização do AMP. Esta personalização poderá ser feita pelo próprio lojista ou pelo webdesigner da sua preferência, e deverá seguir as especificações do AMP HTML.
Recomendações
Para aproveitar melhor este recurso, é recomendável que o cadastro de produtos respeite as seguintes condições:
O tamanho das fotos de todos os produtos devem ter as mesmas proporções (ex: quadradas, 16x9, 4x3).
As descrições curtas dos produtos devem estar preenchidas.
Caso a loja publique notícias, siga as diretrizes abaixo:
Caso a notícia tenha imagem cadastrada, é recomendado que ela tenha o tamanho exato de 696 x 390 pixels. Este é tamanho para evitar distorções na imagem e para que a mesma seja utilizada no carrossel de notícias dos resultados de busca do Google.
Para seguir as diretrizes de logotipo do AMP, envie a imagem logoamp.png para a pasta IMAGES da loja com o tamanho de 200 x 60 pixels.
ATENÇÃO: O checkout do pedido não é realizado no design AMP. Portanto é importante que a loja tenha a versão mobile ativada ou seja responsiva, para que as páginas de checkout sejam corretamente apresentadas em tela pequena. Entre em contato com nossa equipe de suporte caso persistam dúvidas.
Implantação do design mobile
O design das páginas AMP contidas nos ZIPs deste artigo é diferente do design atual da loja. Siga os passo abaixo caso queira implantar um design mobile similar:
FAÇA BACKUP DAS PASTAS HTM E IMAGES.
Entre em contato com nossa equipe de suporte para ativação do recurso de responsividade e configuração do tipo 2 de tableless.
Clique aqui para baixar um ZIP com os arquivos HTM deste design. Em seguida, envie este arquivo ZIP para a pasta HTM da loja.
Clique aqui para baixar um ZIP com os arquivos javascript deste design. Em seguida, envie este arquivo ZIP para a pasta HTM/JS da loja, que deverá ser criada caso não exista.
Clique aqui para baixar um ZIP com os arquivos CSS deste design. Em seguida, envie este arquivo ZIP para a pasta HTM/CSS da loja, que deverá ser criada caso não exista.
Clique aqui para baixar um ZIP com as imagens do design mobile. Em seguida, envie este arquivo ZIP para a pasta IMAGES da loja.
|
