Como Configurar Corretamente o Google AMP em Seu Site WordPress

Todos querem um site mais rápido para ter uma melhor classificação nos resultados de busca. No entanto, o Google AMP nem sempre é a solução mágica que as pessoas pensam.

Testamos inúmeras estratégias de desempenho no WPBeginner. Em nossa experiência, apressar-se com o AMP sem um plano pode realmente quebrar o design do seu site.

Se você decidir que esta tecnologia é adequada para você, podemos ajudá-lo a começar com segurança.

Neste guia, mostraremos como configurar corretamente o Google AMP em seu site WordPress.

Como Configurar Corretamente o Google AMP em Seu Site WordPress

O que é Google AMP?

Google AMP (Accelerated Mobile Pages) é um framework open-source lançado pelo Google em outubro de 2015 para resolver os lentos tempos de carregamento da web móvel. A tecnologia cria versões simplificadas de páginas da web que carregam quase instantaneamente em dispositivos móveis.

Veja como funciona: O AMP usa uma versão simplificada do HTML (chamada AMP HTML), restringe o uso de JavaScript e armazena seu conteúdo na rede de cache global do Google.

Quando alguém clica no seu link AMP nos resultados de pesquisa, o Google exibe a versão em cache diretamente de seus servidores, eliminando os atrasos de carregamento usuais.

A realidade hoje: a adoção do AMP diminuiu significativamente desde seu pico de popularidade. Grandes plataformas como Twitter, LinkedIn e Reddit descontinuaram suas implementações de AMP.

Mais importante ainda, o Google não dá mais tratamento preferencial às páginas AMP nos rankings de busca, que foi um dos principais motivos pelos quais os sites o adotaram inicialmente.

Com base em nossa experiência administrando o WPBeginner, nunca implementamos AMP em nosso próprio site. Em vez disso, recomendamos focar seus esforços de otimização em melhorar as Core Web Vitals, o que oferece melhores resultados a longo prazo tanto para a experiência do usuário quanto para o desempenho de busca.

Dito isso, se você decidiu que o AMP se encaixa em seus objetivos de negócios e requisitos técnicos, o plugin oficial do AMP permanece disponível e funcional. Este guia o guiará pelo processo completo de configuração para que você possa implementá-lo corretamente.

Configurando Accelerated Mobile Pages ou AMP no WordPress

A primeira coisa que você precisa fazer é instalar e ativar o plugin AMP. Para mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, basta clicar no link no topo da página de Plugins para abrir o assistente de configuração.

Abra o Assistente de Integração do Plugin AMP

Observação: O plugin AMP tem problemas de compatibilidade com alguns plugins populares do WordPress, como o WPCode, o principal plugin de snippets de código. Você será notificado de quaisquer plugins ativos incompatíveis no topo da página.

A primeira página oferece uma visão geral do que o plugin faz. Depois de ler isso, você pode clicar no botão 'Próximo' para continuar.

Assistente de Integração do Plugin AMP para WordPress

A segunda página do assistente permite que você escolha seu histórico técnico.

Usuários avançados que entendem de código PHP, JavaScript, HTML e CSS podem clicar na primeira opção. No entanto, recomendamos que a maioria dos usuários escolha a segunda opção ‘não técnica’, pois ela simplifica muito a configuração do Google AMP.

Assistente de Integração do Plugin AMP para WordPress

Depois de escolher um plano de fundo técnico, clique no botão ‘Próximo’ para continuar.

O plugin agora verificará seu site em busca de problemas de compatibilidade com seu tema e plugins ativos. Assim que a verificação for concluída, você será notificado sobre quaisquer problemas.

Assistente de Integração do Plugin AMP para WordPress

Na próxima etapa do assistente de configuração, você precisa escolher um modo de modelo. Recomendamos escolher a opção Transicional.

Essa configuração garante que seu site para desktop mantenha seu design e marca originais, enquanto cria uma versão AMP separada e de carregamento rápido especificamente para usuários móveis.

Assistente de Integração do Plugin AMP para WordPress

Em seguida, clique no botão 'Próximo'. Agora você verá uma prévia de como seu site aparece no formato AMP.

Certifique-se de clicar no botão ‘Concluir’ para salvar suas configurações.

Assistente de Integração do Plugin AMP para WordPress

Se você escolheu o modo Transicional ou Leitor, pode visitar qualquer postagem em seu site e adicionar /amp/ ao final do URL para ver a versão AMP.

https://example.com/my-blog-post/amp/

Isso será exibido automaticamente em dispositivos móveis.

Obtendo Análises Precisas em Páginas AMP

Um dos principais problemas com o AMP é que ele pode distorcer seus dados do Google Analytics. Visitantes de suas páginas AMP não são rastreados com precisão e podem até ser contados duas vezes.

