{"id":4393,"date":"2024-10-30T13:15:37","date_gmt":"2024-10-30T13:15:37","guid":{"rendered":"https:\/\/hocoos.com\/?post_type=answer&#038;p=4393"},"modified":"2025-01-27T12:09:35","modified_gmt":"2025-01-27T12:09:35","slug":"o-que-e-accelerated-mobile-page","status":"publish","type":"answer","link":"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-accelerated-mobile-page\/","title":{"rendered":"O que \u00e9 Accelerated Mobile Page (AMP)?"},"content":{"rendered":"<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>\u00cdndice<\/h2><nav><ul><li><a href=\"#how-does-amp-benefit-businesses-and-improve-user-experience\">Como o AMP beneficia as empresas e melhora a experi\u00eancia do usu\u00e1rio?\u00a0<\/a><\/li><li><a href=\"#how-does-amp-differ-from-progressive-web-apps-pw-as\">Como o AMP difere dos progressive web apps (PWAs)?\u00a0<\/a><\/li><li><a href=\"#when-should-businesses-consider-using-both-amp-and-pw-as\">Quando as empresas devem considerar o uso de AMP e PWAs?\u00a0<\/a><\/li><li><a href=\"#how-can-businesses-measure-the-impact-of-amp-on-their-website-performance\">Como as empresas podem medir o impacto do AMP no desempenho do seu site?\u00a0<\/a><\/li><li><a href=\"#conclusion\">Conclus\u00e3o<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-does-amp-benefit-businesses-and-improve-user-experience\">Como o AMP beneficia as empresas e melhora a experi\u00eancia do usu\u00e1rio?&nbsp;<\/h2>\n\n\n\n<p>Os AMPs t\u00eam v\u00e1rias vantagens se implementados corretamente; voc\u00ea precisar\u00e1 de conhecimento t\u00e9cnico para utiliz\u00e1-los da maneira certa. Seu uso pode impactar empresas e clientes das seguintes maneiras.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tempos de carregamento: <\/strong>Ao come\u00e7ar a usar AMPs, suas p\u00e1ginas da web devem carregar em dispositivos m\u00f3veis sem demora. Isso \u00e9 especialmente vital se parte do seu p\u00fablico tiver per\u00edodos de aten\u00e7\u00e3o limitados e, mesmo que n\u00e3o tenha, \u00e9 importante para a experi\u00eancia geral do usu\u00e1rio.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SEO: <\/strong>O Google e outros mecanismos de busca normalmente priorizam os AMPs em seus resultados de pesquisa. Isso pode influenciar a visibilidade nos mecanismos de busca e a quantidade de tr\u00e1fego que voc\u00ea gera.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Engajamento: <\/strong>Os AMPs s\u00e3o importantes para reduzir as taxas de rejei\u00e7\u00e3o e aumentar a dura\u00e7\u00e3o das sess\u00f5es. Ambas s\u00e3o m\u00e9tricas que determinam o qu\u00e3o engajado um p\u00fablico est\u00e1 com seu site.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Experi\u00eancia do usu\u00e1rio:<\/strong> As AMPs geralmente t\u00eam um layout mais simplificado porque precisam funcionar em dispositivos m\u00f3veis. Voc\u00ea tamb\u00e9m precisar\u00e1 otimizar seu conte\u00fado de acordo, o que significa que seu site deve ser mais f\u00e1cil de navegar se algu\u00e9m acess\u00e1-lo de uma tela menor.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Acessibilidade: <\/strong>As AMPs s\u00e3o usadas por pessoas com defici\u00eancia e devem ser criadas com a acessibilidade em mente. Voc\u00ea tamb\u00e9m deve considerar como a cria\u00e7\u00e3o de AMPs afetar\u00e1 os usu\u00e1rios com velocidades de conex\u00e3o \u00e0 internet mais lentas.&nbsp;<\/li>\n<\/ul>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-does-amp-differ-from-progressive-web-apps-pw-as\">Como o AMP difere dos progressive web apps (PWAs)?&nbsp;<\/h2>\n\n\n\n<p>Progressive Web Apps, tamb\u00e9m conhecidos como PWAs, s\u00e3o \u2013 embora ambos impulsionados pelo Google \u2013 dois aspectos diferentes projetados para necessidades diferentes.&nbsp;<\/p>\n\n\n\n<p>As AMPs se concentram principalmente na velocidade de carregamento inicial e t\u00eam n\u00edveis mais baixos de funcionalidade geral; isso as torna excelentes para p\u00e1ginas com muito conte\u00fado que exigem renderiza\u00e7\u00e3o r\u00e1pida, mas n\u00e3o t\u00e3o ideais para aplicativos din\u00e2micos ou conte\u00fado interativo.&nbsp;<\/p>\n\n\n\n<p>Os PWAs, por outro lado, t\u00eam mais recursos do que as AMPs (mas tempos de carregamento piores). Estes incluem:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Notifica\u00e7\u00f5es push&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Intera\u00e7\u00f5es semelhantes \u00e0s de um aplicativo&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A capacidade de acessar conte\u00fado offline&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Os PWAs s\u00e3o mais usados para experi\u00eancias complexas do usu\u00e1rio e maior interatividade. Eles oferecem mais flexibilidade de design, mas voc\u00ea tamb\u00e9m precisa considerar que s\u00e3o dif\u00edceis de desenvolver e manter.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"when-should-businesses-consider-using-both-amp-and-pw-as\">Quando as empresas devem considerar o uso de AMP e PWAs?&nbsp;<\/h2>\n\n\n\n<p>Embora voc\u00ea deva usar AMPs ou PWAs em muitas circunst\u00e2ncias, pode haver algumas situa\u00e7\u00f5es em que voc\u00ea precise de ambos. Voc\u00ea deve usar AMPs e PWAs sempre que a velocidade do seu conte\u00fado e uma experi\u00eancia semelhante \u00e0 de um aplicativo forem igualmente importantes para voc\u00ea. Os PWAs equilibram as limita\u00e7\u00f5es de funcionalidade dos AMPs e os AMPs devem ser usados para garantir que as p\u00e1ginas n\u00e3o demorem a carregar.&nbsp;<\/p>\n\n\n\n<p>Algumas empresas que podem querer usar AMPs e PWAs juntos incluem lojas de com\u00e9rcio eletr\u00f4nico e empresas que precisam de uma combina\u00e7\u00e3o de conte\u00fado, funcionalidade e engajamento. Plataformas de not\u00edcias s\u00e3o outro exemplo de empresas e sites que podem usar uma combina\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Antes de implementar ambos, voc\u00ea deve realizar uma an\u00e1lise aprofundada e desenvolver uma estrat\u00e9gia. Observe seu p\u00fablico-alvo e analise como eles interagem com sua marca em dispositivos m\u00f3veis. Fazer isso \u00e9 importante para garantir que a implementa\u00e7\u00e3o de ambos seja a abordagem correta e tamb\u00e9m \u00e9 necess\u00e1rio para que voc\u00ea saiba qual conte\u00fado deve ser otimizado.&nbsp;<\/p>\n\n\n\n<p>Depois de conhecer as necessidades do seu p\u00fablico, veja as ferramentas existentes que voc\u00ea j\u00e1 est\u00e1 usando e que podem ajudar com AMPs\/PWAs. Use-as para desenvolvimento e implanta\u00e7\u00e3o. Os AMPs podem, por exemplo, ser usados por lojas de com\u00e9rcio eletr\u00f4nico para listar produtos. Os PWAs podem ent\u00e3o ser usados para que o usu\u00e1rio possa navegar pelos produtos e gerenciar seus carrinhos de compras.<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nDica profissional:\u00a0\n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nEntenda as necessidades, objetivos e motiva\u00e7\u00f5es do seu p\u00fablico-alvo. Fazer isso \u00e9 essencial antes mesmo de dar o primeiro passo para implementar PWAs e AMPs.\u00a0\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-can-businesses-measure-the-impact-of-amp-on-their-website-performance\">Como as empresas podem medir o impacto do AMP no desempenho do seu site?&nbsp;<\/h2>\n\n\n\n<p>Para medir o impacto dos AMPs no desempenho do seu site, voc\u00ea deve monitorar as m\u00e9tricas mais importantes (entend\u00ea-las em primeiro lugar tamb\u00e9m \u00e9 importante).&nbsp;<\/p>\n\n\n\n<p>M\u00e9tricas a serem medidas incluem:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tempos de carregamento das p\u00e1ginas&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-a-taxa-de-rejeicao-de-um-site\/\" data-type=\"link\" data-id=\"https:\/\/hocoos.com\/answers\/what-is-website-bounce-rate\/\">Taxas de rejei\u00e7\u00e3o<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>M\u00e9tricas de engajamento do usu\u00e1rio (por exemplo, quanto tempo um usu\u00e1rio passou em sua p\u00e1gina e a profundidade de rolagem)&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-a-taxa-de-conversao-de-um-website\/\" data-type=\"link\" data-id=\"https:\/\/hocoos.com\/answers\/what-is-a-website-conversion-rate\/\">Taxas de convers\u00e3o<\/a> (por exemplo, compras de produtos)&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Voc\u00ea tamb\u00e9m deve implementar ferramentas de an\u00e1lise AMP, como Google Analytics e Adobe Analytics; o Hocoos possui uma integra\u00e7\u00e3o com o Google Analytics para monitoramento de interface \u00fanica. Ferramentas espec\u00edficas de an\u00e1lise AMP tamb\u00e9m podem ajud\u00e1-lo a monitorar seu desempenho.&nbsp;<\/p>\n\n\n\n<p>Executar testes A\/B, tamb\u00e9m conhecidos como testes de divis\u00e3o, s\u00e3o cruciais se voc\u00ea quiser maximizar o desempenho do seu AMP. Voc\u00ea deve comparar a velocidade com seus n\u00e3o-AMPs e, quando necess\u00e1rio, \u00e9 vital fazer altera\u00e7\u00f5es adicionais.&nbsp;<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nDica profissional:\u00a0\n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nConfigure seu rastreamento com anteced\u00eancia. Voc\u00ea precisa verificar se implementou c\u00f3digos de rastreamento nas p\u00e1ginas AMP; isso \u00e9 vital se voc\u00ea deseja avaliar o comportamento do usu\u00e1rio.\u00a0\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclus\u00e3o<\/h2>\n\n\n\n<p>As AMPs eram uma necessidade diante do crescente uso de dispositivos m\u00f3veis para acesso \u00e0 internet e, para se adaptar, voc\u00ea deve considerar us\u00e1-las para melhorar a experi\u00eancia do usu\u00e1rio m\u00f3vel. A utiliza\u00e7\u00e3o destas impactar\u00e1 seu SEO, e voc\u00ea tamb\u00e9m deve pensar no impacto sobre <a href=\"https:\/\/hocoos.com\/pt\/respostas\/qual-a-importancia-da-velocidade-de-pagina-mobile\/\" data-type=\"link\" data-id=\"https:\/\/hocoos.com\/answers\/what-is-the-importance-of-mobile-page-speed\/\">velocidade da p\u00e1gina<\/a>; idealmente, tudo deve carregar mais r\u00e1pido.&nbsp;<\/p>\n\n\n\n<p>Engajamento do usu\u00e1rio, visibilidade e acessibilidade s\u00e3o algumas raz\u00f5es para considerar o uso de AMPs. Voc\u00ea tamb\u00e9m deve observar onde elas se encaixam no contexto mais amplo de seus neg\u00f3cios e, se necess\u00e1rio, considere us\u00e1-las com PWAs.<\/p>","protected":false},"excerpt":{"rendered":"<p>How does AMP benefit businesses and improve user experience?&nbsp; AMPs have multiple advantages if implemented correctly; you will need technical expertise to get them right. Their usage can impact businesses and customers in the following ways.&nbsp; How does AMP differ from progressive web apps (PWAs)?&nbsp; Progressive web apps, also known as PWAs, are \u2013 while [&hellip;]<\/p>","protected":false},"author":39,"featured_media":0,"template":"","answers_category":[24],"class_list":["post-4393","answer","type-answer","status-publish","hentry","answers_category-mobile-responsiveness"],"acf":{"image":null,"card_image":4394,"content":[{"acf_fc_layout":"header_section","title":"O que s\u00e3o Accelerated Mobile Pages (AMP)?","descriptions":"AMPs, also known as accelerated mobile pages, are designed for faster page loading on mobile devices. The project is open-source and used by web developers. AMPs are often lighter than their desktop equivalents, though they lack many of its features.\r\n\r\nThe idea of AMPs originates back to 2015. Back then, mobile penetration was growing rapidly worldwide; as a result, more people were accessing the internet from their smartphones than on a computer. But since desktop pages are often resource-heavy, adapting to mobile usage was vital \u2013 a problem that AMPs sought to fix.\r\n\r\nAMPs use mobile-first indexing, which is vital for search engine rankings; sites optimized for smartphones normally rank higher. Page speed also impacts search engine rankings, which is another reason why AMPs are so important.","tip_label":"","tip":"","additional_tips":null,"key_takeaways_label":"Key Takeaways: ","key_takeaways":[{"label":"Accelerated mobile pages (AMPs) are supposed to speed up loading times on mobile devices","body":""},{"label":"Besides loading time and page speed, AMPs can impact SEO rankings and user engagement","body":""},{"label":"Use AMPs on pages with a lot of content; PWAs, on the other hand, should be utilized for interactive content","body":""}]}]},"_links":{"self":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/answer\/4393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/answer"}],"about":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/types\/answer"}],"author":[{"embeddable":true,"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/users\/39"}],"wp:attachment":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/media?parent=4393"}],"wp:term":[{"taxonomy":"answers_category","embeddable":true,"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/answers_category?post=4393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}