{"id":16598,"date":"2018-05-10T09:45:38","date_gmt":"2018-05-10T09:45:38","guid":{"rendered":"https:\/\/www.4addictic.com\/?p=16598"},"modified":"2019-02-11T08:56:59","modified_gmt":"2019-02-11T08:56:59","slug":"amp-de-google-que-es-y-como-implementarlo-en-tu-prestashop","status":"publish","type":"post","link":"https:\/\/pre8.4addictic.com\/4addictic\/amp-de-google-que-es-y-como-implementarlo-en-tu-prestashop\/","title":{"rendered":"AMP de Google. Qu\u00e9 es y c\u00f3mo implementarlo en tu PrestaShop"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>Una de las\u00a0tendencias SEO de este a\u00f1o es el uso del AMP de Google para aumentar la velocidad de nuestras p\u00e1ginas Web. Ahora adem\u00e1s, Google ya ha anunciado una\u00a0<a href=\"https:\/\/webmasters.googleblog.com\/2018\/01\/using-page-speed-in-mobile-search.html\">actualizaci\u00f3n de su algoritmo<\/a>\u00a0para el segundo semestre de 2018, que ha denominado \u201c<strong>Actualizaci\u00f3n de velocidad<\/strong>\u201d y que dar\u00e1 mayor peso en su \u00edndice m\u00f3vil a las webs con mayor velocidad de respuesta. As\u00ed que hay que ponerse las pilas!<\/p>\n<p>Es cierto que en un primer momento el <strong>Accelerated Mobile Pages<\/strong> s\u00f3lo estaban indicadas para Webs de noticias y blogs. Pero desde hace alg\u00fan tiempo este proyecto est\u00e1 evolucionando intentando llegar a todo tipo de webs, incluidas las tiendas online. Mejorando de manera muy positiva la velocidad de los eCommerce en dispositivos m\u00f3viles. \u00bfSabes si tu tienda PrestaShop cumple con las exigencias AMP\u00a0y es totalmente compatible con ella?<\/p>\n<p>\u00bfQuieres ver algunos factores que debes tener en cuenta sobre este interesante tema? Pues sigue leyendo!<\/p>\n<h2><strong>\u00bfQu\u00e9 es AMP (Accelerated Mobile Pages) y en qu\u00e9 consiste?<\/strong><\/h2>\n<p>El <strong>Accelerated Mobile Pages<\/strong> \u00f3 AMP es una normativa de codificaci\u00f3n de c\u00f3digo abierto. Est\u00e1 desarrollada para aumentar la velocidad de carga de las p\u00e1ginas web en smartphones e iPhones. El proyecto AMP permite a los programadores crear p\u00e1ginas menos pesadas con lo cual, las webs cargan m\u00e1s r\u00e1pido\u00a0en soportes como los smartphones.<\/p>\n<p>Caracter\u00edsticas de la funci\u00f3n AMP :<\/p>\n<ul>\n<li>Optimizaci\u00f3n del c\u00f3digo CSS y HTML, con un tama\u00f1o de elementos inline en CSS menor a 50 kb.<\/li>\n<li>Carga de im\u00e1genes \u00ablazy load\u00bb, es decir, las im\u00e1genes \u00fanicamente salen si te desplazas hacia abajo.<\/li>\n<li>Compatibilidad total con ADS y Analytics, al igual que cualquier p\u00e1gina normal.<\/li>\n<li>Sin necesidad de usar JavaScript.<\/li>\n<\/ul>\n<p>Cosas a tener en cuenta en este tipo de webs:<\/p>\n<ol>\n<li>Las webs del tipo Accelerated Mobile Pages deben ser aprobadas por el \u201cAccelerated Mobile Pages Validator\u201d, incluido en la AMP JS Library.<\/li>\n<li>Se deben cargar las fuentes personalizadas e indicar la altura y anchura de las im\u00e1genes.<\/li>\n<li>No se permiten los formularios.<\/li>\n<\/ol>\n<p>Todos estos factores reducen los tiempos de carga\u00a0y aceleran la velocidad para que puedas acceder m\u00e1s r\u00e1pidamente a los contenidos.<\/p>\n<h2><strong>Restricciones del AMP en nuestras p\u00e1ginas<\/strong><\/h2>\n<p>Las p\u00e1ginas Accelerated Mobile Pages cuentan con algunas limitaciones que debes tener presente.<\/p>\n<p>Por ejemplo,\u00a0los efectos como <strong>las ventanas emergentes o\u00a0pop-ups no pueden usarse en AMP<\/strong> y tampoco admite la carga de contenidos externos a nuestro sitio web ni cualquier cosa que pueda ralentizar la carga de la web.<\/p>\n<p>Pero tranquilo, las p\u00e1ginas AMP conviven con tus las p\u00e1ginas \u201cnormales\u201d. As\u00ed que no tienes que cambiar la plantilla de tu p\u00e1gina ni redise\u00f1arla. Por decirlo de alguna manera, puedes tener juntas una versi\u00f3n normal y una versi\u00f3n mejorada para m\u00f3viles.<\/p>\n<p>Para que los usuarios lleguen a la versi\u00f3n Accelerated Mobile Pages tendr\u00e1n que llegar a trav\u00e9s de enlaces en buscadores o en las\u00a0redes sociales m\u00e1s importantes, mientras que si un usuario accede directamente con su m\u00f3vil a tu eCommerce o entra con un ordenador, siempre ver\u00e1 la versi\u00f3n normal.<\/p>\n<h2><strong>Entonces surge la pregunta: \u00bfMerece la pena?<\/strong><\/h2>\n<p><strong>\u00bfMerece la pena tener p\u00e1ginas en AMP dentro de una tienda online? \u00a0<\/strong>Aunque suponen algunas limitaciones como hemos visto, implementar el AMP en nuestras versiones m\u00f3viles har\u00e1 que<strong> mejore de gran manera la velocidad de carga de las p\u00e1ginas en nuestra tienda online.<\/strong> Y como la versi\u00f3n para m\u00f3viles y la versi\u00f3n normal de nuestra p\u00e1gina pueden convivir sin problemas\u2026 es una muy buena opci\u00f3n a tener en cuenta.<\/p>\n<p><img decoding=\"async\" class=\"\u00bfMerece la pena tener p\u00e1ginas en AMP dentro de una tienda online? aligncenter wp-image-16599 size-full\" title=\"\u00bfMerece la pena tener p\u00e1ginas en AMP dentro de una tienda online? \" src=\"https:\/\/www.4addictic.com\/wp-content\/uploads\/2018\/05\/AMP-Google.png\" alt=\"\u00bfMerece la pena tener p\u00e1ginas en AMP dentro de una tienda online? \" width=\"744\" height=\"400\" srcset=\"https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/AMP-Google-300x161.png 300w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/AMP-Google.png 744w\" sizes=\"(max-width: 744px) 100vw, 744px\" \/><\/p>\n<h2><strong>\u00a0<\/strong><strong>\u00bfC\u00f3mo afectar\u00e1 a nuestro PrestaShop el implementar el AMP?<\/strong><\/h2>\n<p>Algunas ventajas de usar el Accelerated Mobile Pages en tu PrestaShop:<\/p>\n<ol>\n<li>Ganar\u00e1s en velocidad en la versi\u00f3n para m\u00f3viles y tu SEO mejorar\u00e1.<\/li>\n<li>P\u00e1gina de producto en los dispositivos m\u00f3viles mucho m\u00e1s clara y atractiva con carruseles de im\u00e1genes, v\u00eddeos, botones para compartir en redes sociales, e incluso puedes incluir publicidad si lo necesitas.<\/li>\n<li>Las p\u00e1ginas AMP usan la cach\u00e9 de Google para servir el contenido, por lo que en cualquier caso, siempre ser\u00e1n mucho m\u00e1s r\u00e1pidas que la versi\u00f3n normal de nuestra tienda.<\/li>\n<li>Las p\u00e1ginas m\u00e1s r\u00e1pidas ayuda a que haya m\u00e1s conversi\u00f3n. Que una p\u00e1gina de producto aparezca m\u00e1s r\u00e1pidamente al usuario nos ayudar\u00e1 a que este se decida a comprar m\u00e1s r\u00e1pidamente y no perder la venta.<\/li>\n<\/ol>\n<p>Por tanto, a pesar de las limitaciones de AMP, <strong>tenerlo implementado<\/strong> nos va a ayudar a <strong>tener una mejor experiencia de usuario, un sitio web con mejor SEO y que adem\u00e1s convertir\u00e1 mejor. <\/strong><\/p>\n<h2><strong>\u00bfC\u00f3mo implementar el AMP en la web de mi negocio?<\/strong><\/h2>\n<p>PrestaShop est\u00e1 optimizado para su uso en dispositivos m\u00f3viles. No obstante, por defecto PrestaShop no implementa Accelerated Mobile Pages.\u00a0Al cambiarse ligeramente la estructura del c\u00f3digo HTML no podr\u00e1s usar la misma p\u00e1gina como versi\u00f3n AMP. Por tanto tendr\u00e1s que tener una versi\u00f3n acelerada espec\u00edfica de la p\u00e1gina.<\/p>\n<p>Si no usas PrestaShop o si prefieres implementar t\u00fa mismo AMP en tu tienda, tienes que crear manualmente una versi\u00f3n AMP para cada una de las p\u00e1ginas que quieras amplificar. Esta versi\u00f3n de la p\u00e1gina tiene que respetar la sintaxis AMP, sus reglas y por supuesto, una vez creada, tendr\u00e1s que validarla.<\/p>\n<p>Una vez creada la versi\u00f3n de Accelerated Mobile Pages tendr\u00e1s que incluir un enlace en los metadatos de la p\u00e1gina normal. Tambi\u00e9n deber\u00e1s indicar d\u00f3nde se encuentra la versi\u00f3n AMP para que los buscadores y dem\u00e1s indexadores sepan que tienes una versi\u00f3n acelerada de la p\u00e1gina y d\u00f3nde encontrarla.<\/p>\n<p>Tambi\u00e9n existe <strong>una seria de m\u00f3dulos que puedes instalar en tu PrestaShop<\/strong> para implementar AMP en tu eCommerce. No te pierdas nuestra pr\u00f3xima entrada donde te hablaremos de 4 m\u00f3dulos que te facilitar\u00e1n el trabajo.<\/p>\n<p>&nbsp;<\/p>\n<p>Info &amp; Imag.\u00a0<a href=\"https:\/\/www.prestashop.com\/es\/blog\/que-es-amp-google\" target=\"_blank\" rel=\"noopener\">Prestashop<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Una de las\u00a0tendencias SEO de este a\u00f1o es el uso del AMP de Google para aumentar la velocidad de nuestras p\u00e1ginas Web. Ahora adem\u00e1s, Google ya ha anunciado una\u00a0actualizaci\u00f3n de su algoritmo\u00a0para el segundo semestre de 2018, que ha denominado \u201cActualizaci\u00f3n de velocidad\u201d y que dar\u00e1 mayor peso en su \u00edndice m\u00f3vil a las [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":16601,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[59,67],"tags":[],"yst_prominent_words":[791,667,653,731,702,182,682,754,190,675,433,387,188,807,739,179,693,715,779,764],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",700,560,false],"thumbnail":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp-150x150.jpg",150,150,true],"medium":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp-300x240.jpg",300,240,true],"medium_large":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",696,557,false],"large":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",696,557,false],"1536x1536":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",700,560,false],"2048x2048":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",700,560,false],"td_150x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",150,120,false],"td_218x150":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",188,150,false],"td_300x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",300,240,false],"td_324x400":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",324,259,false],"td_485x360":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",450,360,false],"td_696x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",696,557,false],"td_1068x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",700,560,false],"td_1920x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",700,560,false],"the_grid_size1":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",500,400,false],"the_grid_size2":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",500,400,false],"the_grid_size3":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",625,500,false],"the_grid_size4":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",700,560,false],"the_grid_size5":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",500,400,false],"portfolio-full":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp-700x400.jpg",700,400,true],"portfolio-one":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp-540x272.jpg",540,272,true],"portfolio-two":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp-460x295.jpg",460,295,true],"portfolio-three":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp-300x214.jpg",300,214,true],"portfolio-five":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp-177x142.jpg",177,142,true]},"uagb_author_info":{"display_name":"Melania Llobregat","author_link":"https:\/\/pre8.4addictic.com\/4addictic\/author\/mllobregat\/"},"uagb_comment_info":0,"uagb_excerpt":"&nbsp; Una de las\u00a0tendencias SEO de este a\u00f1o es el uso del AMP de Google para aumentar la velocidad de nuestras p\u00e1ginas Web. Ahora adem\u00e1s, Google ya ha anunciado una\u00a0actualizaci\u00f3n de su algoritmo\u00a0para el segundo semestre de 2018, que ha denominado \u201cActualizaci\u00f3n de velocidad\u201d y que dar\u00e1 mayor peso en su \u00edndice m\u00f3vil a las&hellip;","blog_post_layout_featured_media_urls":{"thumbnail":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp-150x150.jpg",150,150,true],"full":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/google-amp.jpg",700,560,false]},"categories_names":{"59":{"name":"Blog","link":"https:\/\/pre8.4addictic.com\/4addictic\/category\/blog\/"},"67":{"name":"Posicionamiento en buscadores","link":"https:\/\/pre8.4addictic.com\/4addictic\/category\/blog\/posicionamiento-en-buscadores\/"}},"tags_names":[],"comments_number":"0","_links":{"self":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/16598"}],"collection":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/comments?post=16598"}],"version-history":[{"count":3,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/16598\/revisions"}],"predecessor-version":[{"id":17809,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/16598\/revisions\/17809"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/media\/16601"}],"wp:attachment":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/media?parent=16598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/categories?post=16598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/tags?post=16598"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/yst_prominent_words?post=16598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}