Poucas coisas podem ser mais frustrantes do que visitar um site apenas para descobrir que sua página inicial está demorando muito para carregar. Pior ainda, é quando as imagens são de baixa qualidade e os layouts não estão bem otimizados.
Na verdade, um estudo do Google descobriu que 53 por cento dos visitantes deixam sites que não carregam em três segundos ou menos, levando a taxas de rejeição mais altas e receitas mais baixas.
Para resolver esses problemas, o Google criou a tecnologia Accelerated Mobile Pages (AMP). As páginas AMP não funcionam em Acelere o tempo de carregamento do seu site Isso não apenas ajuda você a fornecer um design atraente, experiência móvel empolgante e aumentar sua taxa média de cliques (CTR).
Neste guia, explicaremos por que o Google AMP é o formato preferido do Google para páginas móveis e como você pode implementar AMP para WordPress.
O que são páginas AMP do Google?
AMP for Google é uma estrutura de componente da web lançada em outubro de 2015 para ajudar a construir e construir sites leves, proporcionando uma experiência de usuário de qualidade. A iniciativa da Web de aceleração móvel é projetada enviando uma versão abstrata de suas páginas da web.
Várias grandes empresas, incluindo WordPress, Pinterest, Washington Post e Reddit, adotaram páginas AMP e viram Aumento no número de visitantes únicos por mês.
Quando sua página da web for apresentada aos usuários de dispositivos móveis por meio do Google AMP, ela parecerá básica e simplificada, atendendo assim ao objetivo do AMP de ter experiências dinâmicas rápidas com melhor usabilidade.
As AMP carregam rapidamente porque foram desenvolvidas para velocidade. Os navegadores têm um tempo mais fácil (e, portanto, mais rápido) para interpretar o HTML para páginas AMP, pois são mais suaves e especificamente projetados para ajudar os desenvolvedores a evitar problemas comuns de software que retardam o carregamento da página.
Ainda melhor é que o AMP pode ser servido diretamente do cache de AMP do Google. Sempre que possível, o Google escolherá exibir a versão em cache da página, que fornece o carregamento mais rápido. Quando não for possível exibir a partir do cache (devido a incompatibilidade com um recurso ou outros motivos técnicos), a página AMP será carregada de seu navegador da Web. Embora não seja tão rápido quanto a renderização do cache, ainda é mais rápido do que as páginas não AMP.
Você precisa de páginas AMP no seu site WordPress?
As páginas AMP carregam rapidamente, mas não é a única maneira de fazer com que as páginas da Web sejam carregadas mais rapidamente ou de seu website.
Existem muitos estudos de caso que demonstram o impacto positivo do AMP em editores, empresas e outras indústrias, mas também existem muitos estudos de caso de falhas. Isso significa que não há uma decisão clara sobre se o AMP é adequado ou não para todos os sites.
Mas o que parece ser verdade é que o sucesso do AMP depende de alguns fatores de decisão. Por exemplo, se a maioria dos seus visitantes usa principalmente computadores, as páginas AMP não são adequadas para você porque as páginas AMP não exibem muitos recursos na área de trabalho nem são exibidas no cache de AMP do Google, então os usuários podem não aproveitar esses benefícios .
A regra de ouro é que o AMP é recomendado principalmente para editores que administram sites de notícias e blogs. Qualquer outra coisa, como um site de portfólio de carreiras ou páginas de destino, não precisa necessariamente de AMP.
Além disso, se suas páginas não AMP puderem ser carregadas em 2.5 segundos ou menos, talvez você não precise instalar as AMP.
Como implementar AMP em um site WordPress
Criar uma cópia AMP da sua página da Web do WordPress pode parecer uma tarefa que apenas os desenvolvedores podem realizar, mas com um pouco de conhecimento e algumas instruções, você pode fazer isso sozinho.
O Google tem um fluxo de trabalho que orienta você durante a criação de páginas AMP, consolidação e otimização de páginas, configuração do rastreamento de análise e, em seguida, projeto da página de acordo com as necessidades do seu site.
Para começar, o Google fornecerá a você o código do modelo, que você pode copiar e salvar com a extensão .html e, em seguida, adicionar a programação necessária. Isso transformará a página em um documento HTML AMP funcional.
Antes de publicar, você pode incluir imagens, ajustar o layout, otimizar a página para SEO e visualizar e finalizar as páginas usando as instruções fornecidas na barra lateral.
Se desejar, você pode tentar AMP no amplificador Key antes de experimentá-lo em seu site WordPress.
Como instalar o Google AMP no WordPress
Configurar e instalar manualmente as páginas AMP do Google em seu site WordPress é um processo complicado. No entanto, você pode usar plug-ins como a extensão oficial AMP para WordPress ou AMP para WP ou AMPWP Para tornar o processo mais simples.
Neste guia, mostraremos como configurar e instalar AMP em um site WordPress usando o plug-in oficial de AMP para WordPress.
Como usar o plug-in AMP do WordPress para instalar AMP
Para começar, instale e ative o plug-in AMP do WordPress em seu site do WordPress. Vá para o painel do WordPress e selecione Complementos -> Adicionar Novo.
Digite AMP na caixa de pesquisa e selecione Instale agora Para instalar a extensão.
Vamos para Plugins -> plugins instalados , Pesquise AMP e clique no link de ativação para ativar o plug-in AMP e fazê-lo funcionar no seu site.
Depois que o plug-in estiver ativado, defina as configurações para personalizar as páginas AMP. Para configurar o plugin, vá para AMP -> Configurações Use o assistente para definir as configurações de AMP.
Selecione o botão “PropagaçãoDepois de definir as configurações. Seu site não ficará visível para os visitantes ou detectável pelo Google, mas você pode escolher se deseja exibir páginas, artigos ou ambos em AMP. Para fazer isso, vá para AMP -> Configurações -> Configurações avançadas E desmarque a caixa em Modelos suportados para obter mais opções.
Selecione as opções desejadas e selecione Salvando alterações.
Você também pode incorporar o Yoast SEO em sua configuração de AMP acessando Complementos -> Adicionar Novo Em seguida, pesquise Yoast SEO e AMP.
Selecione Instalar agora e habilite a extensão. Depois de ativado, vá para SEO e selecione AMP para obter mais opções de personalização para sua página e selecione Salvando alterações. (Depois do Yoast SEO versão 14.5, você não precisa instalar o Yoast SEO e AMP separadamente, pois foi incorporado ao plugin original).
Antes de publicar, visualize suas páginas AMP adicionando amp No final de qualquer link de artigo ou URL da página. Por exemplo, você pode ir para https://yourwebsite.com/blog-post-title/amp/
Como validar AMP para WordPress
Com as páginas AMP instaladas no seu site WordPress, a próxima etapa é testar se elas funcionam corretamente. Além disso, a verificação também garante que as plataformas compatíveis possam acessar e vincular ao seu site, e você pode encontrar erros de AMP para solucioná-los.
Você pode validar AMP do WordPress manualmente ou usando Ferramenta de teste de AMP do Google.
Como validar manualmente AMP para WordPress
Para fazer isso, abra a página AMP e adicione #development = 1 No final do URL da página da web que você está validando.
Vá para o navegador de sua preferência e abra Console de ferramentas do desenvolvedor. Se você estiver usando o Firefox, selecione Menu -> Desenvolvedor da Web -> Console da web. Se houver erros na AMP, eles serão destacados em vermelho.
Os erros de validação podem ser causados por codificação incorreta, prefixos inválidos ou tags não autorizadas, mas você verá uma explicação das causas ao lado do erro.
Como validar AMP para WordPress usando a ferramenta de teste de AMP do Google
Abra uma página Ferramenta de teste de AMP do Google , Insira o URL do seu site, artigo ou página e selecione Teste de URL. Você também pode colar o código do site e selecionar Teste de URL.
O Googlebot analisará seu site e, se tudo estiver bem, você verá uma prévia de como suas páginas AMP aparecerão nos resultados do mecanismo de pesquisa do Google.
Com a ferramenta de teste de AMP do Google, você pode identificar erros de AMP e ver qual código está causando o problema no seu site. Você também pode selecionar o botão "Compartilhar" para compartilhar a análise com seus colegas.
Você também pode usar uma ferramenta Validador de AMP do Google Para verificar a exatidão do código, ou use Extensão AMP do Chrome , Que também verifica a autenticidade das páginas e exibe avisos ou erros.
Adicionar páginas AMP ao seu site WordPress
As páginas AMP do Google são uma grande mudança para qualquer site, especialmente se você já tem muito tráfego de celular. Se você administra um site com conteúdo de notícias, pode fazer sentido instalar AMP imediatamente, mas para outras empresas, isso pode prejudicar suas conversões se você usá-lo incorretamente.
Recomendamos testar AMP em um pequeno número de páginas de alto tráfego para ver se você está obtendo resultados positivos ou negativos antes de decidir usá-los em todo o site.
Você já experimentou AMP em seu site WordPress? Você tem alguma outra dica para compartilhar sobre o uso de AMP para WordPress? Compartilhe conosco nos comentários. Se você está procurando outra opção para acelerar seu site, você deve dar uma olhada Por que você deve usar um CDN para melhorar a experiência do usuário em seu site.