Para obter as análises mais precisas, recomendamos o uso do MonsterInsights. É o melhor plugin do Google Analytics para WordPress.

O complemento AMP do MonsterInsights corrigirá automaticamente seu rastreamento para que você obtenha as estatísticas reais de seus visitantes.

Você pode aprender como configurar o MonsterInsights em nosso guia para iniciantes sobre como instalar o Google Analytics no WordPress.

Perguntas Frequentes Sobre o Google AMP

Aqui estão algumas das perguntas mais comuns que nossos leitores fazem sobre a configuração do Google AMP no WordPress.

1. O Google AMP ainda é necessário para WordPress?

Não, não é estritamente necessário. No passado, o Google exigia o AMP para certos recursos de pesquisa móvel, como o carrossel de Principais Notícias. Isso não é mais o caso.

Hoje, a maioria dos temas modernos e responsivos do WordPress são rápidos o suficiente por si só. Recomendamos focar em passar nos Core Web Vitals em vez de manter uma versão AMP separada do seu site.

2. Instalar o AMP prejudicará o SEO do meu site?

Instalar corretamente geralmente ajuda na velocidade móvel, que é um fator de ranqueamento. No entanto, uma configuração inadequada pode prejudicar seu SEO. Se suas páginas AMP não tiverem links internos ou menus de navegação importantes, os sinais de engajamento do usuário podem cair. Isso pode impactar negativamente seus ranqueamentos ao longo do tempo.

3. O AMP funciona com plugins como WPForms ou OptinMonster?

Sim, mas há limitações. Como o AMP restringe o JavaScript, formulários e pop-ups padrão geralmente param de funcionar. Você deve usar as integrações AMP específicas fornecidas por ferramentas como WPForms e OptinMonster. Sem essas configurações específicas, suas ferramentas de geração de leads podem não aparecer em dispositivos móveis.

4. Posso remover facilmente o AMP se não gostar dele?

Você pode removê-lo, mas precisa ter cuidado. Se você simplesmente desativar o plugin, o Google ainda pode tentar enviar visitantes para as versões AMP de suas páginas, resultando em erros 404.

Para corrigir isso, você precisará configurar redirecionamentos adequados para enviar o tráfego móvel de volta ao seu site móvel padrão. Recomendamos usar o Gerenciador de Redirecionamento no All in One SEO (AIOSEO) para lidar com isso facilmente.

5. Qual é a diferença entre mobile-friendly e AMP?

Um site mobile-friendly é o design do seu site regular que ajusta seu layout para caber em telas pequenas. Ele mantém toda a sua marca, estilos e scripts. O AMP é uma versão completamente separada da sua página. Ele remove a maior parte do código pesado para carregar instantaneamente, muitas vezes sacrificando seus elementos de design específicos no processo.

Recursos Adicionais sobre Desempenho do WordPress

O Google AMP é uma maneira de melhorar o desempenho do site em dispositivos móveis. Você pode gostar de ver alguns artigos sobre nossos métodos preferidos para acelerar seu site WordPress.

Esperamos que este artigo tenha ajudado você a aprender como configurar as Páginas Aceleradas para Dispositivos Móveis (AMP) no WordPress. Você também pode querer ver nosso guia sobre como melhorar a saúde do seu site WordPress ou nossas escolhas de especialistas sobre a hospedagem WordPress mais rápida.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

