{"id":76518,"date":"2016-11-10T00:00:00","date_gmt":"2016-11-10T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/2016\/11\/10\/amp-vs-paginas-responsivas\/"},"modified":"2016-11-10T00:00:00","modified_gmt":"2016-11-10T00:00:00","slug":"amp-vs-paginas-responsivas","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/","title":{"rendered":"Qual a diferen\u00e7a entre Accelerated Mobile Pages (AMP) e p\u00e1ginas responsivas?"},"content":{"rendered":"<p style=\"text-align: center;\"><em>Este artigo \u00e9 uma adapta\u00e7\u00e3o do blog post do <a href=\"https:\/\/www.searchenginejournal.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Search Engine Journal<\/a>, &#8220;<a href=\"https:\/\/www.searchenginejournal.com\/difference-accelerated-mobile-pages-amp-mobile-friendly-pages\/172967\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Difference Between Accelerated Mobile Pages (AMP) and Mobile-Friendly Pages<\/a>&#8221;\u00a0<\/em><\/p>\n<p>Se voc\u00ea trabalha com Marketing Digital, j\u00e1 deve saber da import\u00e2ncia de ter um <a href=\"https:\/\/rockcontent.com\/br\/blog\/como-criar-um-site\/\">site<\/a> r\u00e1pido e responsivo em qualquer dispositivo.<\/p>\n<p>Apesar disso, muitas empresas n\u00e3o acompanharam a mudan\u00e7a de comportamento dos usu\u00e1rios, que est\u00e3o cada vez mais migrando para o celular quando buscam informa\u00e7\u00f5es, leem artigos ou compram produtos.<\/p>\n<p>Sua empresa \u00e9 uma delas? Se sim, saiba que o Google est\u00e1 de olho em voc\u00ea!<\/p>\n<p>Os esfor\u00e7os do buscador para valorizar sites que respondem bem em todas as telas n\u00e3o param, e<strong> quem ainda n\u00e3o se adaptou j\u00e1 pode sentir o impacto negativo no ranqueamento.<\/strong><\/p>\n<p>Mas se voc\u00ea chegou at\u00e9 esse post, talvez j\u00e1 esteja pensando em oferecer uma melhor experi\u00eancia ao usu\u00e1rio que acessa seu site pelo smartphone e, consequentemente, ganhar pontos com o Google!<\/p>\n<p>Neste post, vamos falar sobre p\u00e1ginas responsivas\u00a0e Accelerated Mobile Pages (<a href=\"https:\/\/rockcontent.com\/br\/blog\/amp\/\" target=\"_blank\" rel=\"noopener noreferrer\">AMP<\/a>), dois conceitos que est\u00e3o relacionadas ao acesso por dispositivos m\u00f3veis.<\/p>\n<p>Voc\u00ea entender\u00e1 o que s\u00e3o, suas semelhan\u00e7as e diferen\u00e7as e, afinal, qual deles deve usar.<\/p>\n<p><a href=\"https:\/\/stage.rockcontent.com\/br\/performance\" target=\"_blank\" rel=\"noopener noreferrer\"><img data-opt-id=916004078  fetchpriority=\"high\" decoding=\"async\" class=\"alignnone\" 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\" width=\"728\" height=\"90\" \/><\/a><\/p>\n<p>Acompanhe!<\/p>\n<h2>O que s\u00e3o p\u00e1ginas responsivas?<\/h2>\n<p>P\u00e1ginas responsivas ou mobile-friendly s\u00e3o \u201camig\u00e1veis\u201d aos dispositivos m\u00f3veis.<\/p>\n<p>Elas s\u00e3o otimizadas para oferecer ao usu\u00e1rio uma <strong>experi\u00eancia agrad\u00e1vel de navega\u00e7\u00e3o<\/strong> <strong>em qualquer aparelho<\/strong>, sem que ele precise dar zoom para ler os textos ou arrastar a tela para visualizar todo o conte\u00fado.<\/p>\n<p>Para evitar esses problemas, o Google indica o uso do <strong><a href=\"https:\/\/rockcontent.com\/br\/blog\/web-design-responsivo\/?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">design responsivo<\/a><\/strong>, que visa oferecer uma experi\u00eancia de visualiza\u00e7\u00e3o ideal das p\u00e1ginas nos mais diversos dispositivos \u2013 desktops, notebooks, tablets, smartphones etc. \u2013, independentemente do tamanho da tela.<\/p>\n<p>Com essa abordagem do design, o layout reage corretamente \u00e0 largura da janela do navegador, tornando o conte\u00fado fluido.<\/p>\n<p>No in\u00edcio de 2015, o Google anunciou que o <a href=\"https:\/\/webmasters.googleblog.com\/2015\/02\/finding-more-mobile-friendly-search.html?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">crit\u00e9rio mobile-friendly<\/a> passaria a fazer parte do algoritmo de ranqueamento e as p\u00e1ginas responsivas ganhariam destaque, o que causaria um grande impacto nos resultados da busca em smartphones.<\/p>\n<p>O an\u00fancio foi t\u00e3o bomb\u00e1stico que muitos o chamaram de <a href=\"https:\/\/rockcontent.com\/br\/blog\/atualizacoes-do-google\/?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">Mobilegeddon<\/a>. Era o aviso do buscador: \u201cvoc\u00ea precisa se adaptar, ou suas p\u00e1ginas cair\u00e3o no ranqueamento\u201d.<\/p>\n<p>E era o susto que muitas empresas precisavam para come\u00e7ar a se mexer.<\/p>\n<h3>Como um site pode se tornar mobile-friendly<\/h3>\n<p>Uma p\u00e1gina precisa atender aos seguintes crit\u00e9rios para ser considerada mobile-friendly:<\/p>\n<ul>\n<li>Evitar softwares incompat\u00edveis com dispositivos m\u00f3veis, como Flash<\/li>\n<li>Usar textos leg\u00edveis, sem precisar dar zoom com gesto de \u201cpin\u00e7a\u201d<\/li>\n<li>Dimensionar conte\u00fados e imagens corretamente para o tamanho da tela<\/li>\n<li>Posicionar links e bot\u00f5es de modo que possam ser facilmente clicados<\/li>\n<\/ul>\n<p>Para criar um site mobile-friendly, siga as orienta\u00e7\u00f5es do Google em seu <a href=\"https:\/\/developers.google.com\/webmasters\/mobile-sites\/?hl=pt-br&amp;utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">guia de dispositivos m\u00f3veis para webmasters<\/a>.<\/p>\n<p>Al\u00e9m disso, use o <a href=\"https:\/\/www.google.com\/webmasters\/tools\/mobile-friendly\/?hl=pt-BR&amp;utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">teste de compatibilidade com dispositivos m\u00f3veis<\/a>, simples e gratuito, para verificar suas URLs.<\/p>\n<p>O diagn\u00f3stico mostra como o rob\u00f4 do Google l\u00ea a p\u00e1gina e apresenta os erros encontrados. A partir dessas informa\u00e7\u00f5es, voc\u00ea pode come\u00e7ar a aplicar as melhorias.<\/p>\n<p>O design responsivo \u00e9 a melhor abordagem para criar layouts compat\u00edveis com dispositivos m\u00f3veis. Geralmente, plataformas como WordPress, Drupal e Joomla oferecem temas e modelos responsivos \u2013 verifique isso antes de adquirir um.<\/p>\n<p>No <a href=\"https:\/\/rockcontent.com\/br\/blog\/google-search-console\/?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">Google Search Console<\/a>, voc\u00ea pode conferir relat\u00f3rios espec\u00edficos sobre as p\u00e1ginas mobile-friendly, que identificam problemas de usabilidade em dispositivos m\u00f3veis.<\/p>\n<h2>O que s\u00e3o Accelerated Mobile Pages (AMP)<\/h2>\n<p>A iniciativa mais recente no sentido de melhorar os resultados da busca e a experi\u00eancia dos usu\u00e1rios em dispositivos m\u00f3veis s\u00e3o as <a href=\"https:\/\/www.ampproject.org\/?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">Accelerated Mobile Pages (AMP)<\/a> ou \u201cp\u00e1ginas m\u00f3veis aceleradas\u201d, em tradu\u00e7\u00e3o livre.<\/p>\n<p>O AMP Project \u00e9 uma iniciativa de c\u00f3digo aberto para desenvolver p\u00e1ginas de conte\u00fado est\u00e1tico que <strong>carreguem mais rapidamente<\/strong> <strong>em dispositivos m\u00f3veis<\/strong>, melhorando a experi\u00eancia de busca. Atualmente, elas carregam em menos de 1 segundo e usam 10 vezes menos dados.<\/p>\n<p>O projeto \u00e9 encabe\u00e7ado pelo Google, em parceria com empresas de tecnologia e colabora\u00e7\u00e3o da comunidade, com o objetivo de construir uma web mobile mais r\u00e1pida e eficiente.<\/p>\n<p>Nos resultados da busca mobile, as p\u00e1ginas AMP s\u00e3o identificadas com um selo e aparecem atualmente em destaque, acima dos demais links org\u00e2nicos.<\/p>\n<p>Experimente, por exemplo, digitar \u201cHillary Clinton\u201d no seu smartphone. V\u00e1rias p\u00e1ginas com o selo \u201cAMP\u201d aparecer\u00e3o em destaque na se\u00e7\u00e3o de Not\u00edcias Principais.<\/p>\n<p>E se elas forem compartilhadas em redes como Twitter, LinkedIn e Pinterest, quem acess\u00e1-las pelo smartphone tamb\u00e9m ver\u00e1 um carregamento r\u00e1pido.<\/p>\n<p>Ao clicar no link, o usu\u00e1rio ser\u00e1 direcionado instantaneamente para uma p\u00e1gina com <strong>visual e navega\u00e7\u00e3o super simplificados<\/strong>. Ent\u00e3o, por natureza, p\u00e1ginas AMP s\u00e3o tamb\u00e9m mobile-friendly.<\/p>\n<p>Lan\u00e7ado em outubro de 2015, o projeto come\u00e7ou com portais de not\u00edcias e j\u00e1 inclui hoje sites de entretenimento, viagens, receitas etc. No Brasil, esse processo ainda est\u00e1 em evolu\u00e7\u00e3o.<\/p>\n<h3>Como configurar p\u00e1ginas AMP<\/h3>\n<p>As p\u00e1ginas AMP utilizam diversas t\u00e9cnicas de otimiza\u00e7\u00e3o de c\u00f3digo e layout para simplificar o conte\u00fado e exibi-lo instantaneamente ao usu\u00e1rio.<\/p>\n<p>Mas \u00e9 preciso desenvolv\u00ea-las \u2013 o Google n\u00e3o gera uma vers\u00e3o AMP automaticamente.<\/p>\n<p>Para saber como executar sua primeira p\u00e1gina, siga o <a href=\"https:\/\/www.ampproject.org\/docs\/get_started\/create?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">tutorial<\/a> do pr\u00f3prio site AMP Project, onde voc\u00ea encontrar\u00e1 todas as orienta\u00e7\u00f5es e especifica\u00e7\u00f5es t\u00e9cnicas.<\/p>\n<p>Confira os 6 passos para a publica\u00e7\u00e3o:<\/p>\n<ol>\n<li>Criar o c\u00f3digo HTML<\/li>\n<li>Incluir imagens<\/li>\n<li>Customizar estilos e layout<\/li>\n<li>Pr\u00e9-visualizar e validar a p\u00e1gina<\/li>\n<li>Preparar a p\u00e1gina para ser exibida na busca<\/li>\n<li>Publicar a p\u00e1gina AMP<\/li>\n<\/ol>\n<p>Para quem usa WordPress, uma boa not\u00edcia: existe um <a href=\"https:\/\/wordpress.org\/plugins\/amp\/?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">plugin<\/a> que facilita este trabalho ao criar vers\u00f5es de p\u00e1ginas compat\u00edveis com AMP. Se voc\u00ea j\u00e1 usa Yoast SEO, ter\u00e1 que fazer download do plugin <a href=\"https:\/\/wordpress.org\/plugins\/glue-for-yoast-seo-amp\/?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">Glue<\/a>.<\/p>\n<p>Outras plataformas de CMS, como <a href=\"https:\/\/www.drupal.org\/project\/amp?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">Drupal<\/a> e <a href=\"https:\/\/help.hatenablog.com\/entry\/amp?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">Hatena<\/a>, tamb\u00e9m participam do projeto AMP e t\u00eam uma configura\u00e7\u00e3o facilitada.<\/p>\n<p>Ap\u00f3s a implementa\u00e7\u00e3o, voc\u00ea tamb\u00e9m pode conferir os relat\u00f3rios no Google Search Console. Ele mostra a lista das p\u00e1ginas AMP indexadas e dos erros espec\u00edficos encontrados no site.<\/p>\n<h3>Diferen\u00e7a entre AMP do Google e Instant Articles do Facebook<\/h3>\n<p>Um projeto parecido com o AMP foi adotado pelo Facebook h\u00e1 pouco tempo. S\u00e3o os Instant Articles, que tamb\u00e9m oferecem um carregamento muito mais r\u00e1pido para as p\u00e1ginas quando acessadas pelo smartphone.<\/p>\n<p>A principal diferen\u00e7a \u00e9 que os Instant Articles s\u00e3o hospedados no Facebook e ficam restritos a esta rede social, enquanto as p\u00e1ginas AMP s\u00e3o abertas a qualquer plataforma que possa interpret\u00e1-las.<\/p>\n<h2>Um prop\u00f3sito em comum: a experi\u00eancia do usu\u00e1rio<\/h2>\n<p>Sempre que uma p\u00e1gina demora a carregar ou aparece com problemas ap\u00f3s o carregamento no celular, o site perde um usu\u00e1rio, que poderia navegar, converter e comprar l\u00e1 dentro.<\/p>\n<p>Por exemplo, segundo pesquisa da DoubleClick, <a href=\"https:\/\/www.doubleclickbygoogle.com\/articles\/mobile-speed-matters\/?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">53% das pessoas abandonam um site<\/a> quando ele demora mais que 3 segundos para carregar no celular.<\/p>\n<p>Isso significa uma m\u00e1 experi\u00eancia de busca, j\u00e1 que o site n\u00e3o atendeu \u00e0 expectativa. <strong>E o Google n\u00e3o quer isso. <\/strong>Ele quer que os sites entreguem o que o usu\u00e1rio deseja, da melhor forma poss\u00edvel.<\/p>\n<p>\u00c9 por isso que o buscador se empenha em iniciativas como a valoriza\u00e7\u00e3o de p\u00e1ginas mobile-friendly e, posteriormente, o projeto AMP.<\/p>\n<p>Tanto p\u00e1ginas mobile-friendly quanto AMP, se seguirem as diretrizes do Google, oferecem um uma <strong>melhor experi\u00eancia ao usu\u00e1rio<\/strong> que acessa o site por smartphones.<\/p>\n<p>Assim, ambas as iniciativas tendem a reduzir o abandono do site e a taxa de rejei\u00e7\u00e3o e aumentar o tempo de perman\u00eancia e o n\u00famero de p\u00e1ginas por visita.<\/p>\n<h2>Principais diferen\u00e7as entre p\u00e1ginas mobile-friendly e AMP<\/h2>\n<p>Embora tenham um mesmo prop\u00f3sito, as p\u00e1ginas mobile-friendly e AMP t\u00eam algumas importantes diferen\u00e7as, que voc\u00ea deve conhecer para estabelecer suas estrat\u00e9gias mobile.<\/p>\n<h3>Design vs. Velocidade<\/h3>\n<p>As duas iniciativas est\u00e3o focadas em usabilidade via mobile, mas existe uma diferen\u00e7a clara de foco.<\/p>\n<p>As p\u00e1ginas mobile-friendly est\u00e3o focadas no <strong>design<\/strong>, ou seja, em como apresentar o conte\u00fado de maneira organizada e eficiente em qualquer aparelho.<\/p>\n<p>J\u00e1 o projeto AMP est\u00e1 focado na <strong>velocidade<\/strong> de carregamento, ou seja, em como entregar o conte\u00fado da forma mais r\u00e1pida poss\u00edvel para o usu\u00e1rio de dispositivos m\u00f3veis.<\/p>\n<h3>Exibi\u00e7\u00e3o nos resultados da busca<\/h3>\n<p>Em 2014, o Google anunciou que as p\u00e1ginas mobile-friendly ganhariam um selo nos resultados das buscas feitas em smartphones, avisando aos usu\u00e1rios que aquele link levaria a uma p\u00e1gina compat\u00edvel com dispositivos m\u00f3veis.<\/p>\n<p>Por\u00e9m, em agosto de 2016, o Google verificou que <a href=\"https:\/\/webmasters.googleblog.com\/2016\/08\/helping-users-easily-access-content-on.html?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">85% dos resultados<\/a> j\u00e1 atendiam a esse padr\u00e3o. Ent\u00e3o, o buscador retirou a exibi\u00e7\u00e3o do selo. Hoje, elas s\u00e3o apresentadas nos resultados como qualquer outro link.<\/p>\n<p>Esse mesmo tipo de selo passou a ser usado para as p\u00e1ginas AMP. Nos resultados da busca, al\u00e9m de estarem identificadas, elas podem ainda ser exibidas em modo de carrossel, com uma imagem (se a p\u00e1gina estiver configurada para isso com dados estruturados).<\/p>\n<h3>Layout da p\u00e1gina<\/h3>\n<p>As p\u00e1ginas AMP s\u00e3o extremamente simplificadas. Elas apresentam o conte\u00fado em apenas uma coluna, contendo texto, imagens, an\u00fancios e outros poucos elementos. Itens como barras laterais, menus, pop-ups, formul\u00e1rios e coment\u00e1rios n\u00e3o aparecem.<\/p>\n<p>As possibilidades de mexer no layout s\u00e3o limitadas a algumas customiza\u00e7\u00f5es, como cores, fontes, logotipo e bot\u00f5es de compartilhamento. Mas o foco, aqui, \u00e9 a leitura do conte\u00fado.<\/p>\n<p>J\u00e1 nas p\u00e1ginas mobile-friendly, voc\u00ea tem liberdade para criar o design que quiser. Al\u00e9m de personalizar cada detalhe do layout, voc\u00ea pode inserir menus, caixa de coment\u00e1rios, formul\u00e1rios etc.<\/p>\n<p>Mas a mentalidade para a cria\u00e7\u00e3o e o desenvolvimento \u00e9 a mesma: o ideal para dispositivos m\u00f3veis \u00e9 <strong>simplificar<\/strong>, entendendo as informa\u00e7\u00f5es priorit\u00e1rias para o usu\u00e1rio que acessa seu site pelo celular.<\/p>\n<h3>Velocidade de carregamento<\/h3>\n<p>Como as p\u00e1ginas mobile-friendly t\u00eam muitas funcionalidades, como recursos de estilos e fontes espec\u00edficas, elas se tornam mais pesadas e lentas, embora ofere\u00e7am mais op\u00e7\u00f5es de navega\u00e7\u00e3o e um visual mais rico ao usu\u00e1rio.<\/p>\n<p>J\u00e1 as p\u00e1ginas AMP buscam a simplifica\u00e7\u00e3o m\u00e1xima, com foco total no conte\u00fado, dispensando qualquer refinamento de layout. Por isso, o AMP tornou o <strong>carregamento praticamente instant\u00e2neo<\/strong>, muito mais r\u00e1pido do que as p\u00e1ginas mobile-friendly.<\/p>\n<h3>Fator de ranqueamento<\/h3>\n<p>Existe uma cren\u00e7a de que o algoritmo do Google tem mais de <a href=\"https:\/\/rockcontent.com\/br\/blog\/fatores-de-rankeamento-do-google\/?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">200 fatores de ranqueamento<\/a>, que n\u00e3o s\u00e3o totalmente conhecidos porque o buscador n\u00e3o revela todos os seus segredos.<\/p>\n<p>Por\u00e9m, o Google fez quest\u00e3o de revelar com clareza um desses fatores: o crit\u00e9rio mobile-friendly. Ent\u00e3o, se n\u00e3o sabemos exatamente como funciona o algoritmo, de pelo menos uma coisa podemos ter certeza: <strong>p\u00e1ginas responsivas t\u00eam prioridade no posicionamento<\/strong>.<\/p>\n<p>O mesmo n\u00e3o acontece em rela\u00e7\u00e3o \u00e0s p\u00e1ginas AMP. Como esse \u00e9 um projeto recente, para o qual o Google quer dar visibilidade e conquistar mais adeptos, ele tem colocado as p\u00e1ginas compat\u00edveis com AMP em destaque nos resultados da busca.<\/p>\n<p>Isso n\u00e3o quer dizer, no entanto, que tenha entrado nos crit\u00e9rios do algoritmo. Por isso, <a href=\"https:\/\/webmasters.googleblog.com\/2016\/08\/amp-your-content-preview-of-amped.html?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">o Google explica<\/a>: <strong>AMP n\u00e3o \u00e9 um fator de ranqueamento<\/strong> (pelo menos AINDA n\u00e3o&#8230;).<\/p>\n<p>Ainda assim, como elas ter\u00e3o uma velocidade incr\u00edvel e uma taxa de rejei\u00e7\u00e3o reduzida, \u00e9 prov\u00e1vel que o Google premie essas p\u00e1ginas com um bom posicionamento.<\/p>\n<h3>Conte\u00fado duplicado<\/h3>\n<p>Uma p\u00e1gina AMP habilitada recebe um \/amp ao final da URL original. Por exemplo, um post deste blog com AMP ficaria assim: www.marketingdeconteudo.com\/post\/amp.<\/p>\n<p>Ou seja, <strong>cria-se uma segunda URL<\/strong> e o conte\u00fado fica duplicado, o que \u00e9 um problema em SEO.<\/p>\n<p>Para resolver esta quest\u00e3o, voc\u00ea precisa informar qual \u00e9 a URL original e que existe uma vers\u00e3o AMP dela.<\/p>\n<p>Como fazer isso? Por meio das tags \u201camphtml\u201d e \u201c<a href=\"https:\/\/rockcontent.com\/br\/blog\/canonical-tag\/?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">canonical<\/a>\u201d. Veja como ficariam os c\u00f3digos:<\/p>\n<ul>\n<li>Na p\u00e1gina original: &lt;link rel=\u201d<strong>amphtml<\/strong>\u201d href=\u201dhttps:\/\/www.marketingdeconteudo.com\/post\/amp\/\u201d \/&gt;<\/li>\n<li>Na p\u00e1gina AMP: &lt;link rel=\u201d<strong>canonical<\/strong>\u201d href=\u201dhttps:\/\/www. marketingdeconteudo.com\/post\/\u201d \/&gt;<\/li>\n<\/ul>\n<p>J\u00e1 uma p\u00e1gina responsiva utiliza a mesma URL e o mesmo c\u00f3digo para ser exibida em um computador, um tablet ou um smartphone.<\/p>\n<p>No momento da exibi\u00e7\u00e3o, o layout se ajusta \u00e0 tela. Ou seja, existe apenas uma vers\u00e3o da p\u00e1gina e o conte\u00fado n\u00e3o fica duplicado.<\/p>\n<p><strong data-rich-text-format-boundary=\"true\">LEIA TAMB\u00c9M<\/strong><br data-rich-text-line-break=\"true\" \/><strong> <a href=\"https:\/\/rockcontent.com\/br\/blog\/como-criar-um-site\/\">Confira tudo que voc\u00ea precisa para criar o site da sua empresa<\/a><\/strong><br data-rich-text-line-break=\"true\" \/><strong> \u00a0<a href=\"https:\/\/rockcontent.com\/br\/blog\/wordpress\/\">Saiba porque o WordPress \u00e9 a plataforma adequada para o seu site<\/a><\/strong><br data-rich-text-line-break=\"true\" \/><strong>  <a href=\"https:\/\/stage.rockcontent.com\/br\/?utm_source=SDL&amp;utm_medium=sdl&amp;utm_campaign=sdl&amp;utm_term=sdl&amp;utm_content=sdl\">Crie um blog para o seu neg\u00f3cio usando o Stage<\/a><\/strong><\/p>\n<h2>Afinal, qual devo usar?<\/h2>\n<p><strong>As Accelerated Mobile Pages ainda est\u00e3o em fase inicial<\/strong>. Recursos est\u00e3o sendo adicionados aos poucos, depois de muitos testes e melhorias. Por isso, talvez voc\u00ea se depare com algumas limita\u00e7\u00f5es, que n\u00e3o atendam \u00e0s suas necessidades.<\/p>\n<p>O uso ideal das p\u00e1ginas AMP ainda \u00e9 para conte\u00fados est\u00e1ticos, como not\u00edcias e <a href=\"https:\/\/rockcontent.com\/br\/blog\/como-criar-um-blog\/\" target=\"_blank\" rel=\"noopener noreferrer\">blogposts<\/a>, em que a prioridade \u00e9 a leitura.<\/p>\n<p>J\u00e1 para formul\u00e1rios e aplica\u00e7\u00f5es personalizadas, o projeto AMP ainda n\u00e3o oferece recursos completos, embora esteja evoluindo nesse sentido.<\/p>\n<p>Ent\u00e3o, se seu objetivo \u00e9 converter ou <a href=\"https:\/\/rockcontent.com\/br\/blog\/o-que-e-lead\/\" target=\"_blank\" rel=\"noopener noreferrer\">gerar leads<\/a>, talvez uma p\u00e1gina responsiva seja mais adequada nesse momento para atender \u00e0s necessidades do seu neg\u00f3cio.<\/p>\n<p><strong>P\u00e1ginas mobile-friendly j\u00e1 s\u00e3o uma realidade<\/strong>. Al\u00e9m da necessidade de se adaptar \u00e0 mudan\u00e7a de comportamento do consumidor, elas s\u00e3o um fator de ranqueamento do Google.<\/p>\n<p>Ent\u00e3o, se voc\u00ea ainda n\u00e3o tem, comece criando um site compat\u00edvel com dispositivos m\u00f3veis. Depois, crie as vers\u00f5es AMP dessas p\u00e1ginas.<\/p>\n<p>Assim, voc\u00ea ir\u00e1 sempre oferecer uma experi\u00eancia positiva ao usu\u00e1rio mobile, alavancando seus conte\u00fados e o tr\u00e1fego do seu site.<\/p>\n<p>Desenvolver p\u00e1ginas r\u00e1pidas e responsivas \u00e9 s\u00f3 uma das estrat\u00e9gias para quem quer melhorar sua atua\u00e7\u00e3o em dispositivos m\u00f3veis. Agora, conhe\u00e7a todas as possibilidades no nosso artigo sobre <a href=\"https:\/\/rockcontent.com\/br\/blog\/mobile-marketing\/?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">mobile marketing<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este artigo \u00e9 uma adapta\u00e7\u00e3o do blog post do Search Engine Journal, &#8220;The Difference Between Accelerated Mobile Pages (AMP) and Mobile-Friendly Pages&#8221;\u00a0 Se voc\u00ea trabalha com Marketing Digital, j\u00e1 deve saber da import\u00e2ncia de ter um site r\u00e1pido e responsivo em qualquer dispositivo. Apesar disso, muitas empresas n\u00e3o acompanharam a mudan\u00e7a de comportamento dos usu\u00e1rios, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9383,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-76518","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>AMP vs P\u00e1ginas Responsivas: voc\u00ea sabe a diferen\u00e7a?<\/title>\n<meta name=\"description\" content=\"Te mostramos neste artigo adaptado do Search Engine Journal, a diferen\u00e7a entre AMP vs P\u00e1ginas Responsivas e como isso afeta seu ranking!\" \/>\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-vs-paginas-responsivas\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AMP vs P\u00e1ginas Responsivas: voc\u00ea sabe a diferen\u00e7a?\" \/>\n<meta property=\"og:description\" content=\"Te mostramos neste artigo adaptado do Search Engine Journal, a diferen\u00e7a entre AMP vs P\u00e1ginas Responsivas e como isso afeta seu ranking!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-10T00: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-vs-paginas-responsivas\/\",\"url\":\"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/\",\"name\":\"AMP vs P\u00e1ginas Responsivas: voc\u00ea sabe a diferen\u00e7a?\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2016-11-10T00:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\"},\"description\":\"Te mostramos neste artigo adaptado do Search Engine Journal, a diferen\u00e7a entre AMP vs P\u00e1ginas Responsivas e como isso afeta seu ranking!\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/br\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Qual a diferen\u00e7a entre Accelerated Mobile Pages (AMP) e p\u00e1ginas responsivas?\"}]},{\"@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":"AMP vs P\u00e1ginas Responsivas: voc\u00ea sabe a diferen\u00e7a?","description":"Te mostramos neste artigo adaptado do Search Engine Journal, a diferen\u00e7a entre AMP vs P\u00e1ginas Responsivas e como isso afeta seu ranking!","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-vs-paginas-responsivas\/","og_locale":"pt_BR","og_type":"article","og_title":"AMP vs P\u00e1ginas Responsivas: voc\u00ea sabe a diferen\u00e7a?","og_description":"Te mostramos neste artigo adaptado do Search Engine Journal, a diferen\u00e7a entre AMP vs P\u00e1ginas Responsivas e como isso afeta seu ranking!","og_url":"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/","og_site_name":"Pingback","article_published_time":"2016-11-10T00: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-vs-paginas-responsivas\/","url":"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/","name":"AMP vs P\u00e1ginas Responsivas: voc\u00ea sabe a diferen\u00e7a?","isPartOf":{"@id":"https:\/\/pingback.com\/br\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/#primaryimage"},"thumbnailUrl":"","datePublished":"2016-11-10T00:00:00+00:00","author":{"@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66"},"description":"Te mostramos neste artigo adaptado do Search Engine Journal, a diferen\u00e7a entre AMP vs P\u00e1ginas Responsivas e como isso afeta seu ranking!","breadcrumb":{"@id":"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/br\/resources\/amp-vs-paginas-responsivas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/br\/resources\/"},{"@type":"ListItem","position":2,"name":"Qual a diferen\u00e7a entre Accelerated Mobile Pages (AMP) e p\u00e1ginas responsivas?"}]},{"@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\/76518","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=76518"}],"version-history":[{"count":0,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/76518\/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=76518"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/categories?post=76518"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/tags?post=76518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}