Como tornar o GeneratePress e o AMP totalmente compatíveis

GeneratePress e AMP são compatíveis. Neste post, mostrarei como você pode tornar o GeneratePress 100% compatível com AMP.

Accelerated Mobile Pages (AMP) é um open source projeto criado pelo Google junto com a Automattic. O objetivo é tornar os sites mais rápidos em celulares.

Se a maioria de seus visitantes vem de dispositivos móveis, o AMP tem o potencial de aumentar significativamente seu tráfego ao longo do tempo.

Mas se você tem a maioria de seus visitantes do desktop, você pode não notar uma diferença significativa, mas ainda vale a pena.

GeneratePress é o mais rápido Tema WordPress Eu tenho visto. Você pode ver meu Revisão do GeneratePress. A boa notícia é que é 100% compatível com AMP.

Implementando AMP em seu site/blog

A melhor maneira de implementar o AMP é fazer uso do Plug-in oficial de AMP que foi construído e está sendo mantido pelo próprio Google.

Visite o diretório do WordPress para instalar e ativar o plugin. Para fazer isso, clique em plugins no seu painel e clique em Adicionar novo. Uma vez na página, pesquise AMP. você verá o plug-in AMP.

Uma vez instalado, ative o plugin. Em seguida, clique nas configurações. Você verá três opções. Modo padrão, modo de transição ou modo de leitor. O modo leitor funcionará normalmente. Uma vez que não depende do seu tema para funcionar. Mas se você tiver um problema ao executar o GeneratePress no modo Transitional ou Standard, siga as etapas aqui.

Mesmo se você estiver usando outro plug-in AMP, essas etapas funcionarão.

Como tornar o GeneratePress e o AMP totalmente compatíveis

Siga estas etapas para tornar o GeneratePress e o AMP totalmente compatíveis:

1. Baixe e instale o plug-in AMP for GeneratePress

Existe um Plugin oficial de Tom Usborne, o desenvolvedor e fundador do GeneratePress. O objetivo do plug-in é corrigir quaisquer problemas de compatibilidade com o AMP.

O plugin ainda não está disponível no diretório WordPress. Mas Tom me disse em um email que ele o disponibilizará em breve.

Por enquanto, você pode obter o plug-in do GitHub.

Uma vez lá, clique em Clonar ou faça o download. Em seguida, clique em baixar zip.

Agora, para ir ao seu painel do WordPress, clique em plugins e clique em adicionar novo. Na nova página, clique no plugin de upload, selecione o arquivo que você acabou de baixar e instale-o.

Uma vez instalado, ative-o. Isso é tudo.

2. Mude o AMP para o modo de transição ou padrão

Agora vá para as configurações do plug-in AMP novamente e mude para o modo de transição ou padrão. O modo de transição significa que sua estrutura de tema é usada para veicular AMP e não AMP, enquanto o padrão significa que seu site é AMP-first.

Se seu site funcionar no modo de transição AMP, ele funcionará no modo padrão. A única diferença entre os dois é o URL canônico.

Quando no modo de transição, você precisa adicionar ?amplificador no final de seus links, incluindo a página inicial para acessar o AMP.

Mas quando no modo padrão, nenhuma adição é necessária. Seus URLs canônicos são amp.

Para este teste, estou usando o modo de transição para mostrar que funciona. Prefiro usar AMP no modo de leitura porque a maioria dos meus visitantes são de desktop.

3. Realize o teste AMP.

Depois de mudar para o modo de transição ou padrão. Você verá muitos erros! Não entre em pânico!

Você pode ver os erros que recebi abaixo depois de alterar Ferramentas de blog para o modo de transição.

Houve 48 índices de erro.

A maioria desses erros são avisos. Alguns deles são causados ​​por plugins. Os avisos são para informar que os itens destacados não serão exibidos em AMP.

Não notei nenhum aviso importante relacionado ao tema.

O principal problema que notei foi no meu plugin de cache, Breeze. Foi adicionar um CSS que não parece deixar o AMP feliz. Então eu desativei o Breeze e comecei a testar.

Você pode usar Ferramenta de teste AMP oficial do Google para testes.

O resultado mostra que o AMP está sendo executado sem problemas. Veja abaixo.

Aqui está o teste para a minha página inicial.

Então eu testei uma página de postagem:

Do exposto, você pode ver que AMP e GeneratePress são totalmente compatíveis.

Problemas comuns

Se você ainda estiver tendo problemas para fazer o AMP funcionar no modo de transição ou padrão, o problema provavelmente é um de seus plugins.

Os principais culpados provavelmente serão plugins de cache ou plugins de otimização que não são compatíveis com AMP.