{"id":9673,"date":"2022-01-17T12:27:49","date_gmt":"2022-01-17T15:27:49","guid":{"rendered":"https:\/\/ddwb.com.br\/blog\/?p=9673"},"modified":"2022-10-28T09:51:56","modified_gmt":"2022-10-28T12:51:56","slug":"entenda-o-que-e-accelerated-mobile-pages-e-que-tipos-de-site-podem-usar-esse-recurso","status":"publish","type":"post","link":"https:\/\/ddwb.com.br\/blog\/entenda-o-que-e-accelerated-mobile-pages-e-que-tipos-de-site-podem-usar-esse-recurso\/","title":{"rendered":"Entenda o que \u00e9 accelerated mobile pages e que tipos de site podem usar esse recurso!"},"content":{"rendered":"

Voc\u00ea sabia que se uma p\u00e1gina demora at\u00e9 5 segundos para carregar a chance dela ser abandonada pelos usu\u00e1rios \u00e9 de 90%? \u00c9 o que mostra uma pesquisa da Think With Google<\/a>. Por\u00e9m, para que as empresas aumentem o tempo de perman\u00eancia das pessoas n\u00e3o basta tornar os sites mais r\u00e1pidos, \u00e9 preciso que essa rapidez seja garantida tamb\u00e9m em dispositivos m\u00f3veis, o chamado Accelerated Mobile Pages (AMP).<\/p>\n

Quer dizer, outra pesquisa<\/a>, dessa vez da Salesforce, mostra que apenas em 2019, 80% do tr\u00e1fego total de visitantes na internet veio de smartphones ou tablets. Assim, \u00e9 preciso focar na otimiza\u00e7\u00e3o das p\u00e1ginas principalmente pensando na experi\u00eancia de usu\u00e1rio (UX) a partir do mobile.<\/p>\n

Quer saber mais sobre a import\u00e2ncia do Accelerated Mobile Pages, como funciona, quais tipos de sites podem adotar a estrat\u00e9gia e muitas outras informa\u00e7\u00f5es? Continue a leitura e fique por dentro!<\/p>\n

O que \u00e9 Accelerated Mobile Pages?<\/h2>\n

O termo traduzido para o portugu\u00eas literal quer dizer P\u00e1ginas Mobile Aceleradas que, como o pr\u00f3prio nome sugere, visa otimizar a experi\u00eancia dos usu\u00e1rios ao tornar o tempo de espera do carregamento das p\u00e1ginas reduzido especialmente para dispositivos m\u00f3veis.<\/p>\n

Pensar em estrat\u00e9gias que garantam essa otimiza\u00e7\u00e3o \u00e9 fundamental porque, enquanto os smartphones entraram no mercado e ainda estavam se tornando democr\u00e1ticos, era comum que o carregamento fosse mais lento e n\u00e3o houvesse adapta\u00e7\u00e3o para o formato, tendo os sites reproduzidos em telas menores.<\/p>\n

Com o tempo, houve um aumento na responsividade, o que possibilitou uma\u00a0populariza\u00e7\u00e3o ainda maior do mobile no lugar do desktop. Por\u00e9m, \u00e9 preciso ter em mente que essa melhoria ainda precisa evoluir mais e que os consumidores atuais, conhecidos como 5.0, est\u00e3o cada vez mais exigentes e impacientes.<\/p>\n

Se a sua marca n\u00e3o oferece esse tipo de experi\u00eancia, a concorr\u00eancia possivelmente vai e as chances de voc\u00ea ser trocado s\u00e3o altas. Assim, o AMP \u00e9 uma necessidade urgente para que as p\u00e1ginas tenham mais visibilidade e at\u00e9 posicionamentos mais privilegiados pelo SEO <\/a>do Google, j\u00e1 que a plataforma prioriza as melhores experi\u00eancias para quem faz buscas.<\/p>\n

Como funciona o Accelerated Mobile Pages?<\/h2>\n

O AMP atua como uma configura\u00e7\u00e3o que possibilita que as p\u00e1ginas carreguem em uma vers\u00e3o simplificada e quase que instantaneamente sempre que forem acessadas \u2014 h\u00e1 um selo que a p\u00e1gina pode exibir, inclusive, demonstrando que a marca se preocupa com mais esse aspecto do usu\u00e1rio.<\/p>\n

Da mesma maneira, p\u00e1ginas que n\u00e3o se alinharem aos esfor\u00e7os do AMP recebem uma alerta pela dificuldade de carregamento, o que evidencia a import\u00e2ncia de garantir sites responsivos e da exist\u00eancia de mecanismos que averiguem esse tipo de configura\u00e7\u00e3o, como os relat\u00f3rios de web analytics.<\/p>\n

Apesar das vantagens j\u00e1 citadas, \u00e9 importante perceber que sites com AMP s\u00e3o vers\u00f5es mais simples para tornar o carregamento \u00e1gil. Isso pode deixar muitos elementos de fora, o que n\u00e3o \u00e9 recomendado em caso de p\u00e1ginas com muitas imagens e que s\u00e3o indispens\u00e1veis para o entendimento dos usu\u00e1rios.<\/p>\n

Assim, saiba usar o AMP com sabedoria, preferencialmente em sites mais informativos, que tendem a ter uma quantidade reduzida de imagem ou at\u00e9 mesmo em se\u00e7\u00f5es espec\u00edficas de p\u00e1ginas institucionais, como o \u2018\u2019Sobre\u2019\u2019.<\/p>\n

Quais os tipos de site podem usar o Accelerated Mobile Pages?<\/h2>\n

Conforme mencionado, mesmo com os in\u00fameros benef\u00edcios do AMP, n\u00e3o s\u00e3o todos os sites ou se\u00e7\u00f5es de sites que se recomendam a configura\u00e7\u00e3o capaz de acelerar o carregamento, devido \u00e0 simplifica\u00e7\u00e3o de elementos que isso gera, o que pode deixar de fora informa\u00e7\u00f5es indispens\u00e1veis para o entendimento e experi\u00eancia do usu\u00e1rio.<\/p>\n

De qualquer forma, saiba que a maioria das p\u00e1ginas ao redor do mundo utiliza o AMP. No entanto, \u00e9 preciso fazer isso adequadamente, especialmente os de conte\u00fado, como blogs, not\u00edcias e receitas e at\u00e9 mesmo p\u00e1ginas de e-commerce. Para isso, editores, desenvolvedores e designers podem utilizar a tecnologia e aplicar a configura\u00e7\u00e3o.<\/p>\n

Como configurar o Accelerated Mobile Pages no site?<\/h2>\n

Considerando que se trata de uma configura\u00e7\u00e3o open source, ou seja, qualquer pessoa pode aplicar a tecnologia AMP, mesmo que sejam leigos em programa\u00e7\u00e3o e desenvolvimento web, n\u00e3o se trata de um processo dif\u00edcil, principalmente para quem utiliza o WordPress.<\/p>\n

Isso porque existe um plugin respons\u00e1vel pela otimiza\u00e7\u00e3o nas mudan\u00e7as das p\u00e1ginas, o que potencializa a velocidade nos sites mobile. Sendo assim, confira o passo a passo a seguir para configura\u00e7\u00e3o no WordPress:<\/p>\n

    \n
  1. Entre no painel de WordPress do site, procure o menu de plugin e selecione \u2018\u2019adicionar novo\u2019\u2019.<\/li>\n
  2. Para encontrar mais op\u00e7\u00f5es de configura\u00e7\u00f5es, instale o plugin AMP for WP \u2014 Accelerated Mobile Pages.<\/li>\n
  3. Para configura\u00e7\u00e3o do Google<\/a> Analytics no painel do WordPress, o que ajuda no acompanhamento de dados dos visitantes, clique em Analytics e adicione o c\u00f3digo de acompanhamento da conta do Analytics.<\/li>\n
  4. Para configura\u00e7\u00e3o do visual das p\u00e1ginas com AMP, basta selecionar \u2018\u2019Design\u2019\u2019 e depois \u2018\u2019Launch Post Builder\u2019\u2019, dentro da \u00e1rea de AMP.<\/li>\n
  5. Clique em \u2018\u2019AMP\u2019\u2019 na nova tela aberta, depois \u2018\u2019Apar\u00eancia\u2019\u2019 e selecione as informa\u00e7\u00f5es desejadas de serem mantidas nas p\u00e1ginas aceleradas. Tamb\u00e9m \u00e9 poss\u00edvel editar as cores de acordo com a identidade visual do site e da marca.<\/li>\n
  6. Volte para o painel do WordPress e acesse o menu AMP para visualizar cada item dispon\u00edvel para configura\u00e7\u00e3o e edite conforme suas necessidades e interesses.<\/li>\n
  7. Visualize a vers\u00e3o final do AMP pelo celular ou computador, basta acrescentar a siga no final da URL.<\/li>\n<\/ol>\n

    Por que o Accelerated Mobile Pages \u00e9 importante?<\/h2>\n

    O AMP vai muito al\u00e9m de potencializar o desempenho e at\u00e9 o j\u00e1 mencionado ranqueamento de uma p\u00e1gina nas pesquisas do Google. Entenda:<\/p>\n