Guia AMP: O que é AMP e como configurá-lo no site WordPress

Você pode não ter percebido ainda, mas cerca de 50% das pessoas que acessam seu site por meio de dispositivos móveis o abandonarão completamente, se demorar mais de 3 segundos para carregar.

Como iniciante, novato na área de negócios digitais, você pode não estar ciente do mesmo. Bem, é por isso que estamos aqui para você.

Se você não prestou atenção ao tempo de carregamento do seu site em um dispositivo móvel e não está anotando o tráfego subsequente da web, você terá um prejuízo. Esses números precisam ser anotados e conhecidos antes de você tomar qualquer outra decisão importante de desenvolvimento de negócios.

Por que isso precisa acontecer?

Principalmente porque a maioria das pessoas que pesquisam algo online, o fazem através de seus dispositivos móveis. É importante, portanto, que você maximize a velocidade de carregamento da página do seu site.

Para ajudá-lo nessa tarefa, o Google lançou recentemente uma nova tecnologia. Essa tecnologia promete ampliar a experiência do seu site para as pessoas que a utilizam e o ajudará a atingir seus objetivos. O Google Accelerated Mobile Pages , lançado pelo Google, também conhecido como Google AMP, é uma iniciativa revolucionária do próprio Google para obter melhor tráfego do site, além de melhor geração de receita para um negócio moderno.

O Google AMP atende especificamente à versão do seu site para dispositivos móveis e o acelera, oferecendo versões muito leves de tudo em seu site, conforme hospedado nos servidores do Google. As pessoas que visitam seu site receberão seu conteúdo de maneira rápida e, portanto, provavelmente não deixarão seu site por causa da espera. Eles continuarão olhando e admirando seu trabalho, ajudando você no caso de tráfego e receitas na web.

Antes de nos aprofundarmos na discussão em espiral sobre o que o Google AMP pode fazer, vamos primeiro discutir o que o Google AMP realmente é, de maneira elaborada.

O Google AMP é um avanço tecnológico, uma iniciativa dos cérebros do Google para tornar as versões de sites móveis melhores e mais rápidas. Esses cérebros queriam versões móveis de diferentes sites para carregar mais rápido do que nunca. Se você gosta de tecnologia, softwares e algoritmos, provavelmente sabe o que são os Instant Articles do Facebook. Se você sabe o que é isso, entender o Google AMP é bem fácil. Eles são bem parecidos.

O Google AMP garante que, quando seu site for visitado, a versão completa do site não seja carregada. Na verdade, o Google esconde deliberadamente certas partes para torná-lo mais rápido. Isso geralmente faz com que a versão móvel do site pareça um pouco minimalista.

A iniciativa é de código aberto, o que significa que qualquer pessoa pode usar as metodologias para obter benefícios. Claro, o Google não vai restringir o mesmo porque seu objetivo final é tornar o conteúdo da web facilmente acessível, especialmente para usuários móveis.

A geração de conteúdo e os tempos de carregamento costumam ser muito lentos para a maioria das pessoas, o que é uma reclamação muito comum. Mesmo as páginas cheias de conteúdo otimizado, ricas em informações, podem demorar mais para carregar. E apesar de todo o SEO e outros esforços técnicos feitos pelo site e pelos empresários, o problema parece persistir. E é por isso que o Google AMP se torna importante em nossas vidas hoje. O Accelerated Mobile Pages (AMP) depende de um mínimo de códigos HTML juntamente com Javascripts para carregar uma página do site. Isso ajudará o conteúdo em diferentes sites a serem facilmente hospedados em caches de AMP. Essas versões de cache podem ser usadas para atender as pessoas instantaneamente, assim que clicarem em um determinado site de fontes orgânicas.

O método, como acabamos de dizer acima, é bastante semelhante aos Instant Articles do Facebook. Mas há uma contradição! Ao contrário do AMP, os Instant Articles serão limitados exclusivamente ao Facebook. E não apenas para a versão web do Facebook, mas para seu aplicativo móvel. O AMP, no entanto, pode funcionar em quase qualquer lugar. Eles podem ser usados ​​por todos os tipos de aplicativos e navegadores da web e até mesmo visualizadores da web. No momento, está sendo usado não apenas pelo Google, mas também pelo LinkedIn, Twitter, Reddit e outros.

O Google AMP realmente vale o hype?

Bem, não vamos afirmar as respostas corretas. Você vai responder essa pergunta hoje. Vamos simplificar o processo para você, oferecendo todos os prós e contras do AMP.

De acordo com a maioria dos especialistas em SEO, o AMP ajudará você a obter uma classificação mais alta no mecanismo de pesquisa do Google e melhorará a experiência dos usuários, especialmente nas plataformas móveis. Este é um benefício para pessoas com conexões de internet mais lentas. Mas eles também podem lançar alguns desafios para proprietários de sites e blogueiros.

