AMP

Accelerated Mobile Pages – Você Sabe O Que Significa AMP?

O conceito do projeto AMP (Accelerated Mobile Pages) é construir páginas com conteúdos estáticos mais rápidos para mobile. Aprenda agora tudo o que você precisa saber sobre esse projeto que esta mudando radicalmente a forma de acessar por dispositivos mobiles.Accelerated-Mobile-Pages

Simplesmente investir em otimização móvel para o seu site não vai ser o suficiente os usuários de dispositivos móveis passam horas por dia em seus telefones, e eles certamente não querem navegar no seu conteúdo se carrega lento, desajeitado, e não é compatível com mobile. A função do serviço é entregar conteúdos rápidos aos visitantes.

Hoje se tornou uma grande realidade o tráfego mobile e o projeto veio para somar/reforçar essa tendência, porém em alguns casos o acesso por mobile tem alguns problemas e poderá ser resolvido com sistema AMP.

Conforme o projeto pretende fazer é acelerar as páginas para dispositivo móvel e esta é uma iniciativa de código aberto que deu inicio em algumas discussões com algumas empresas de tecnologias para melhorar o conteúdo móvel para todos mesmo para quem tem internet lenta.

O seu blog esta preparado para os dispositivos mobile? Entenda como aplicar o serviço accelerated mobile pages

Se ainda não se preocupou com isso ou não sabe por onde começar aconselho a leitura do artigo: Mobile o seu blog esta preparado?

Hoje, a ideia é carregar de forma mais rápida o conteúdo e que seja fácil de ser explorado pelo usuário. A realidade hoje no Brasil é a conexão de internet que usamos em dispositivos mobile que pode demorar alguns segundos para carregar e pode levar o usuário abandonar a página por ser lenta e não esta preparada para mobile.

O conceito do blog esta preparado para mobile é acelerar, carregar mais rápido e pegar uma fatia desse mercado mobile de acesso para o seu blog.

Voltando ao projeto existe o grande benefício no qual eu digo que é o único que é acelerar as páginas para dispositivos móveis este é o projeto e foi iniciado.

O número de usuários de internet em todo o mundo está aumentando em milhões, mas na maioria dos países em desenvolvimento, os usuários estão usando a internet com a ajuda de dispositivos móveis e conexões de internet lenta vide caso nosso Brasil.

Hoje a grande maioria dos sites são responsivos (suporte para mobile), mas isso não quer dizer que são otimizados para ter velocidade que vai depender de outros fatores do seu blog e da conexão de internet do usuário que esta acessando.

Uma dica e aconselho a leitura do artigo Como tornar o site menor e mais rápido com gzip wordpress e 17 dicas de como fazer um blog mais rápido que também ajuda ao usuário quando acessa o seu blog.

Com a ajuda de páginas aceleradas para os dispositivos mobile o usuário terá uma diferença ao acessar obtendo uma experiência melhor e mais interação dessa forma podemos otimizar nossos websites para usuários de internet móvel e melhorar mesmo em redes lentas, e este é o objetivo do projeto Accelerated Mobile Pages.

E como funciona o sistema AMP no blog? Como configurar o sistema accelerated mobile pages no wordpress?

O sistema fornece apenas a funcionalidade básica para os usuários, isso significa vai enxugar algumas coisas uma delas é remover JavaScript e outras coisas desnecessárias que retarda o carregamento do site, porém ele não toca no conteúdo, ou seja, o conteúdo será mostrado para o usuário como ele foi sem alterar nada.

Ao usar o sistema no seu blog o usuário vai ter uma versão AMP e uma página normal. A versão AMP pode ser acessada através da extensão na URL como /amp/ ou usando alguns plugins poderá facilitar esse processo para o usuário e vou explicar.

Exemplo:

Um grande detalhe atualmente funciona da seguinte forma: o usuário não terá acesso à versão AMP se ele estiver acessando suas páginas normalmente, ou quando os motores de buscas como o Google encaminhar esse usuário para versão AMP do seu blog quando acessar com dispositivo mobile por isso precisa preparara o seu site para esse projeto e morder essa fatia do mercado mobile.

Você deve ou não usar páginas aceleradas para dispositivos mobile?

Isso depende de você.

Volto com outra pergunta. Você quer perder essas visitas mobile?

Para tentar ajudar um pouco nessa decisão se deve ou não usar e você deve considerar algumas questões abaixo:

Vantagens:

  • Melhora a velocidade.
  • Se você tiver visitantes móveis vai melhorar a sua experiência.
  • Algumas pessoas estão dizendo, que isso pode ser uma diferença junto aos motores de busca em termos de ranking fator no futuro, mas acredito que isso não faça diferença no fator de classificação.

Desvantagens:

  • Vai remover a maioria das funcionalidades do site.
  • Vai tirar algumas funcionalidades básicas do site deixando apenas o conteúdo.

