{"id":627,"date":"2019-06-28T13:57:27","date_gmt":"2019-06-28T11:57:27","guid":{"rendered":"https:\/\/www.akademus.es\/blog\/?p=627"},"modified":"2019-06-28T13:57:29","modified_gmt":"2019-06-28T11:57:29","slug":"que-es-google-amp-y-como-funciona","status":"publish","type":"post","link":"https:\/\/www.akademus.es\/blog\/tecnologia\/que-es-google-amp-y-como-funciona\/","title":{"rendered":"\u00bfQu\u00e9 es Google AMP y c\u00f3mo funciona?"},"content":{"rendered":"\n<p>Con la popularidad de los <em>Smartphones<\/em>, la b\u00fasqueda en Internet a trav\u00e9s de estos dispositivos se ha disparado en cifras. La optimizaci\u00f3n de las p\u00e1ginas web para tel\u00e9fonos m\u00f3viles se ha convertido en un foco de trabajo para Google, que quiere garantizar una navegaci\u00f3n \u00f3ptima. La web responsive es uno de los elementos de posicionamiento de Google, y la velocidad uno de los factores de permanencia del tr\u00e1fico en la web. \u00bfC\u00f3mo conseguir optimizar tu p\u00e1gina en los dispositivos m\u00f3viles? Te presentamos qu\u00e9 es <strong>Google AMP<\/strong> y c\u00f3mo funciona.&nbsp;<br><\/p>\n\n\n\n<h2>Qu\u00e9 es AMP<\/h2>\n\n\n\n<p>Accelerated Mobile Pages (AMP) es una actualizaci\u00f3n de la mano de Google que <strong>busca mejorar la velocidad de carga<\/strong> de las webs en los dispositivos m\u00f3viles.\u00a0<\/p>\n\n\n\n<p>Con la irrupci\u00f3n de los <em>Smartphones<\/em>, las b\u00fasquedas en Internet se han disparado por estos dispositivos. Google es consciente de que no todo el mundo se ha ido actualizando al mismo ritmo, y muchas de las p\u00e1ginas web que hay hoy en d\u00eda siguen sin tener presencia en formato m\u00f3vil.\u00a0<\/p>\n\n\n\n<p>Esto se traduce en una bajada notable de la satisfacci\u00f3n del cliente, lo que quiere decir menor tr\u00e1fico en la web debido a una menor velocidad de carga.\u00a0<\/p>\n\n\n\n<p>Las AMP tienen como fin <strong>acelerar la carga de las p\u00e1ginas web en los tel\u00e9fonos m\u00f3viles<\/strong>. Es decir, se trata de hacer que una p\u00e1gina web sea m\u00e1s r\u00e1pida en su versi\u00f3n para el tel\u00e9fono y as\u00ed incrementar su Experiencia Cliente.\u00a0<\/p>\n\n\n\n<p>AMP es el resultado de la visi\u00f3n que Google tiene de los usuarios. Cuanto m\u00e1s r\u00e1pida sea la carga de las p\u00e1ginas web en <em>Smartphones <\/em>m\u00e1s <strong>se facilitar\u00e1 la lectura de los contenidos<\/strong>, y por tanto la Experiencia Cliente ser\u00e1 superior.\u00a0\u00a0<\/p>\n\n\n\n<h2>C\u00f3mo funciona AMP<\/h2>\n\n\n\n<p>Google AMP se basa en la programaci\u00f3n HTML, pero con algunos puntos y elementos diferenciales.&nbsp;<\/p>\n\n\n\n<p>S\u00f3lo se permite un JavaScrip as\u00edncrono, lo que evita que se prolongue el procesamiento de la web. De esta forma, las funciones interactivas se manejan desde <strong>componentes AMP personalizados<\/strong>. As\u00ed, AMP determina la posici\u00f3n y el tama\u00f1o de las im\u00e1genes y los diferentes recursos antes de que se descarguen.<\/p>\n\n\n\n<p>Los mecanismos de extensi\u00f3n evitan un bloqueo en la funci\u00f3n de la web, debido a que las extensiones que se admiten requieren solicitudes HTTP adicionales. La hoja de estilo tiene una capacidad m\u00e1xima de 50kb. De esta forma AMP permite solamente<strong> estilos en l\u00ednea<\/strong>.\u00a0<\/p>\n\n\n\n<p>Para optimizar las AMP hay que estar en<strong> constante actualizaci\u00f3n<\/strong>, ya que es un proyecto que est\u00e1 en desarrollo. Por ello es importante que estemos al d\u00eda de cu\u00e1les sean las caracter\u00edsticas del futuro. El foco actual est\u00e1 puesto en la rapidez y la sencilla lectura de los contenidos.&nbsp;<\/p>\n\n\n\n<h2>Ventajas de las AMP<\/h2>\n\n\n\n<p>Con AMP se busca optimizar el rendimiento de las p\u00e1ginas web en los dispositivos m\u00f3viles. Los usuarios reclaman una cierta velocidad en la carga de estas p\u00e1ginas, por lo que es lo que se intenta alcanzar con esta tecnolog\u00eda.&nbsp;<\/p>\n\n\n\n<h3>#1. Accesibilidad de la web<\/h3>\n\n\n\n<p>El tiempo medio de carga de una p\u00e1gina AMP no llega al segundo. Por lo que mejora alrededor de un 85% la carga de las p\u00e1ginas web en tel\u00e9fonos m\u00f3viles en comparaci\u00f3n con las p\u00e1ginas convencionales. La accesibilidad de la p\u00e1gina web es un elemento clave para que los usuarios disfruten de tu contenido.\u00a0<\/p>\n\n\n\n<p>Hay que tener presente que la Revoluci\u00f3n Tecnol\u00f3gica en la que nos encontramos ha influido tambi\u00e9n en la forma en la que los clientes demandan la informaci\u00f3n. Vivimos en un mundo en el que prima la velocidad, el<strong> \u201caqu\u00ed y ahora\u201d<\/strong>. Es por ello que Google trabaja en su constante crecimiento y actualizaci\u00f3n, en base a qu\u00e9 es lo que demanda el mercado. Y es que, cuando las web se adaptaban a las pantallas m\u00f3viles Google sorprendi\u00f3 con AMP.&nbsp;&nbsp;<\/p>\n\n\n\n<h3>#2. Mayor visibilidad<\/h3>\n\n\n\n<p>Los contenidos que cuentan con la actualizaci\u00f3n AMP han ido escalando puestos y mejorando su visibilidad en dispositivos m\u00f3viles ya que <strong>Google los muestra en resultados org\u00e1nicos<\/strong>. Las p\u00e1ginas Google AMP cuentan con un identificador verde en los resultados que les hace destacar sobre el resto. Esto aumenta los clicks a las p\u00e1ginas.&nbsp;<\/p>\n\n\n\n<h3>#3. Aumento de ingresos<\/h3>\n\n\n\n<p>La versi\u00f3n sintetizada de CSS permite aligerar el c\u00f3digo, y aumentar tus ingresos mediante la inserci\u00f3n m\u00e1s sencilla de anuncios. <strong>Flexibilidad en la presentaci\u00f3n<\/strong> de esta publicidad adecuada al soporte puede hacer aumentar tu influencia.\u00a0<\/p>\n\n\n\n<p>Si queremos incluir anuncios en nuestra AMP debemos asegurarnos que estos carguen de una manera r\u00e1pida para no entorpecer la fluidez en nuestro espacio. Entre los anuncios AMP encontramos Amazon A9, Google AdSense o YotAndAds.&nbsp;<\/p>\n\n\n\n<h3>#4. F\u00e1cil an\u00e1lisis del usuario<\/h3>\n\n\n\n<p>No nos podemos olvidar de conocer la v\u00eda mediante la que los usuarios aterrizan en nuestra web. Ganar clicks es importante, pero tambi\u00e9n lo es analizar c\u00f3mo se est\u00e1 consiguiendo. Existen <strong>herramientas anal\u00edticas<\/strong> que permiten estudiar los resultados de AMP de manera muy sencilla y con gran precisi\u00f3n.&nbsp;<\/p>\n\n\n\n<p>Realmente AMP tiene bastante poder. Se trata de un <strong>reajuste de las p\u00e1ginas aptas para plataformas m\u00f3viles<\/strong>. Google premia la velocidad, por lo que si la priorizas obtienes beneficio.\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Con la popularidad de los Smartphones, la b\u00fasqueda en Internet a trav\u00e9s de estos dispositivos se ha disparado en cifras. La optimizaci\u00f3n de las p\u00e1ginas&hellip;<\/p>\n","protected":false},"author":1,"featured_media":629,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[27,5],"tags":[],"yst_prominent_words":[],"wppr_data":{"cwp_meta_box_check":"No"},"views":295,"_links":{"self":[{"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/posts\/627"}],"collection":[{"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/comments?post=627"}],"version-history":[{"count":1,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/posts\/627\/revisions"}],"predecessor-version":[{"id":630,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/posts\/627\/revisions\/630"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/media\/629"}],"wp:attachment":[{"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/media?parent=627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/categories?post=627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/tags?post=627"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}