{"id":2228,"date":"2018-11-21T00:00:00","date_gmt":"2018-11-21T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/2018\/11\/21\/amp\/"},"modified":"2018-11-21T00:00:00","modified_gmt":"2018-11-21T00:00:00","slug":"amp","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/resources\/amp\/","title":{"rendered":"Entenda o que s\u00e3o as Accelerated Mobile Pages e us\u00e1-las no seu site"},"content":{"rendered":"\n<p>Quer fazer com que <a href=\"https:\/\/rockcontent.com\/br\/blog\/como-criar-um-site\/\" target=\"_blank\" rel=\"noreferrer noopener\">seu site <\/a>seja mais r\u00e1pido e encontrado pelo Google? Ent\u00e3o, \u00e9 hora de voc\u00ea saber o que \u00e9 AMP e como ele pode colaborar com os resultados das suas p\u00e1ginas.<\/p>\n\n\n\n<p>Ainda que a velocidade da Internet tenha aumentado nos \u00faltimos anos, \u00e9 comum que os usu\u00e1rios contem com planos de dados restritos, que terminam ap\u00f3s a utiliza\u00e7\u00e3o da franquia contratada. <\/p>\n\n\n\n<p>Al\u00e9m disso, v\u00e1rios usu\u00e1rios n\u00e3o contam com uma regi\u00e3o privilegiada. Nesse caso, a rede n\u00e3o apresenta velocidade adequada.<\/p>\n\n\n\n<p>Dessa forma, utilizar uma tecnologia para <a rel=\"noreferrer noopener\" href=\"https:\/\/rockcontent.com\/br\/blog\/como-melhorar-a-velocidade-de-carregamento\/\" target=\"_blank\">aumentar a velocidade das p\u00e1ginas<\/a> far\u00e1 com que as pessoas acessem seu conte\u00fado quase que instantaneamente. <strong>Isso \u00e9 fundamental para que voc\u00ea consiga aumentar as convers\u00f5es.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/stage.rockcontent.com\/br\/performance\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-opt-id=916004078  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/07\/banner-analyzer.png\" alt=\"Stage Analyzer\"\/><\/a><\/figure>\n\n\n\n<p>Neste texto, voc\u00ea ver\u00e1 tudo o que precisa saber sobre o AMP para coloc\u00e1-lo em pr\u00e1tica. Quer fazer mais neg\u00f3cios? Ent\u00e3o, confira quais s\u00e3o os passos que voc\u00ea deve seguir!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 AMP?<\/h2>\n\n\n\n<p>AMP \u00e9 uma sigla, em ingl\u00eas, para Accelerated Mobile Pages. Em portugu\u00eas, significa <em>P\u00e1ginas Aceleradas para Dispositivos M\u00f3veis<\/em>.<\/p>\n\n\n\n<p><strong>Essas p\u00e1ginas contam com carregamento simplificado<\/strong>, dando a impress\u00e3o que \u00e9 at\u00e9 instant\u00e2neo, quando s\u00e3o usadas em smartphones.<\/p>\n\n\n\n<p>Se voc\u00ea ainda n\u00e3o v\u00ea muito valor nessa iniciativa, a seguir provaremos o contr\u00e1rio. O celular se transformou em um tipo de computador, em que as pessoas fazem mais do que simplesmente usar as redes sociais e conversar com os amigos. Elas verificam a conta de e-mail, jogam e consomem muito conte\u00fado.<\/p>\n\n\n\n<p>Entretanto, nem sempre a qualidade da rede corresponde \u00e0 necessidade de consumo dos usu\u00e1rios. Por vezes, a velocidade se mostra reduzida, dependendo da regi\u00e3o em que a pessoa est\u00e1.<\/p>\n\n\n\n<p>Al\u00e9m disso, dependendo do plano de dados contratado, o usu\u00e1rio sofre com redu\u00e7\u00e3o de velocidade quando o pacote de dados chega ao fim.<\/p>\n\n\n\n<p>Ao fazer com que as p\u00e1ginas sejam carregadas nesses dispositivos em menos tempo, aumenta-se o tempo em que os consumidores usam a Internet para fazer pesquisas. Al\u00e9m disso, <strong>a chance de um <\/strong><a href=\"https:\/\/rockcontent.com\/br\/blog\/como-criar-um-blog\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>blog<\/strong><\/a><strong> ou empresa <\/strong><a href=\"https:\/\/rockcontent.com\/br\/blog\/funil-de-retencao\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>reter o usu\u00e1rio<\/strong><\/a><strong> \u00e9 maior<\/strong>.<\/p>\n\n\n\n<p>Como o Google sempre se mostrou preocupado com a experi\u00eancia de navega\u00e7\u00e3o nos dispositivos m\u00f3veis, ele apresentou em 2015 o AMP Project, em conjunto com outras renomadas empresas, como <a href=\"https:\/\/rockcontent.com\/br\/blog\/pinterest\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pinterest<\/a>, Twitter e LinkedIn.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como elas funcionam?<\/h2>\n\n\n\n<p>A iniciativa \u00e9 de c\u00f3digo aberto. Isso significa que qualquer pessoa ou empresa pode colaborar. O objetivo \u00e9 fazer com que o conte\u00fado geral de p\u00e1ginas para <a href=\"https:\/\/rockcontent.com\/br\/blog\/mobile-friendly-vantagens-site-otimizado\/\" target=\"_blank\" rel=\"noreferrer noopener\">dispositivos m\u00f3veis<\/a> seja mais r\u00e1pido para os usu\u00e1rios.<\/p>\n\n\n\n<p>Uma p\u00e1gina AMP, resumidamente, conta com uma arquitetura para priorizar a velocidade do carregamento das p\u00e1ginas e \u00e9 dividida em 3 partes:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>AMP HTML:<\/strong>&nbsp;\u00e9 um c\u00f3digo HTML modificado. Embora tamb\u00e9m conte com tags normais, alguns s\u00e3o espec\u00edficas do projeto;<\/li><li><strong>AMP JS:<\/strong>&nbsp;\u00e9 respons\u00e1vel por fazer que a p\u00e1gina se apresente rapidamente. A principal fun\u00e7\u00e3o \u00e9 fazer com que elementos externos n\u00e3o bloqueiem o carregamento da p\u00e1gina;<\/li><li><strong>Google AMP Cache:<\/strong>&nbsp;\u00e9 um elemento opcional. Com ele, todas as p\u00e1ginas AMP HTML s\u00e3o armazenadas no cache dos servidores do Google. Assim, o desempenho \u00e9 melhorado automaticamente. Vale lembrar que, como o projeto \u00e9 de c\u00f3digo aberto, outras empresas tamb\u00e9m podem desenvolver o pr\u00f3prio cache de AMP.<\/li><\/ul>\n\n\n\n<p>Voc\u00ea quer ver uma amostra disso? \u00c9 simples! Fa\u00e7a uma <a rel=\"noreferrer noopener\" href=\"https:\/\/rockcontent.com\/br\/blog\/busca-no-google\/\" target=\"_blank\">busca no Google<\/a> utilizando seu smartphone. As p\u00e1ginas que j\u00e1 contam com o AMP estar\u00e3o marcadas, assim como na imagem abaixo: <\/p>\n\n\n\n<img data-opt-id=1306419878  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/05\/Screenshot_2019-05-17-10-25-21-321_com.android.chrome-1-1-1.jpg\" alt=\"AMP\" class=\"aligncenter\" class=\"wp-image-34716\"\/><p><\/p>\n\n\n\n<p>Ao clicar no resultado, voc\u00ea ver\u00e1 como a p\u00e1gina ser\u00e1 carregada praticamente instantaneamente, com a diferen\u00e7a que alguns elementos e o layout ser\u00e3o um pouco diferentes do que o normal, como:<\/p>\n\n\n\n<img data-opt-id=352137862  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/05\/Screenshot_2019-05-17-10-25-47-409_com.android.chrome-1-1-1.jpg\" alt=\"AMP2\" class=\"aligncenter\" class=\"wp-image-34714\"\/><p><\/p>\n\n\n\n<p>Caso as p\u00e1ginas sejam muito lentas, elas receber\u00e3o um alerta, mostrando o quanto \u00e9 importante contar com um site r\u00e1pido.<\/p>\n\n\n\n<p><strong>Depois de configurada, a p\u00e1gina AMP se transforma em uma nova vers\u00e3o da original, com conte\u00fado id\u00eantico<\/strong>. Normalmente, \u00e9 identificada com &#8220;\/amp&#8221; ao fim do endere\u00e7o. Assim, \u00e9 mais f\u00e1cil identificar o desempenho dela nos relat\u00f3rios de an\u00e1lise, como o do Google Analytics.<\/p>\n\n\n\n<p>Como o conte\u00fado \u00e9 o mesmo, quem j\u00e1 tem algum conhecimento de <a href=\"https:\/\/rockcontent.com\/br\/blog\/como-otimizar-sua-escrita\/\" target=\"_blank\" rel=\"noreferrer noopener\">SEO<\/a> sabe que pode gerar um problema conhecido: <a href=\"https:\/\/rockcontent.com\/br\/blog\/conteudo-duplicado\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>conte\u00fado duplicado<\/strong><\/a>. Entretanto, \u00e9 f\u00e1cil resolver a quest\u00e3o. Basta incluir uma tag can\u00f4nica na vers\u00e3o AMP. Ela indicar\u00e1 para o Google qual \u00e9 a vers\u00e3o original.<\/p>\n\n\n\n<p>Al\u00e9m disso, incluindo uma marca\u00e7\u00e3o, voc\u00ea mostrar\u00e1 para o buscador que h\u00e1 uma vers\u00e3o AMP:<\/p>\n\n\n\n<p><em><strong>&lt;link rel=\u201damphtml\u201d href=\u201dhttps:\/\/www.meusite.com.br\/post\/amp\/\u201d&gt;<\/strong><\/em><\/p>\n\n\n\n<biblioteca><strong>Voc\u00ea pode se interessar por esses outros conte\u00fados!<\/strong><br>\t\n   <a href=\"https:\/\/rockcontent.com\/br\/blog\/conversao-em-blogs\/\" target=\"_blank&quot;\" rel=\"noopener noreferrer\">Convers\u00e3o em blogs: 8 dicas para otimizar seus resultados<\/a><br>\t\n   <a href=\"https:\/\/rockcontent.com\/br\/blog\/google-pagespeed-insights\/\" target=\"_blank&quot;\" rel=\"noopener noreferrer\">Google PageSpeed Insights: descubra como conseguir a nota m\u00e1xima!<\/a><br>\t\n   <a href=\"https:\/\/rockcontent.com\/br\/blog\/amp-vs-paginas-responsivas\/\" target=\"_blank&quot;\" rel=\"noopener noreferrer\">AMP vs P\u00e1ginas Responsivas: voc\u00ea sabe a diferen\u00e7a?<\/a><br>\t\n   <a href=\"https:\/\/rockcontent.com\/br\/blog\/algoritmo-do-google\/\" target=\"_blank&quot;\" rel=\"noopener noreferrer\">Algoritmo do Google: aprenda como rankear em primeiro em 2019<\/a><br><\/biblioteca>\n\n\n\n<h2 class=\"wp-block-heading\">Quais s\u00e3o as principais vantagens?<\/h2>\n\n\n\n<p>S\u00e3o v\u00e1rias as vantagens em implementar AMP em seu site. <\/p>\n\n\n\n<p>Confira agora!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Seguir a tend\u00eancia dos principais sites e portais do pa\u00eds<\/h3>\n\n\n\n<p>Sites e portais como UOL, El Pa\u00eds, TechTudo e Discovery j\u00e1 contam com essa tecnologia. Ao implement\u00e1-la em seu site, voc\u00ea usar\u00e1 as mesmas ferramentas dos grandes sites de conte\u00fado do pa\u00eds. <\/p>\n\n\n\n<p>E o melhor: a tend\u00eancia pode contribuir para suas estrat\u00e9gias de SEO.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Melhorar sua estrat\u00e9gia de SEO<\/h3>\n\n\n\n<p>O que as ferramentas de busca mais desejam \u00e9 proporcionar uma experi\u00eancia de busca mais interessante, certeira e r\u00e1pida para os consumidores. <\/p>\n\n\n\n<p>Como o AMP faz com que as p\u00e1ginas fiquem mais r\u00e1pidas, o Google considera a op\u00e7\u00e3o como fator de <a rel=\"noreferrer noopener\" href=\"https:\/\/rockcontent.com\/br\/blog\/seo-split-testing\/\" target=\"_blank\">rankeamento<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Aumentar o encantamento de internautas<\/h3>\n\n\n\n<p>Usu\u00e1rios que encontram o que desejam rapidamente s\u00e3o mais propensos a se inscreverem nas listas de leads da empresa e at\u00e9 fazer compras. Por isso, implementar o AMP poder\u00e1 alterar positivamente o comportamento dos usu\u00e1rios em sua p\u00e1gina.<\/p>\n\n\n\n<p>Quer saber se seu site ser\u00e1 beneficiado com a implementa\u00e7\u00e3o? <\/p>\n\n\n\n<p>Confira!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quais sites s\u00e3o mais beneficiados?<\/h2>\n\n\n\n<p>Inicialmente, as primeiras p\u00e1ginas que utilizaram a tecnologia foram grandes portais de not\u00edcias dos Estados Unidos, como o Gizmodo e o Washingtion Post. Entretanto, atualmente, v\u00e1rios sites espalhados pelo mundo j\u00e1 adotaram a tecnologia.<\/p>\n\n\n\n<p>Ela \u00e9 mais utilizada em sites que contam com grande <a href=\"https:\/\/rockcontent.com\/br\/blog\/marketing-de-conteudo\/\" target=\"_blank\" rel=\"noreferrer noopener\">publica\u00e7\u00e3o de conte\u00fado<\/a>, como blogs, p\u00e1ginas de receitas e not\u00edcias. Entretanto, \u00e9 poss\u00edvel us\u00e1-la at\u00e9 mesmo em p\u00e1ginas de e-commerce.<\/p>\n\n\n\n<p>De acordo com o <a href=\"https:\/\/www.ampproject.org\/pt_br\/support\/faqs\/overview\" target=\"_blank\" rel=\"noreferrer noopener\">site do projeto<\/a>, a tecnologia pode ser utilizada por todos que est\u00e3o inclusos no processo, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>editores;<\/li><li>criadores;<\/li><li>plataformas.<\/li><\/ul>\n\n\n\n<p>O objetivo \u00e9 fazer com que<strong> todo o conte\u00fado da p\u00e1gina seja funciona<\/strong>l (incluindo v\u00eddeos, fotos e GIFs animados). Como a iniciativa \u00e9 de c\u00f3digo aberto, n\u00e3o h\u00e1 restri\u00e7\u00f5es para que algu\u00e9m teste as configura\u00e7\u00f5es e veja como o AMP funciona na pr\u00e1tica.<\/p>\n\n\n\n<p>Caso queira, ainda \u00e9 poss\u00edvel fazer parte do grupo que pesquisa e promove melhorias no projeto.<\/p>\n\n\n\n<p>Utilizando os recursos dispon\u00edveis, \u00e9 poss\u00edvel aplicar a tecnologia na home page, p\u00e1gina de produtos e at\u00e9 mesmo nas p\u00e1ginas de busca. O eBay, por exemplo, usa AMP para as p\u00e1ginas de pesquisa do seu site.<\/p>\n\n\n\n<p>Com isso, o carregamento do site \u00e9 <strong>extremamente veloz<\/strong>, aumentando as chances de que os usu\u00e1rios concretizem o neg\u00f3cio que procuram.<\/p>\n\n\n\n<p>Embora a tecnologia possa se adaptar aos mais variados tipos de p\u00e1gina, nem todas devem ser inclu\u00eddas. Veja agora como avaliar isso!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">H\u00e1 pontos negativos?<\/h2>\n\n\n\n<p>H\u00e1 alguns casos em que os webdesigners definem que n\u00e3o se deve implementar o AMP. Um dos maiores motivos para isso \u00e9 a quantidade de ativos web. <\/p>\n\n\n\n<p>Embora o smartphone represente uma grande oportunidade, \u00e9 necess\u00e1rio contar com esfor\u00e7os necess\u00e1rios para que os arquivos para o AMP sejam otimizados.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Maior dificuldade para acompanhar m\u00e9tricas<\/h3>\n\n\n\n<p>Al\u00e9m disso, quando as p\u00e1ginas est\u00e3o armazenadas em cache (e nem sempre fazem solicita\u00e7\u00f5es aos seus servidores), ser\u00e1 necess\u00e1rio criar par\u00e2metros especiais para acompanhar os resultados da p\u00e1gina. Assim, ser\u00e1 poss\u00edvel ter precis\u00e3o em \u00edndices como <a href=\"https:\/\/rockcontent.com\/br\/blog\/ctr\/\" target=\"_blank\" rel=\"noreferrer noopener\">CTRs<\/a> e m\u00e9tricas de engajamento.<\/p>\n\n\n\n<p>Como o AMP \u00e9 considerado o HTML depois de uma dieta, pode-se dizer que as mesmas experi\u00eancias que voc\u00ea ofereceria em uma p\u00e1gina original n\u00e3o poder\u00e3o ser entregues em AMP, como mover mapas ou girar imagens.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Menor capacidade para personaliza\u00e7\u00e3o<\/h3>\n\n\n\n<p>Caso algumas p\u00e1ginas dependam muito de uma experi\u00eancia de usu\u00e1rio diferenciada, deve-se ponderar se as vers\u00f5es de AMP para tais se\u00e7\u00f5es s\u00e3o interessantes. Alguns exemplos disso s\u00e3o home page, portf\u00f3lios e <a href=\"https:\/\/rockcontent.com\/br\/blog\/landing-page\/\" target=\"_blank\" rel=\"noreferrer noopener\">landing pages<\/a>.<\/p>\n\n\n\n<p>Isso \u00e9 causado por um dos grandes focos do projeto. Como as p\u00e1ginas s\u00e3o mais simples, a\u00e7\u00f5es complexas ficam mais dif\u00edceis com AMP. Ent\u00e3o, a marca pode perder o envolvimento com os usu\u00e1rios dos dispositivos m\u00f3veis, dificultando as convers\u00f5es.<\/p>\n\n\n\n<p>Nesses casos, \u00e9 comum que o design fa\u00e7a parte da estrat\u00e9gia para atrair usu\u00e1rios e convert\u00ea-los.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Perda de elementos importantes para a convers\u00e3o<\/h3>\n\n\n\n<p>Como o AMP \u00e9 uma vers\u00e3o leve da sua p\u00e1gina, sem muitos <a href=\"https:\/\/rockcontent.com\/br\/blog\/marketing-de-conteudo-visual\/\" target=\"_blank\" rel=\"noreferrer noopener\">elementos visuais<\/a>, voc\u00ea n\u00e3o deve configur\u00e1-lo em p\u00e1ginas que dependem do apelo visual para atrair o visitante. Por exemplo: sua home page, uma p\u00e1gina de portf\u00f3lio ou uma p\u00e1gina de vendas n\u00e3o devem, em hip\u00f3tese alguma, utilizar AMP.<\/p>\n\n\n\n<p>Isso porque o prop\u00f3sito original da p\u00e1gina seria perdido, pois <strong>os principais elementos de web design que fazem um site vender e encantar seriam removidos<\/strong>.<\/p>\n\n\n\n<p>Os sites que devem instalar AMP s\u00e3o aqueles que possuem informa\u00e7\u00f5es como na p\u00e1gina sobre ou em um blog, isto \u00e9, sites que produzem conte\u00fado. Ent\u00e3o, voc\u00ea deve configur\u00e1-lo apenas nessas p\u00e1ginas de conte\u00fado \u2014 e n\u00e3o no site inteiro.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">E ent\u00e3o, o que fazer?<\/h2>\n\n\n\n<p>Uma das possibilidades \u00e9 utilizar as vantagens de <a href=\"https:\/\/rockcontent.com\/br\/blog\/o-que-e-trafego-organico\/\" target=\"_blank\" rel=\"noreferrer noopener\">tr\u00e1fego org\u00e2nico<\/a> proporcionada pelo AMP para <strong>enviar os usu\u00e1rios para experi\u00eancias personalizadas e ricas<\/strong>, sejam em aplicativos pr\u00f3prios, sejam em p\u00e1ginas completas e sem AMP.<\/p>\n\n\n\n<p>Dessa forma, os usu\u00e1rios que acessam sua p\u00e1gina a partir dos dispositivos m\u00f3veis poder\u00e3o continuar se engajando com a marca, sendo encaminhados diretamente para o aplicativo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como implementar AMP em seu site?<\/h2>\n\n\n\n<p>Veja o que \u00e9 necess\u00e1rio para implementar o AMP em suas p\u00e1ginas!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A partir do WordPress<\/h3>\n\n\n\n<p>Para come\u00e7ar a usufruir dos benef\u00edcios do AMP em seu site ou blog <a href=\"https:\/\/rockcontent.com\/br\/blog\/wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress<\/a>, poucos passos s\u00e3o necess\u00e1rios. Para come\u00e7ar, procure por plugin completo de AMP, como o &#8220;AMP&#8221;, da Automattic.<\/p>\n\n\n\n<p>Voc\u00ea pode fazer o download diretamente do seu painel de administra\u00e7\u00e3o. V\u00e1 em Plugins -&gt; Adicionar Novo, e procure pelo plugin citado. Caso queira, \u00e9 poss\u00edvel fazer o download manual. <strong>Depois de ativar o plugin, as vers\u00f5es em AMP dos seus blogs posts ser\u00e3o criadas automaticamente<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Caso seja interessante usar AMP para outras se\u00e7\u00f5es do seu site, <a href=\"https:\/\/rockcontent.com\/br\/blog\/melhores-plugins-de-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">outros plugins<\/a> podem ser interessantes, como: AMP for WP &#8211; Accelerated Mobile Pages e o&nbsp;Glue for Yoast SEO &amp; AMP.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Configura\u00e7\u00e3o do Google Analytics<\/h4>\n\n\n\n<p>Depois de ativar seu plugin, \u00e9 importante configurar o <a href=\"https:\/\/rockcontent.com\/br\/blog\/google-analytics\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Analytics<\/a>. Assim, ser\u00e1 poss\u00edvel ver qual \u00e9 o desempenho das p\u00e1ginas otimizadas. Para tanto, no painel de administra\u00e7\u00e3o, procure por &#8220;AMP&#8221; no menu. <\/p>\n\n\n\n<p>Ao acess\u00e1-lo, clique em &#8220;Analytics&#8221;. Voc\u00ea dever\u00e1 apenas <strong>inserir o c\u00f3digo do Google Analytics<\/strong>, iniciado por UA.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Demais casos<\/h3>\n\n\n\n<p>Voc\u00ea n\u00e3o utiliza WordPress ou n\u00e3o gosta de instalar plugins para a\u00e7\u00f5es que podem ser feitas manualmente? N\u00e3o tem problema! Veja agora o que fazer:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>comece a marca\u00e7\u00e3o da p\u00e1gina utilizando <em>&lt;!doctype html&gt;<\/em>;<\/li><li>no primeiro n\u00edvel, inclua, obrigatoriamente a tag <em>&lt;html \u26a1&gt; <\/em>ou<em> &lt;html amp&gt;<\/em>;<\/li><li>coloque em todas as p\u00e1ginas as tags<em> &lt;head&gt; <\/em>e<em> &lt;body&gt;<\/em>;<\/li><li>logo ap\u00f3s de <em>&lt;head&gt;<\/em>, inclua <em>&lt;meta charset=\u201dutf-8\u2033&gt;<\/em>;<\/li><li>imediatamente depois, deve-se incluir: &lt;script async src=\u201dhttps:\/\/cdn.ampproject.org\/v0.js\u201d&gt;&lt;\/script&gt;;<\/li><li>inclua a tag canonical, indicando a p\u00e1gina de origem; usar a meta-tag:<em> &lt;meta name=\u201dviewport\u201d content=\u201dwidth=device-width,minimum-scale=1\u2033&gt;; <\/em><\/li><li>use as tags de imagem pr\u00f3prias, como: <em>&lt;amp-img src=\u201dhttps:\/\/meusite.com.br\/imagem.jpg\u201d alt=\u201dMeu item\u201d height=\u201d800\u2033 width=\u201d600\u2033&gt;&lt;\/amp-img&gt;<\/em><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Como testar?<\/h2>\n\n\n\n<p>Se voc\u00ea quer ver como o AMP se comporta na pr\u00e1tica,<strong> \u00e9 interessante come\u00e7ar devagar<\/strong>. Provavelmente, desejar\u00e1 fazer alguma mudan\u00e7a ou personaliza\u00e7\u00e3o, como descobrir os melhores lugares para inserir links patrocinados com a nova tecnologia.<\/p>\n\n\n\n<p>Por isso, fa\u00e7a os testes com poucas p\u00e1ginas ou conte\u00fados at\u00e9 que tudo esteja pronto para ser publicado. Vale lembrar tamb\u00e9m que, embora o AMP seja favor\u00e1vel para as t\u00e9cnicas de SEO, ele<strong> poder\u00e1 causar diferen\u00e7a nos resultados apresentados nas ferramentas de pesquisa<\/strong>. Por isso, todo cuidado \u00e9 pouco!<\/p>\n\n\n\n<p>Antes da implementa\u00e7\u00e3o total, verifique tamb\u00e9m se tudo est\u00e1 certo com a configura\u00e7\u00e3o do AMP. Uma das ferramentas mais conhecidas e utilizadas \u00e9 o <a href=\"https:\/\/search.google.com\/test\/amp?hl=pt-BR\" target=\"_blank\" rel=\"noreferrer noopener\">Teste de AMP<\/a> do <a href=\"https:\/\/rockcontent.com\/br\/blog\/google-search-console\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Search Console<\/a>. Pelo Console, voc\u00ea tamb\u00e9m pode entender como o Google tem visto as novas p\u00e1ginas configuradas.<\/p>\n\n\n\n<p>Assim, ficar\u00e1 mais f\u00e1cil descobrir erros e fazer corre\u00e7\u00f5es antes que todo conte\u00fado esteja dispon\u00edvel em AMP.<\/p>\n\n\n\n<p>O AMP \u00e9 uma tecnologia que vem para somar para todo meio web. Com ele, todos os usu\u00e1rios poder\u00e3o usufruir de uma Internet mais r\u00e1pida e objetiva. Por isso, a colabora\u00e7\u00e3o do seu site \u00e9 essencial.<\/p>\n\n\n\n<p>Al\u00e9m disso, o Google tender\u00e1 a ver <strong>sua p\u00e1gina como mais r\u00e1pida para os dispositivos m\u00f3veis<\/strong>, o que far\u00e1 com que seja mais f\u00e1cil conseguir boas posi\u00e7\u00f5es nas classifica\u00e7\u00f5es de pesquisa.<\/p>\n\n\n\n<p>O AMP, entretanto, n\u00e3o \u00e9 suficiente para estar nas primeiras coloca\u00e7\u00f5es do Google. Ent\u00e3o, veja o que fazer para <a rel=\"noreferrer noopener\" href=\"https:\/\/materiais.rockcontent.com\/como-criar-um-blog-post\" target=\"_blank\">construir blog posts brilhantes<\/a>, com esse material incr\u00edvel. Esperamos por voc\u00ea!<\/p>\n\n\n\n<p>\n\n[rock-convert-cta id=&#8221;35134&#8243;]\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As Accelerated Mobile Pages ou AMPs s\u00e3o uma tecnologia que permite o carregamento instant\u00e2neo de p\u00e1ginas da web. Al\u00e9m de contribuir para que a Internet seja um local melhor e mais r\u00e1pido para todos os usu\u00e1rios, as AMPs podem fazer com que voc\u00ea otimize ainda mais os seus resultados de Marketing Digital.<\/p>\n","protected":false},"author":1,"featured_media":17638,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34,22],"tags":[],"class_list":["post-2228","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Accelerated Mobile Pages: o que \u00e9 e como funciona uma AMP<\/title>\n<meta name=\"description\" content=\"As Accelerated Mobile Pages ou AMPs s\u00e3o uma tecnologia que permite o carregamento instant\u00e2neo de p\u00e1ginas da web. Saiba mais!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingback.com\/br\/resources\/amp\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accelerated Mobile Pages: o que \u00e9 e como funciona uma AMP\" \/>\n<meta property=\"og:description\" content=\"As Accelerated Mobile Pages ou AMPs s\u00e3o uma tecnologia que permite o carregamento instant\u00e2neo de p\u00e1ginas da web. Saiba mais!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/br\/resources\/amp\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-21T00:00:00+00:00\" \/>\n<meta name=\"author\" content=\"Pingback\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:site\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pingback\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/amp\/\",\"url\":\"https:\/\/pingback.com\/br\/resources\/amp\/\",\"name\":\"Accelerated Mobile Pages: o que \u00e9 e como funciona uma AMP\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/amp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/amp\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2018-11-21T00:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\"},\"description\":\"As Accelerated Mobile Pages ou AMPs s\u00e3o uma tecnologia que permite o carregamento instant\u00e2neo de p\u00e1ginas da web. Saiba mais!\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/amp\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/br\/resources\/amp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/amp\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/amp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/br\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Entenda o que s\u00e3o as Accelerated Mobile Pages e us\u00e1-las no seu site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/br\/resources\/\",\"name\":\"Pingback Blog\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\",\"name\":\"Pingback\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Pingback\"},\"description\":\"Pingback: Marketing for builders.\",\"sameAs\":[\"https:\/\/pingback.com\",\"https:\/\/www.instagram.com\/pingbackoficial\/\",\"https:\/\/www.linkedin.com\/company\/pingbackoficial\/\",\"https:\/\/x.com\/pingbackoficial\",\"https:\/\/www.youtube.com\/@pingbackoficial\"],\"url\":\"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accelerated Mobile Pages: o que \u00e9 e como funciona uma AMP","description":"As Accelerated Mobile Pages ou AMPs s\u00e3o uma tecnologia que permite o carregamento instant\u00e2neo de p\u00e1ginas da web. Saiba mais!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pingback.com\/br\/resources\/amp\/","og_locale":"pt_BR","og_type":"article","og_title":"Accelerated Mobile Pages: o que \u00e9 e como funciona uma AMP","og_description":"As Accelerated Mobile Pages ou AMPs s\u00e3o uma tecnologia que permite o carregamento instant\u00e2neo de p\u00e1ginas da web. Saiba mais!","og_url":"https:\/\/pingback.com\/br\/resources\/amp\/","og_site_name":"Pingback","article_published_time":"2018-11-21T00:00:00+00:00","author":"Pingback","twitter_card":"summary_large_image","twitter_creator":"@pingbackoficial","twitter_site":"@pingbackoficial","twitter_misc":{"Escrito por":"Pingback","Est. tempo de leitura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/br\/resources\/amp\/","url":"https:\/\/pingback.com\/br\/resources\/amp\/","name":"Accelerated Mobile Pages: o que \u00e9 e como funciona uma AMP","isPartOf":{"@id":"https:\/\/pingback.com\/br\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/br\/resources\/amp\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/br\/resources\/amp\/#primaryimage"},"thumbnailUrl":"","datePublished":"2018-11-21T00:00:00+00:00","author":{"@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66"},"description":"As Accelerated Mobile Pages ou AMPs s\u00e3o uma tecnologia que permite o carregamento instant\u00e2neo de p\u00e1ginas da web. Saiba mais!","breadcrumb":{"@id":"https:\/\/pingback.com\/br\/resources\/amp\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/br\/resources\/amp\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/amp\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/br\/resources\/amp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/br\/resources\/"},{"@type":"ListItem","position":2,"name":"Entenda o que s\u00e3o as Accelerated Mobile Pages e us\u00e1-las no seu site"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/br\/resources\/#website","url":"https:\/\/pingback.com\/br\/resources\/","name":"Pingback Blog","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66","name":"Pingback","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Pingback"},"description":"Pingback: Marketing for builders.","sameAs":["https:\/\/pingback.com","https:\/\/www.instagram.com\/pingbackoficial\/","https:\/\/www.linkedin.com\/company\/pingbackoficial\/","https:\/\/x.com\/pingbackoficial","https:\/\/www.youtube.com\/@pingbackoficial"],"url":"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/2228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/comments?post=2228"}],"version-history":[{"count":0,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/2228\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/media?parent=2228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/categories?post=2228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/tags?post=2228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}