Agora, como o Google AMP ajuda com um número limitado de opções de HTML e Javascript, como profissional de marketing de conteúdo e proprietário de site, talvez você não consiga adicionar alguns widgets ao seu site para dispositivos móveis. Isso pode ser uma desgraça, pois limitará sua capacidade como profissional de marketing digital de adicionar opções inteligentes, como boletins informativos, opções de e-mail, caixas de curtidas e compartilhamento do Facebook e outras opções versáteis.

O Google AMP, por fora e por fora, oferece suporte ao Google Analytics, mas na verdade não oferece suporte para outras plataformas. É assim que as opções de publicidade funcionam no Google AMP. A maioria das plataformas de publicidade não é compatível com o Google.

Mesmo após essas poucas limitações, o AMP ainda mantém sua posição na indústria para aumentar consideravelmente as páginas da web e o tráfego do site. Ao adicionar o suporte AMP ao seu site, enquanto trabalha simultaneamente em suas práticas de SEO, você pode definitivamente reunir uma grande parte do tráfego do site para o seu site feito por meio de pesquisas móveis.

Para garantir que você obtenha todos os benefícios que podem ser gerados por meio do AMP para o seu site WordPress, selecionamos aqui um guia passo a passo sobre como configurar seu perfil do Google AMP pela primeira vez.

Antes de realmente seguir este guia rápido sobre como habilitar o AMP para o seu site WordPress, presumimos que você já tenha ativado o plugin Yoast WordPress para o seu site. Você pode pular a etapa, caso ainda não tenha feito isso, e ativar o AMP diretamente no seu site. No entanto, recomendamos que você ative o plug-in Yoast SEO como pré-requisito.

Agora, indo direto ao ponto!

Configurando o Google AMP para seu site WordPress.

É muito fácil configurar seu perfil AMP e vinculá-lo ao seu site WordPress. Todos saúdam o poder do plugin oficial para o mesmo pelo próprio Google. O plug-in AMP oficial não requer configurações e é por isso que você deseja adicionar plug-ins de extensão para torná-lo totalmente funcional.

Primeiro, vamos ao básico. Vamos entender a parte fundamental da instalação do plugin oficial. Depois disso, vamos testá-lo e configurá-lo de acordo.

Instalação

Você pode instalar o plug-in AMP para seu site WordPress seguindo o procedimento abaixo. Este método requer que você faça login no seu painel de administração no seu site WordPress e clique em Plugins.

• Depois de clicar em plugins, você deve clicar na guia 'Adicionar novo', após o que você deve fazer uma consulta de pesquisa por “Accelerated Mobile Pages”.
• Depois de encontrar a opção apropriada, você deve instalá-la clicando em “ativar”.
• Depois de ativar o plug-in, você verá uma mensagem que diz “Este tema requer o seguinte plug-in: AMP, comece a instalar o plug-in”. Você deve então clicar em “Começar a instalar o plugin” e depois em “instalar”.

Configurando seu Google Analytics

Depois de instalar o plug-in AMP, você deve tentar instalar o Google Analytics. Para configurar o Google Analytics, você precisa encontrar seu ID de rastreamento. Depois disso, você precisará fazer login no Google Analytics e clicar no ícone de engrenagem que aparece no canto inferior esquerdo da tela, através do qual você será direcionado ao Painel de administração. Depois de selecionar o mesmo, você agora selecionará Conta e Propriedade, diretamente nos menus suspensos. Quando você olhar para as opções na coluna Propriedade, você verá uma guia com os nomes “Informações de rastreamento”. Clique no mesmo para ver seu ID de rastreamento. Esse ID geralmente começa com UA.

Copie este ID de rastreamento e faça login na plataforma do seu site WordPress. No lado esquerdo da tela, clique em Navegação e depois vá para AMP e de AMP, clique em Analytics. Cole seu ID de rastreamento onde “Google Analytics” é mencionado. Depois de fazer isso, você deve clicar em “Salvar alterações” e pronto.

Configurando suas configurações de plug-in

Nesta etapa, discutiremos as configurações básicas que você pode usar para personalizar a aparência do seu plug-in AMP. Essa configuração também ajudará você a oferecer suporte a vários formatos de conteúdo.

Estamos assumindo aqui que você já possui o plugin Yoast SEO. Então, para iniciar essa configuração, você deve ir ao Yoast SEO e clicar em AMP. Depois de fazer isso, agora você deve clicar em Tipos de postagem. A partir daqui, você poderá selecionar o tipo de postagem que pode usar e que será compatível com AMP.

