{"id":16625,"date":"2018-05-24T10:12:55","date_gmt":"2018-05-24T10:12:55","guid":{"rendered":"https:\/\/www.4addictic.com\/?p=16625"},"modified":"2019-02-11T08:56:49","modified_gmt":"2019-02-11T08:56:49","slug":"que-modulos-amp-instalar-en-mi-prestashop","status":"publish","type":"post","link":"https:\/\/pre8.4addictic.com\/4addictic\/que-modulos-amp-instalar-en-mi-prestashop\/","title":{"rendered":"\u00bfQu\u00e9 m\u00f3dulo AMP instalar en mi PrestaShop?"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Implementar AMP en tu tienda online, ahora es m\u00e1s f\u00e1cil que nunca. Ya puedes encontrar en la tienda de PrestaShop diferentes m\u00f3dulos que pod\u00e9is instalar en vuestras webs. Te presentamos 4 m\u00f3dulos que te pueden ser de gran ayuda. Te mencionaremos por encima los pros y contras que pod\u00e9is esperar de cada uno de ellos.<\/p>\n<p>\u00bfEmpezamos?<\/p>\n<h1><strong>M\u00f3dulos de PrestaShop para implementar AMP en tu Web<\/strong><\/h1>\n<h2><strong>1# M\u00f3dulo AMP &#8211; Accelerated Mobile Pages<\/strong><\/h2>\n<p>El\u00a0<span style=\"color: #ff0053;\"><a style=\"color: #ff0053;\" href=\"https:\/\/addons.prestashop.com\/es\/dispositivos-moviles\/24736-amp-accelerated-mobile-pages.html\" target=\"_blank\" rel=\"noopener\">M\u00f3dulo AMP<\/a><\/span>\u00a0es:<\/p>\n<ol>\n<li>F\u00e1cil de usar.<\/li>\n<li>Permite definir cu\u00e1les son las p\u00e1ginas que quieres que sean AMP. Por ejemplo, si solo quieres que lo sean la Home, las p\u00e1ginas de categor\u00edas y las p\u00e1ginas de producto, con este m\u00f3dulo es f\u00e1cil conseguirlo.<\/li>\n<li>Te permite que las p\u00e1ginas AMP tengan una URL amigable<\/li>\n<li>Puedes personalizar las p\u00e1ginas cambiando los colores de tus p\u00e1ginas AMP para adaptarlos a tu dise\u00f1o.<\/li>\n<li>Este m\u00f3dulo integra en la configuraci\u00f3n opciones para mostrar anuncios de AdSense en tu sitio web<\/li>\n<li>Puedes configurar Google Analytics para de ese modo llevar un seguimiento de tu web y saber si las p\u00e1ginas mejoradas est\u00e1n teniendo \u00e9xito.<\/li>\n<li>Adem\u00e1s para poder integrar mejor la versi\u00f3n AMP de nuestra web en\u00a0<span style=\"color: #ff0053;\"><a style=\"color: #ff0053;\" href=\"https:\/\/www.prestashop.com\/es\/blog\/google-search-console\" target=\"_blank\" rel=\"noopener\">Google Search Console<\/a><\/span>, nos ofrece tambi\u00e9n la generaci\u00f3n de un sitemap espec\u00edfico para Accelerated Mobile Pages.<\/li>\n<\/ol>\n<p>Un punto negativo que le pondr\u00edamos a este m\u00f3dulo es sus limitadas opciones de dise\u00f1o.<\/p>\n<h2><strong>2# M\u00f3dulo experto en AMP<\/strong><\/h2>\n<p>El <span style=\"color: #ff0053;\"><a style=\"color: #ff0053;\" href=\"https:\/\/addons.prestashop.com\/es\/dispositivos-moviles\/24786-experto-en-amp.html\" target=\"_blank\" rel=\"noopener\">m\u00f3dulo experto en AMP<\/a>\u00a0<\/span><\/p>\n<ol>\n<li>Permite personalizar algunos detalles del dise\u00f1o como el color de los precios en el listado, el color del bot\u00f3n de compra, etc.<\/li>\n<li>Tambi\u00e9n tienes opciones para ordenar los productos en las p\u00e1ginas AMP.<\/li>\n<li>Cuenta con la opci\u00f3n de elegir cu\u00e1ntos productos vas a mostrar en las p\u00e1ginas de categor\u00edas en la versi\u00f3n Accelerated Mobile Pages.<\/li>\n<li>Este m\u00f3dulo permite incluir tu c\u00f3digo de Analytics f\u00e1cilmente en la versi\u00f3n mejorada.<\/li>\n<\/ol>\n<p>Como puntos negativos comentar que este m\u00f3dulo cuenta con menos opciones que el anterior, ya que no te permite elegir qu\u00e9 p\u00e1ginas de tu sitio quieres que tengan su versi\u00f3n AMP, ni te permite generar un sitemap para tus p\u00e1ginas con esta funcionalidad.<\/p>\n<p>Tampoco nos ofrece la opci\u00f3n de integrarlo con Google AdSense para mostrar anuncios en tu p\u00e1gina.<\/p>\n<h2><strong>3# M\u00f3dulo Accelerated Mobile Pages (AMP) PRO<\/strong><\/h2>\n<p>El\u00a0<span style=\"color: #ff0053;\"><a style=\"color: #ff0053;\" href=\"https:\/\/addons.prestashop.com\/es\/rendimiento-sitio-web\/27661-accelerated-mobile-pages-amp-pro.html\" target=\"_blank\" rel=\"noopener\">m\u00f3dulo AMP PRO<\/a><\/span><u> nos ofrece: <\/u><\/p>\n<ol>\n<li>Mejora respecto a los dos m\u00f3dulos anteriores en cuanto a dise\u00f1o. Este m\u00f3dulo te permite elegir qu\u00e9 p\u00e1ginas de tu sitio web tendr\u00e1n una versi\u00f3n acelerada y tambi\u00e9n podr\u00e1s cambiar pr\u00e1cticamente todos los aspectos est\u00e9ticos de la p\u00e1gina.<\/li>\n<li>La versi\u00f3n es responsive y se adapta perfectamente al tama\u00f1o de la pantalla del dispositivo con el que navegues.<\/li>\n<li>Como punto a resaltar, este m\u00f3dulo te permite mostrar un enlace a la versi\u00f3n normal de tu p\u00e1gina de forma que el usuario que no se sienta c\u00f3modo con las p\u00e1ginas de este tipo pueda llegar f\u00e1cilmente a esta versi\u00f3n \u201cnormal\u201d de tu sitio.<\/li>\n<li>Ofrece la generaci\u00f3n autom\u00e1tica de un sitemap del sitio en su versi\u00f3n mejorada, que podr\u00e1s utilizar en Google Search Console.<\/li>\n<\/ol>\n<p>Como punto negativo decir que este m\u00f3dulo NO ofrece integraci\u00f3n con Google Analytics y por tanto tendr\u00e1s que ingeni\u00e1rtelas para tener unas m\u00e9tricas de tu sitio AMP para saber que aceptaci\u00f3n est\u00e1n teniendo estas p\u00e1ginas de tu web.<\/p>\n<h2><strong>4# M\u00f3dulo Professional AMP Pages &#8211; Accelerated Mobile Pages<\/strong><\/h2>\n<p>Uno de los m\u00f3dulos m\u00e1s completo que nos podemos encontrar ahora mismo en el mercado es el <span style=\"color: #ff0053;\"><a style=\"color: #ff0053;\" href=\"https:\/\/addons.prestashop.com\/es\/rendimiento-sitio-web\/26950-professional-amp-pages-accelerated-mobile-pages.html\" target=\"_blank\" rel=\"noopener\">M\u00f3dulo Professional AMP Pages<\/a>.<\/span> \u00bfQu\u00e9 nos ofrece?:<\/p>\n<ol>\n<li>Ofrece todas las opciones de personalizaci\u00f3n que ofrecen los dem\u00e1s, pero a m\u00e1s a m\u00e1s permite a\u00f1adir c\u00f3digo CSS propio.<\/li>\n<li>Te permite seleccionar que p\u00e1ginas de tu sitio web quieres que sea usando AMP y te permite definir categor\u00edas espec\u00edficas para AMP de forma que no tengan que estar todas las categor\u00edas de tu tienda.<\/li>\n<li>Puedes elegir qu\u00e9 redes sociales quieres que aparezcan en tus p\u00e1ginas AMP as\u00ed como botones de compartir y de contacto, etc.<\/li>\n<\/ol>\n<p>El \u00fanico punto negativo, por decirlo de alguna manera, es que este m\u00f3dulo no ofrece la posibilidad de mostrar anuncios en tu p\u00e1gina con Google Adsense. Una carencia poco significativa.<\/p>\n<p>En definitiva, instal\u00e1ndote alguno de estos cuatro m\u00f3dulos, de seguro que puedes sacarle mucho mayor rendimiento a tu tienda online integrando AMP dentro de tu estrategia de ventas.<\/p>\n<h1><strong>\u00bfC\u00f3mo implementar AMP en tu tienda PrestaShop paso a paso?<\/strong><\/h1>\n<p>Antes de acabar este art\u00edculo, os vamos a comentar como instalar AMP en tu tienda online en tan solo 3 pasos:<\/p>\n<ol>\n<li>\n<h3><strong>Instalar uno de los m\u00f3dulos AMP de la tienda oficial de PrestaShop<\/strong><\/h3>\n<\/li>\n<\/ol>\n<p>\u00a1Puedes elegir el que m\u00e1s te guste!<\/p>\n<p>Recuerda que puedes encontrar los m\u00f3dulos PrestaShop para implementar AMP siguiendo este enlace: <span style=\"color: #ff0053;\"><a style=\"color: #ff0053;\" href=\"https:\/\/addons.prestashop.com\/es\/buscar?search_query=amp\" target=\"_blank\" rel=\"noopener\">https:\/\/addons.prestashop.com\/es\/buscar?search_query=amp<\/a><\/span><\/p>\n<p>Una vez hayas escogido uno, inst\u00e1lalo y config\u00faralo seg\u00fan las instrucciones del desarrollador.<\/p>\n<ol start=\"2\">\n<li>\n<h3><strong>Acceder a una de las p\u00e1ginas de producto<\/strong><\/h3>\n<\/li>\n<\/ol>\n<p>Para que los buscadores sepan que tienes una versi\u00f3n acelerada de tus p\u00e1ginas de producto debes comprobar que la p\u00e1gina seleccionada tiene en la cabecera de metadatos el enlace AMP.<\/p>\n<p>Este c\u00f3digo tendr\u00eda que ser algo parecido a:<\/p>\n<p style=\"text-align: center;\"><strong>&lt;link target=\u00bb_blank\u00bb href=\u00bbhttp:\/\/ MITIENDA\/ID-PRODUCTO\/amp\u00bb rel=\u00bbamphtml\u00bb \/&gt;<\/strong><\/p>\n<ol start=\"3\">\n<li>\n<h3><strong>Usar las herramientas de validaci\u00f3n de AMP<\/strong><\/h3>\n<\/li>\n<\/ol>\n<p>Estas herramientas te servir\u00e1n para comprobar que todo est\u00e1 correcto y que la versi\u00f3n AMP de tu p\u00e1gina de producto no contiene errores.<\/p>\n<p>El proyecto <strong>Accelerated Mobile Pages<\/strong> tiene una herramienta de validaci\u00f3n, que puedes utilizar para ver que todo est\u00e1 correcto. Para usarla simplemente accede a:\u00a0<span style=\"color: #ff0053;\"><a style=\"color: #ff0053;\" href=\"https:\/\/validator.ampproject.org\/\" target=\"_blank\" rel=\"noopener\">https:\/\/validator.ampproject.org\/<\/a><\/span>\u00a0e introduce la URL de la versi\u00f3n acelerada de la p\u00e1gina que quieras probar.<\/p>\n<p>Si todo es correcto ver\u00e1s que el estado de validaci\u00f3n aparece como PASS.<\/p>\n<p>En el caso de que haya cualquier error, tambi\u00e9n te lo indicar\u00e1 para que los puedas corregir.<\/p>\n<p>Si en el m\u00f3dulo escogido de AMP encuentras un error, no dudes en ponerte en contacto con los desarrolladores del m\u00f3dulo.<\/p>\n<p>Adem\u00e1s <strong>Google Chrome<\/strong> te permite instarte una<span style=\"color: #ff0053;\"> <a style=\"color: #ff0053;\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/amp-validator\/nmoffdblmcmgeicmolmhobpoocbbmknc\" target=\"_blank\" rel=\"noopener\">extensi\u00f3n AMP Validator<\/a><\/span>\u00a0que comprueba autom\u00e1ticamente si una p\u00e1gina tiene versi\u00f3n Accelerated Mobile Pages o no. Cuando entras en una p\u00e1gina AMP, se mostrar\u00e1 si el c\u00f3digo es v\u00e1lido o no.<\/p>\n<h1><strong>Para acabar\u2026<\/strong><\/h1>\n<p>Como has podio ver, que tus p\u00e1ginas de producto se carguen mucho m\u00e1s r\u00e1pidas ya no es un sue\u00f1o. Con las p\u00e1ginas AMP es posible. Us\u00e1ndolas, lograr\u00e1s un aumento en conversiones.<\/p>\n<p>Adem\u00e1s, con los m\u00f3dulos que te hemos presentado, todo ser\u00e1 mucho m\u00e1s f\u00e1cil. \u00bfA qu\u00e9 esperas para escoger uno de ellos e instalarlo en tu PrestaShop??<\/p>\n<p><a href=\"\/?page_id=10887\" target=\"_blank\" rel=\"noopener\">\u00a1Cu\u00e9ntanos que tal te va la experiencia de implementar AMP en tu tienda online!<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; Implementar AMP en tu tienda online, ahora es m\u00e1s f\u00e1cil que nunca. Ya puedes encontrar en la tienda de PrestaShop diferentes m\u00f3dulos que pod\u00e9is instalar en vuestras webs. Te presentamos 4 m\u00f3dulos que te pueden ser de gran ayuda. Te mencionaremos por encima los pros y contras que pod\u00e9is esperar de cada uno [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":16626,"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":[667,653,674,666,772,659,675,493,749,697,706,188,781,724,734,716,763,741,803,689],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",850,250,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-300x88.jpg",300,88,true],"medium_large":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP-768x226.jpg",696,205,true],"large":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",696,205,false],"1536x1536":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",850,250,false],"2048x2048":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",850,250,false],"td_150x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",150,44,false],"td_218x150":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",218,64,false],"td_300x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",300,88,false],"td_324x400":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",324,95,false],"td_485x360":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",485,143,false],"td_696x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",696,205,false],"td_1068x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",850,250,false],"td_1920x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",850,250,false],"the_grid_size1":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",500,147,false],"the_grid_size2":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",500,147,false],"the_grid_size3":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",850,250,false],"the_grid_size4":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",850,250,false],"the_grid_size5":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",500,147,false],"portfolio-full":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP.jpg",850,250,false],"portfolio-one":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP-540x250.jpg",540,250,true],"portfolio-two":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2018\/05\/Google-AMP-460x250.jpg",460,250,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; &nbsp; Implementar AMP en tu tienda online, ahora es m\u00e1s f\u00e1cil que nunca. Ya puedes encontrar en la tienda de PrestaShop diferentes m\u00f3dulos que pod\u00e9is instalar en vuestras webs. Te presentamos 4 m\u00f3dulos que te pueden ser de gran ayuda. Te mencionaremos por encima los pros y contras que pod\u00e9is esperar de cada uno&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",850,250,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\/16625"}],"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=16625"}],"version-history":[{"count":6,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/16625\/revisions"}],"predecessor-version":[{"id":17807,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/16625\/revisions\/17807"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/media\/16626"}],"wp:attachment":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/media?parent=16625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/categories?post=16625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/tags?post=16625"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/yst_prominent_words?post=16625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}