Agora você pode decidir.

Conforme citei você pode facilitar esse acesso evitando mexer nas configurações do blog usando plugins para quem usa WordPress.

O primeiro que você precisa instalar é o próprio plugin AMP esse basta instalar e não precisa configurar nada. Após instalado veja como fica no seu blog. O próprio Google no seu resultado de busca vai definir para os acessos por mobile a url com amp para o seu blog.

projeto-amp

Junto com o plugin acima uso o plugin PageFrog para as redes sociais. Nesse plugin pode fazer algumas configurações ele habilita na barra lateral de configurações a opção Mobile Formats e pode adicionar código Analytics, ativar anúncios do Adsense entre outros recursos.

pagefrog

Atenção não basta somente instalar o plugin acima precisa fazer algumas configurações no seu blog para ajustar as mudanças para validar. Essa validação atualmente e infelizmente precisa ser feita em cada um dos artigos manualmente e sim da trabalho. Vai precisar do Google Chrome instalado no seu pc e abrir a url do seu blog em algum artigo e use o seguinte caminho no chrome.

Accelerated-Mobile-Pages

Após abrir essa opção clique na opção console e veja os erros que precisa acertar.

E para quem usa o plugin Yoast SEO tem algo fantástico Glue For Yoast SEO AMP esse eu deixei algumas configurações básicas e outras alterei, porém você pode mudar conforme a sua necessidade. Após instalar ele fica junto com as ferramentas do próprio Yoast SEO. Atenção para usar o plugin Glue For Yoast precisa ter instalado o plugin Yoast SEO.

AMP-Yoast-SEO

Para quem tem um blog (atualiza sempre) aconselho que instale o 3 plugins Yoast SEO, AMP e o Glue for Yoast ou se você tem somente uma página como money site instale somente o plugin AMP que é o suficiente.

Após os plugins instalados e configurados a seu gosto faça um teste de desempenho no site Pingdom Website Speed Tests.

Vai fazer o teste da seguinte forma e abra uma outra janela do site Pingdom Website Speed Tests e teste a página da seguinte forma .

Como o Google olha as suas páginas móveis aceleradas?

Após ativar os plugins faça um teste usando a própria ferramenta do Google Testing Tool outro detalhe o próprio Google criou uma página específica em seu Console Pesquisa para páginas móveis aceleradas. Você pode verificar acessando o Search Console para achar a opção para testes clique em Aspecto da pesquisa e Páginas aceleradas para dispositivos móveis. Atenção tem que esperar as vezes até alguns dias para o Google fazer a busca e mostrar algum resultado nessa opção. Volto alguns dias depois e verifique se mostra alguma mensagem e se tiver algum erro precisa corrigir.

Paginas-aceleradas-para-dispositivos-moveis

Accelerated Mobile Pages – Você Sabe O Que Significa AMP?
5 (100%) 1 vote
-->Aproveite e cadastre seu email abaixo para receber novas atualizações do site. Após colocar o seu email abaixo vai receber um email de confirmação de cadastro não esqueça de clicar.<--

Receba novidades no seu email:

Delivered by FeedBurner

Claudio Gomes

Empreendedor online e offline. Empreendimentos e negócios. Trabalho com Internet Marketing/Negócios Online alguns anos e consegui acumular muitas informações sobre negócios e formas de ganhar dinheiro online. Trabalho com informática e represento uma empresa de perfumaria e cosméticos.

Deixe uma resposta

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


*

4 comentários em “Accelerated Mobile Pages – Você Sabe O Que Significa AMP?

  1. Olá Cláudio
    Obrigada por sempre postar teus artigos em meus e-mail. Leio todos. Notei que em suas imagens quando se passa o mouse, aparece o curtir para o face, pin e twitter. Pode me informar qual o plugin que se usa para eu ter acesso, assim também. Obrigada

  2. Olá, excelente artigo. Mas estou com um problema que acho que é sério sobre o AMP.

    O meu site é o achegabaritos.com (se não puder aparecer o site ai por favor remove na edição).

    O Google está me mandando relatórios de que meu site está com problemas no AMP e não sei como resolver.

    Problema / Páginas com problemas
    1 Marcação de AMP ausente ou incorreta / 545
    2 Um JavaScript criado por usuário foi encontrado na página / 545
    3 Informações: elemento de dados estruturados inválido / 240
    4 Tag HTML proibida ou de uso inválido / 176
    5 Uso inválido de tags das AMP / 12

    Eu não consigo entender qual é o problema por causa por que fiz tudo o que você mencionou no artigo, os plugins estão instalados e mesmo assim recebo essas mensagens com os erros.

    1. Victor pelo visto vai ter que fazer manualmente alterações em algumas páginas com problemas no AMP.

      Nesse caso indico que faça contato com alguém para fazer essas alterações individuais que o plugin não esta resolvendo.