{"id":69850,"date":"2022-07-20T02:08:56","date_gmt":"2022-07-20T00:08:56","guid":{"rendered":"https:\/\/rmarketingdigital.com\/wiki\/accelerated-mobile-pages\/"},"modified":"2024-10-28T22:49:05","modified_gmt":"2024-10-28T21:49:05","slug":"accelerated-mobile-pages","status":"publish","type":"glossary","link":"https:\/\/rmarketingdigital.com\/fr\/wiki\/accelerated-mobile-pages\/","title":{"rendered":"Pages mobiles acc\u00e9l\u00e9r\u00e9es"},"content":{"rendered":"<p><\/p>\n<div id=\"mw-content-text\" lang=\"es\" dir=\"ltr\" class=\"mw-content-ltr\">\n<p><b>Accelerated Mobile Pages (AMP)<\/b>, es un marco de trabajo multiplataforma de c\u00f3digo abierto con el que se puede incrementar significativamente la velocidad de carga de los sitios web m\u00f3viles. Se basa en la disminuci\u00f3n de CSS y JavaScript, una red de distribuci\u00f3n de contenidos, as\u00ed como de HTML modificado. El proyecto cuenta con el apoyo de Google.\n<\/p>\n<h2>\n<span class=\"mw-headline\" id=\"Antecedentes\">Ant\u00e9c\u00e9dents<\/span><br \/>\n<\/h2>\n<p>El uso de Internet smartphone est\u00e1 aumentando a un ritmo acelerado a nivel mundial. Por esta raz\u00f3n, el futuro de Internet ser\u00e1 smartphone en muchas \u00e1reas. Por ende, el contenido web debe ser optimizado para los dispositivos m\u00f3viles. Ni siquiera el comercio smartphone se libra del creciente uso de Internet smartphone. Los cambios en los h\u00e1bitos de navegaci\u00f3n impactan a las t\u00e9cnicas de dise\u00f1o y adaptaci\u00f3n de las webs que se usan para la presentaci\u00f3n de las mismas. Para impulsar la usabilidad en la medida de lo viable, los sitios web m\u00f3viles disponen que ser r\u00e1pidos.\n<\/p>\n<p>Un estudio revel\u00f3 que la tasa de rebote aumenta a m\u00e1s del 50 por ciento si una web smartphone tarda m\u00e1s de 10 segundos en cargarse. El efecto de las diferencias en los tiempos de carga de la p\u00e1gina se hace todav\u00eda m\u00e1s evidente en las tiendas online. Aqu\u00ed, unas pocas fracciones de segundo pueden establecer si un visitante se convierte en comprador o no. La optimizaci\u00f3n de la velocidad debe ser incorporada definitivamente en la optimizaci\u00f3n smartphone. Al declarar la velocidad de la p\u00e1gina como un factor de posicionamiento en 2010, el propio Google destac\u00f3 el hecho de que las velocidades de carga de la web son un factor importante para una experiencia de usuario positiva.\n<\/p>\n<h2>\n<span class=\"mw-headline\" id=\"Historia\">Histoire<\/span><br \/>\n<\/h2>\n<p>El proyecto de Accelerated Mobile Pages se lanz\u00f3 en octubre de 2015. La base para el establecimiento de la propuesta de c\u00f3digo abierto forz\u00f3 debates y discusiones entre editores y empresas de tecnolog\u00eda, donde la necesidad de cargar m\u00e1s r\u00e1pidamente el contenido smartphone era habitualmente el tema principal. Los iniciadores, que incluyen Google, WordPress y Adobe, aspiran a crear un ecosistema smartphone completo. Este sistema deber\u00eda ser beneficioso tanto para los editores como para los desarrolladores, usuarios y plataformas de consumidores. Otros socios tecnol\u00f3gicos incluyen la red social Pinterest, Twitter y LinkedIn. Entre las primeras editoriales en poner en pr\u00e1ctica AMP se encuentran \u00abZeit\u00bb y \u00abFrankfurter Allgemeine Zeitung\u00bb en Alemania, \u00abWashington Art\u00edculo\u00bb y \u00abBuzzfeed\u00bb en Estados Unidos, \u00abThe Guardian\u00bb en Inglaterra y \u00abEl Pa\u00eds\u00bb en Espa\u00f1a.\n<\/p>\n<p>Debido al enfoque de c\u00f3digo abierto, es de esperar que AMP se extienda y arraigue r\u00e1pidamente, al igual que el sistema operativo Android para smartphones.\n<\/p>\n<h2>\n<span class=\"mw-headline\" id=\"Principio_de_funcionamiento\">Principio de funcionamiento<\/span><br \/>\n<\/h2>\n<p>La velocidad de carga de una web depende principalmente del tama\u00f1o de los archivos que se van a cargar. Por ende, el marco de trabajo intenta reducir al m\u00ednimo el tama\u00f1o total de una p\u00e1gina web. A la vez, los contenidos de la web de AMP se almacenan en cach\u00e9 y se ponen a disposici\u00f3n en un servidor proxy. Si un usuario accede a los contenidos, \u00e9stos se cargan por medio de de una red de entrega de contenidos. El c\u00f3digo fuente de las web de AMP puede ser interpretado por todos los servidores.\n<\/p>\n<ul>\n<li> <b>AMP HTML<\/b>: El c\u00f3digo fuente HTML es personalizado y reducido por AMP. S\u00f3lo se produce una solicitud HTTP por llamada de p\u00e1gina.<\/li>\n<li> <b>AMP JavaScript<\/b>: Las webs de AMP s\u00f3lo usan JavaScript as\u00edncrono. Esto asegura una r\u00e1pida renderizaci\u00f3n de la web puesto que la carga de la p\u00e1gina no puede ser bloqueada por los recursos de JS. Si se integran archivos JavaScript de terceros, la incrustaci\u00f3n se realiza por medio de de iframes.<\/li>\n<li> <b>AMP CDN<\/b>: Se crea una cach\u00e9 de sitios web AMP en servidores proxy de todas partes. De este modo, el contenido puede ser entregado por medio de de una red de entrega de contenido basada en http 2.0. La CDN adem\u00e1s comprueba si el portal web de AMP es funcional.<\/li>\n<\/ul>\n<p>La gran utilidad de AMP es que la velocidad de carga de una web puede ser calculada y escalada con precisi\u00f3n de antemano. Otras mejoras incluyen la especificaci\u00f3n del tama\u00f1o exacto del archivo para im\u00e1genes u otros medios incrustados. Cuando se carga una web AMP, la tecnolog\u00eda es capaz de priorizar las descargas individuales. Aqu\u00ed, las posiciones de los archivos individuales en las fuentes adem\u00e1s se interpretan al mismo tiempo del tama\u00f1o del archivo.\n<\/p>\n<p>Los archivos CSS adem\u00e1s se ven afectados por la optimizaci\u00f3n de la velocidad. Por ejemplo, s\u00f3lo se permiten para CSS los estilos online que no superen los 50 kilobytes.\n<\/p>\n<h2>\n<span class=\"mw-headline\" id=\"Aplicaciones\">applications<\/span><br \/>\n<\/h2>\n<p>Simplemente, las Accelerated Mobile Pages no est\u00e1n limitadas a un \u00e1rea espec\u00edfica de la web. Las apps de e-commerce para sitios web de AMP, formularios de registro especiales, paywalls, etc. adem\u00e1s son concebibles. Los iniciadores optaron por abstenerse de cualquier restricci\u00f3n previa. Con respecto a la incorporaci\u00f3n de los sitios web de AMP en los resultados de b\u00fasqueda de Google, hasta ahora s\u00f3lo se han visualizado afectados los editores de noticias. A largo plazo, no obstante, es probable que adem\u00e1s se integren las tiendas online que disponen p\u00e1ginas de productos AMP especiales, o los proveedores de servicios de viaje que, por ejemplo, simplifican las reservas por medio de de sitios web AMP r\u00e1pidos para usuarios m\u00f3viles.\n<\/p>\n<h2>\n<span class=\"mw-headline\" id=\"Modificaciones_al_c.C3.B3digo_HTML\">Modificaciones al c\u00f3digo HTML<\/span><br \/>\n<\/h2>\n<p>Las modificaciones del c\u00f3digo fuente HTML son indispensables para poner en pr\u00e1ctica las webs de AMP. Por ejemplo, a las etiquetas de medios se les da el prefijo \u00abamp\u00bb.\n<\/p>\n<ul>\n<li> <b>images<\/b>: amp-img.<\/li>\n<li> <b>Vid\u00e9os<\/b>: amp-video.<\/li>\n<li> <b>Archivos de audio<\/b>: amp-audio.<\/li>\n<li> <b>iframes<\/b>: amp-iframe.<\/li>\n<\/ul>\n<p>Ejemplo en el caso de un v\u00eddeo:\n<\/p>\n<pre>\u00a0<\/pre>\n<p><b>Estas etiquetas deben utilizarse para los sitios web de AMP:<\/b><br \/>\nTipo de documento:\n<\/p>\n<pre>&lt;!doctype html&gt;<\/pre>\n<p>Etiqueta de nivel superior\n<\/p>\n<pre>tag ( also works)<\/pre>\n<p>Link can\u00f3nico en la secci\u00f3n\u00a0:\n<\/p>\n<pre> <\/pre>\n<p>Codificaci\u00f3n en la secci\u00f3n:\n<\/p>\n<pre> <\/pre>\n<p>Ver puerto head en la secci\u00f3n:\n<\/p>\n<pre>\u00a0<\/pre>\n<p>Referencia a AMP-CDN en la secci\u00f3n head:\n<\/p>\n<pre>\u00a0<\/pre>\n<p>Especificaci\u00f3n de la opacidad:\n<\/p>\n<pre>&lt;noscript&gt;&lt;style&gt;body {opacity: 1}&lt;\/style&gt;&lt;\/noscript&gt;<\/pre>\n<p>Mientras que el rel-attibute y la etiqueta can\u00f3nica no son obligatorios en las webs convencionales, los sitios web de AMP deben contener estos dos items en la secci\u00f3n head.\n<\/p>\n<p>rel-attribute: Muestra a los rastreadores que adem\u00e1s existe una versi\u00f3n del portal web AMP de la p\u00e1gina actual.\n<\/p>\n<p>Exemple:\n<\/p>\n<pre>\u00a0<\/pre>\n<p>Etiqueta can\u00f3nica: La etiqueta can\u00f3nica en el portal web de AMP apunta a la web original.\n<\/p>\n<pre>&lt;enlace rel=\u201ccanonical\u201d href=\u201chttps:\/\/www.mydomain.com\/whole-page.html\u201d&gt;<\/pre>\n<p>Si la p\u00e1gina AMP es el \u00fanico portal web que tiene este contenido, la etiqueta can\u00f3nica apunta hacia s\u00ed misma.\n<\/p>\n<h2>\n<span class=\"mw-headline\" id=\"Importancia_para_el_marketing_m.C3.B3vil\">Importancia para el marketing smartphone<\/span><br \/>\n<\/h2>\n<p>Los sitios web AMP deber\u00edan cargarse en milisegundos. Ya que los anuncios adem\u00e1s se ven afectados por las velocidades de carga optimizadas, los anunciantes pueden usar AMP para intentar asegurarse de que sus anuncios <b>no tengan un efecto negativo en la experiencia del usuario<\/b>. Esto se debe a que actualmente, los banners publicitarios o intersticios son habitualmente percibidos como una molestia por los usuarios de Internet smartphone.\n<\/p>\n<p>Los marcos de trabajo AMP son compatibles con varios formatos publicitarios distintos. Por ende, esta tecnolog\u00eda ofrece a los anunciantes una amplia gama de alternativas de promoci\u00f3n comercial. Ya que el marco de trabajo no depende de la plataforma, los anunciantes no se limitan a una sola empresa cuando desean publicar anuncios.\n<\/p>\n<h2>\n<span class=\"mw-headline\" id=\"Web_Links\">Liens web<\/span><br \/>\n<\/h2>\n<ul>\n<li> <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"external text\" href=\"https:\/\/www.ampproject.org\">AMP-Project<\/a>\n<\/li>\n<li> <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"external text\" href=\"https:\/\/de.wordpress.org\/plugins\/amp\/\">AMP-Plugin para WordPress<\/a>\n<\/li>\n<\/ul>\n<p><!-- \nNewPP limit report\nCached time: 20200502185735\nCache expiry: 86400\nDynamic content: false\nCPU time usage: 0.008 seconds\nReal time usage: 0.008 seconds\nPreprocessor visited node count: 118\/1000000\nPreprocessor generated node count: 240\/1000000\nPost\u2010expand include size: 0\/2097152 bytes\nTemplate argument size: 0\/2097152 bytes\nHighest expansion depth: 2\/40\nExpensive parser function count: 0\/100\n--><!-- \nTransclusion expansion time report (%,ms,calls,template)\n100.00%    0.000      1 - -total\n--><!-- Saved in parser cache with key es_:stable-pcache:idhash:694-0!*!0!!es!*!* and timestamp 20200502185735 and revision id 2790\n -->\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Accelerated Mobile Pages (AMP), es un marco de trabajo multiplataforma de c\u00f3digo abierto con el que se puede incrementar significativamente la velocidad de carga de los sitios web m\u00f3viles. Se&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"template":"","glossary-cat":[],"class_list":["post-69850","glossary","type-glossary","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Accelerated Mobile Pages - R Marketing Digital<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/fr\/wiki\/accelerated-mobile-pages\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accelerated Mobile Pages\" \/>\n<meta property=\"og:description\" content=\"Accelerated Mobile Pages (AMP), es un marco de trabajo multiplataforma de c\u00f3digo abierto con el que se puede incrementar significativamente la velocidad de carga de los sitios web m\u00f3viles. Se...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/fr\/wiki\/accelerated-mobile-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-28T21:49:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wiki\\\/accelerated-mobile-pages\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wiki\\\/accelerated-mobile-pages\\\/\",\"name\":\"Accelerated Mobile Pages - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"datePublished\":\"2022-07-20T00:08:56+00:00\",\"dateModified\":\"2024-10-28T21:49:05+00:00\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/wiki\\\/accelerated-mobile-pages\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Accelerated Mobile Pages - R Marketing Digital","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:\/\/rmarketingdigital.com\/fr\/wiki\/accelerated-mobile-pages\/","og_locale":"fr_FR","og_type":"article","og_title":"Accelerated Mobile Pages","og_description":"Accelerated Mobile Pages (AMP), es un marco de trabajo multiplataforma de c\u00f3digo abierto con el que se puede incrementar significativamente la velocidad de carga de los sitios web m\u00f3viles. Se...","og_url":"https:\/\/rmarketingdigital.com\/fr\/wiki\/accelerated-mobile-pages\/","og_site_name":"R Marketing Digital","article_modified_time":"2024-10-28T21:49:05+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/wiki\/accelerated-mobile-pages\/","url":"https:\/\/rmarketingdigital.com\/wiki\/accelerated-mobile-pages\/","name":"Accelerated Mobile Pages - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"datePublished":"2022-07-20T00:08:56+00:00","dateModified":"2024-10-28T21:49:05+00:00","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/wiki\/accelerated-mobile-pages\/"]}]},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"Marketing num\u00e9rique","description":"Agence de r\u00e9f\u00e9rencement | Publicit\u00e9 sur les r\u00e9seaux sociaux | Gestion de communaut\u00e9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary\/69850","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary\/69850\/revisions"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media?parent=69850"}],"wp:term":[{"taxonomy":"glossary-cat","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/glossary-cat?post=69850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}