Como tornar o GeneratePress e o AMP totalmente compatíveis

O AMP pode tornar seu site rápido em dispositivos móveis. Se você está tendo problemas para fazer o AMP funcionar no modo de transição ou padrão usando o tema GeneratePress, veja como corrigi o problema.

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.

Plugin AMP oficial

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.

Erros AMP GeneratePress
Erros de AMP GeneratePress

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.

Teste inicial do GeneratePress AMP

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

Teste AMP GeneratePress

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.

Mfon Abel Ekene

Mfon Abel Ekene

Gosto de criar conteúdos que sejam úteis. Minha paixão é ajudar a população da internet a encontrar o que precisa, apontando-os na direção certa. É o que eu amo fazer e eu coloco muitas horas de pesquisa e testes para garantir que eu faça exatamente isso através do meu conteúdo no TargetTrend.

Artigos: 47

Receba materiais tecnológicos

Tendências de tecnologia, tendências de inicialização, análises, renda online, ferramentas da web e marketing uma ou duas vezes por mês

3 Comentários

  1. Obrigado por compartilhar isso, porque a compatibilidade do amplificador Generate Press ainda não foi publicada no diretório de plug-ins do Wordpress. Eu poderia tornar meu site kasperkamperman.com à prova de AMP.

Deixe um comentário

O seu endereço de e-mail não será publicado. Os campos obrigatórios são marcados com *