Ao clicar na segunda guia para a guia Design, agora você poderá personalizar a aparência de suas páginas de conteúdo com habilitação de AMP. Se você estiver aplicando o estilo CSS, poderá personalizar seu conteúdo e também vincular padrões de cores semelhantes para fazer upload para você e para o ícone AMP personalizado. Você também pode definir imagens padrão para as páginas do seu site, se necessário.

Teste sua configuração de AMP

Depois de concluir o processo de criação de um URL de AMP, você também deve verificar se esses URLs funcionam corretamente. Se eles não estiverem configurados corretamente e não estiverem funcionando, o Google não poderá exibir o mesmo nos resultados da pesquisa posteriormente. Esta é uma salvaguarda que você deve tomar de antemão, pois pode ser uma tarefa e tanto para a maioria dos webmasters às vezes!

No entanto, existem soluções para todos os problemas. Você obtém um mesmo quando está testando e validando seus URLs de AMP. Você deve escolher algumas páginas do site e testar suas versões AMP usando qualquer um dos procedimentos mencionados abaixo. Mas antes de prosseguir e executar qualquer uma dessas tarefas, você deve anexar /amp/ no final de sua URL, conforme discutido anteriormente.

1. Você deve ir para este site – search.google.com/test/amp E, você deve soltar o URL da página do seu site neste site. Feito isso, você deve clicar em “Executar teste”. Você verá seus resultados, sejam eles válidos ou inválidos.

2. A segunda opção ajuda especificamente as pessoas que usam o navegador Google Chrome. Se você usa qualquer outro navegador da web para acessar a internet, como Mozilla Firefox, Safari, etc., essa opção não se aplicaria corretamente a você.

   Você deve abrir a página AMP em seu navegador Google Chrome e anexar #development=1 ao URL do seu site.

   A próxima coisa que você deve fazer é abrir o Chrome Dev Tools Console, no próprio menu do Google Chrome e selecionar 'More Tools'. Depois disso, você deve clicar em 'Ferramentas de desenvolvimento' e depois em 'Console'.

   Depois de clicar em 'Console', você poderá verificar os erros de validação. Se as coisas estiverem tranquilas e funcionando bem, o processo de validação deve ser um sucesso.

3. A terceira opção que você pode seguir é acessar este site – validator.ampproject.org e colar sua URL AMP aqui, no campo URL mencionado. Depois de colá-lo, você deve clicar em “Validar”.

   Se houver algum erro ou problema, esta ferramenta irá destacá-los e sinalizá-los no HTML.

Como enviar seu URL de AMP para o processo de indexação

Se você seguiu o processo de validação de AMP por meio do Google Search Console, poderá clicar diretamente em “Enviar ao Google” posteriormente, depois de ver o teste como válido.

Se você não estiver, há outra opção para você. Este funcionaria se você estivesse conectado à sua conta do Google Search Console. Depois de fazer isso, você pode pesquisar por “Enviar para o Google” e enviar a URL do seu site diretamente.

Quando você envia a página do site AMP para o Google de forma alternativa, o Google indexa a página do site AMP posteriormente, esteja ela vinculada internamente e listada no mapa do site XML ou não.

Veja o Google Search Console para solucionar todos os erros.

A próxima etapa é aprender a gerenciar as páginas do seu site AMP em um local, que é o Google Search Console. Você deve fazer login no Google Search Console e, a partir daí, na guia 'Search Appearance', você deve clicar em 'Accelerated Mobile Pages'.

Ao fazer isso, você poderá ver quantas de suas páginas AMP estão indexadas e quais não estão. Os que ainda não foram indexados devem ter algum tipo de erro, que também será exibido aqui. Se você identificar os problemas críticos, poderá solucionar esses erros posteriormente com a ajuda das ferramentas mencionadas na etapa anterior.

Testando a velocidade da página.

Uma vez que tudo mencionado acima foi concluído, você deve começar a ver os benefícios. Para ver se seus esforços foram frutíferos ou não, você deve tentar executar suas páginas AMP e suas páginas de site móvel padrão por meio de ferramentas de velocidade como WebPageTest. Você também deve comparar os resultados das duas páginas diferentes.

E voilá! Você terminou. Você pode começar sua jornada de AMP.

O Google está ampliando seus esforços enquanto revela um milagre na forma de indexação mobile-first e processo de aceleração de página. Ao fazer isso, eles estão se tornando um fator de classificação para muitos sites e empresas hoje. A iniciativa técnica tomada pelo Google na forma de AMP é um passo crucial para todas as empresas modernas e empresas de desenvolvimento de aplicativos móveis hoje. Não mudar para o mesmo pode se tornar problemático para você a longo prazo! Não tenha medo, faça essa mudança! Você vai nos agradecer mais tarde.