86 CommentsLeave a Reply

    • Essa seria uma questão de preferência pessoal. Recomendamos dar uma olhada nos prós e contras que declaramos no início deste artigo.

      Admin

  1. Olá, não sei qual é o melhor para o meu WordPress, básico ou avançado no AMP.
    Você pode me dar alguma sugestão sobre isso?

    • Essa seria uma questão de preferência pessoal. Para perguntas sobre o plugin em seu estado atual, recomendamos entrar em contato com o suporte do plugin.

      Admin

  2. Olá Administrador
    Estou enfrentando problemas com o AMP no meu site.
    Já tentei tudo o que sei, mas não está funcionando porque os erros continuam aumentando no meu Search Console.
    Eu realmente preciso de ajuda porque o ranking e o tráfego do meu site estão sendo afetados.

    • Dependeria dos erros específicos que você está vendo em seu site para saber qual seria o problema.

      Admin

  3. Pelo que posso ver, entendo por que o 'wpbeginner' não deu o passo de usar AMP em seu site. Olhe todos os comentários, acho que é por isso.

    Ainda tenho erros e bugs para resolver, infelizmente eu estava tentando encontrar soluções para usar AMP, mas depois de todos os comentários aqui, vou voltar atrás... Ainda não vale a pena, mas para acelerar as páginas, vamos usar plugins de cache por enquanto.

    Até que tudo esteja bem e não haja mais problemas usando AMP, reescreverei meu passo, mas por enquanto, vamos manter a calma.

    Obrigado WP Beginner pelos artigos, eles ajudam.

  4. ‘O site está enfrentando dificuldades técnicas.’

    É isso que estou vendo ao abrir a versão AMP do meu site.

  5. é muito interessante, Obrigado por compartilhar informações valiosas conosco e também conhecimento, continue compartilhando assim.

  6. Olá, eu queria saber se você já começou a usar AMP em seu próprio site ou se ainda é melhor evitar? Gostaria de saber sua opinião.

  7. Olá WP Beginner

    Obrigado pelo seu maravilhoso esforço, realmente você me ajudou muito.
    Infelizmente, não consegui ativar o AMP para o meu site.

    Obrigado

    • If the method in this article isn’t working then you would want to reach out to the AMP plugin’s support and they should be able to help troubleshoot the issue :)

      Admin

  8. Olá Wpbeginner, vocês poderiam, por favor, criar um guia sobre como colocar anúncios em sites WordPress AMP?

    Thank you for sharing your Information :-)

  9. Agora o Google AMP está mostrando erro de tamanho de imagem.

    O tamanho da imagem é menor que o tamanho recomendado. As imagens devem ter pelo menos 1200 pixels de largura.

    Isso é enorme. O que há de errado com o Google AMP?

    • É uma mudança para o carrossel de principais notícias do Google que explica por que esse tamanho está sendo solicitado agora. O plugin AMP está dizendo que está recebendo esse erro do Google e informando você.

      Admin

  10. como podemos usar o tema wordpress no layout amp, pois após inserir o url amp o layout da página não corresponde ao url do nosso site.

      • AMP usa HTML, CSS e Javascript limitados. Você deve entrar em contato com seu tema para ver se há algo que possa ser feito para tornar o tema mais amigável para AMP.

        Admin

  11. Obrigado por este artigo valioso. Não apenas este, mas todos os seus artigos são muito úteis para nós.

    Obrigado a todos.

  12. Este é um artigo fantástico! A estrutura e os detalhes são fáceis de seguir e amigáveis ao usuário. Obrigado por compartilhar.

  13. Obrigado por esta postagem!

    Já ativei o AMP para um dos meus sites e ele está funcionando bem, mas aqui você não o recomendou.

    Bem dito, no meu próximo site eu simplesmente o deixarei sem implementar o AMP e testarei os dois.

    Obrigado da Nigéria

  14. Vejo mais armadilhas do que ganhos na implementação do AMP – particularmente com um plugin. Por enquanto, seguirei seu conselho e, "não mudarei para o Google AMP, ainda não".

  15. Olá, obrigado de fato por sua postagem útil. Tenho dois pontos:

    1- Você já usou o AMP ou não? Como posso ser notificado se você for usá-lo no futuro?

    2- No w3 total cache, existe um addon para AMP, isso está ok?

    Para mim, não instalarei o plugin como você recomendou.

    Acho que você pode obter a melhor classificação quando tem ótimo conteúdo, SEO, boa velocidade que pode ser implementada sem AMP.

    Obrigado de fato

  16. Não consigo fazer as análises do AMP funcionarem. A aba Yoast SEO para análises nunca salva meu ID de análises. Alguma sugestão?

  17. preciso saber se posso adicionar minhas páginas em amp, atualmente está funcionando apenas em posts. quando digito URL_DA_PAGINA/amp ele leva para uma página 404

  18. Qual a diferença entre o plugin Automatic AMP e o Accelerated Mobile Pages? Um site gratuito no wordpress.com exibe a imagem do cabeçalho do tema e fica mais bonito no celular com o plugin AMP deles, mas um site auto-hospedado com AMP não tem a imagem do cabeçalho do tema e não fica tão bom quanto o site gratuito. Por que isso acontece?

  19. ativei o amp no meu wordpress.. minha pergunta é como saber que o amp está funcionando nos meus posts e se eu criar uma página amp além do post principal, o que acontecerá?

  20. Estou usando AMP for WP e gerei e listei algumas páginas. Agora quero descontinuar o AMP. Posso apenas excluir o plugin AMP for WP ou é um procedimento mais complexo?
    Obrigado.

  21. Olá. Tenho usado o plugin AMP da Automattic sem problemas nos últimos 6 meses. No entanto, começamos a receber erros de AMP na Search Console que diziam Uso proibido ou inválido de Tag HTML em 12 páginas, incluindo esta.

    Alguém notou isso?

    Postado na página do plugin também, mas não obtive resposta.

    I hope the bug gets resolved fast as the pages have been removed from search results and have led to a loss of traffic. :(

  22. O AMP não pode ser instalado no meu WordPress
    Toda vez que tento instalar, aparece "falha na instalação: a pasta de destino já existe". O que devo fazer para que o AMP no WordPress possa ser instalado??

  23. O código do AdSense é adicionado na seção de configurações.

    Me avise se o seu problema não for resolvido.

    Obrigado,

  24. Eu usei este plugin, mas tive um problema. Este plugin adicionou uma página AMP para a minha página inicial, quando tentei abrir esse link, ele redirecionava para a página AMP do blog. Como posso mudar isso?

    • Estou tendo o mesmo efeito. quando vou para meu domain.com/amp/ ele não mostra a página inicial, mas mostra a página de postagem do blog. Como podemos mudar isso para que mostre a página inicial?

      • Em AMP Plugin. Vá para: AMP/Getting Started/Homepage e ative AMP Frontpage –> custom amp front page. Em seguida, logo abaixo, você selecionará sua página inicial no menu suspenso.

        Tudo isso deve (finalmente) aparecer na versão AMP se for sua página inicial.
        Espero que ajude!

  25. Olá, pessoal,

    Post muito informativo e o WordPress está entre os primeiros apoiadores do Google AMP Project. O plugin Google AMP para WordPress é bastante útil para tornar a web móvel mais rápida, ou seja, 4 vezes mais rápida, o que será um fator crucial para melhorar a experiência do usuário.
    Além disso, o Baidu – o motor de busca chinês – agora está apoiando o projeto Google AMP e considerará sites AMP nos resultados da SERP, já que o Google o tornou uma norma para obter uma classificação mais alta nos resultados de busca. Muito em breve outros seguirão a mesma tendência e testemunharemos os passos do Google.

    Obrigado,
    Nick

  26. Ótimo Artigo. Alguém sabe como acionar o AMP automaticamente quando o usuário está visualizando nosso site em um dispositivo móvel. Quero dizer, para visualizar páginas AMP, não quero ir manualmente e digitar /amp no final do URL. Existe uma maneira?

    • Pelo que entendi, digitar /amp no final da URL é apenas para testes, mas o plugin já cria a versão AMP dos posts e adiciona a tag HTML relacionada ao código fonte, e então o Google indexará esses posts AMP e os exibirá para usuários de dispositivos móveis

  27. Olá,

    Qual plugin de ícones de mídia social é compatível com o seu plugin AMP mencionado?

    Obrigado!
    Michael

  28. O AMP não está instalando no meu WordPress.
    Sempre que tento instalar, aparece "Falha na instalação: A pasta de destino já existe"

    O que eu tenho que fazer agora??

  29. Eu uso AMP no meu site. Mas sempre um erro é detectado em alguns posts. Isso é otimização de imagem. Eu tento usar o código HTML de imagem AMP para inserir imagens nos posts. Mas desta vez nenhuma imagem é exibida. Como posso corrigir este problema. Por favor, me ajude. Agradeço antecipadamente.

  30. QUERO mudar para AMP, mas como muitos dos meus posts têm receitas, tabelas e grades de imagens, nenhum desses aparece nas páginas AMP.

    Eu gostaria de fazer páginas AMP como o New York Times faz, basicamente há um longo trecho com um link para continuar lendo a história que leva você para a página não-AMP.

    Alguma recomendação sobre como encontrar um plugin ou como ajustar o plugin AMP do WordPress para fazer isso?

    Obrigado,

    L

  31. Tentei tudo neste tutorial, mas ainda recebo uma página em branco quando digito meuURL/amp/ no meu navegador. Você pode me ajudar?

  32. A maneira correta de implementar AMP é fazê-lo como parte do seu tema. O plugin AMP é meramente um curativo para preencher a lacuna de um tema existente. AMP é tão novo que há muito poucos exemplos de como incluí-lo como seu tema WordPress. Eu estaria interessado em saber se alguém já chegou a esse ponto. Já fiz algum desenvolvimento AMP e acho que não é nada difícil.

    • Tenho tentado AMP por 5 meses. E o resultado é que o amp não é recomendado para o meu site. Porque o amp quebra a aparência. E sim, o amp WordPress não oferece os recursos que precisamos.

  33. Como fazemos para funcionar com o WooCommerce? O plugin AMP exibe um layout muito básico de um site WooCommerce, com o menu também perdendo todo o seu estilo e formatação.

  34. O plugin AMP ainda funciona apenas em Posts e não em Páginas? Alguém encontrou uma solução que funcione em sites inteiros? Obrigado!

  35. Olá! Obrigado por este AMP Wordpress. Tenho uma dúvida. Preciso editar a URL dos meus posts antigos e adicionar /amp no final?

  36. Ótimo artigo!! Você sabe se é possível remover o "powered by Wordpress" no rodapé da nossa página AMP de postagem? Veja aqui >>

    Super obrigado
    Gaz

  37. Olá pessoal,
    ótimo guia. E quando o Google Search Console me notifica sobre folha de estilo CSS inválida para a página AMP?

Deixe uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.