Blogging
Cómo activar las AMP de Google y qué son
5 Julio, 2016
30

amp google activar

¬ŅQu√© es AMP de Google?

Ya no hay debate, nuestro dispositivo favorito es el móvil, lo utilizamos para todo. Ha sustituido en la mayoría de los casos al reproductor mp3, al reloj de pulsera, a la calculadora, en algunos casos a los libros, ¡incluso a las teles! Y por supuesto lo utilizamos para socializar.

En Espa√Īa el 41% de la poblaci√≥n accede a las redes sociales desde su smartphone, y el tr√°fico web proveniente de los dispositivos m√≥viles ya supone el 32% del total. (Fuente: We Are Social)

Dicho esto y entendiendo la importancia de los móviles a la hora de navegar por Internet, el tema del que vamos a hablar hoy cobra mucho sentido.

Ese 32% de tr√°fico desde smartphone es el indicativo de que cada d√≠a los usuarios acceden m√°s a la informaci√≥n desde estos dispositivos, los cuales dependiendo de muchos factores suelen tener conexiones m√°s lentas que por ejemplo, un port√°til o un ordenador sobremesa correctamente conectado a una red wifi o por cable. Debemos tener esto en cuenta a la hora de pensar en la velocidad de carga de las p√°ginas web en navegadores m√≥viles, ¬Ņverdad?

Esta velocidad de carga afecta a todos aquellos webmaster que sobre todo, viven de la publicidad de los sitios web o de las suscripciones. Para poner solución y conseguir que las páginas web desde móvil carguen tan rápido como nunca antes lo habían hecho, se creó la Digital News Initiative, un proyecto en el que Google, de forma conjunta con grandes medios pusieron en marcha una iniciativa Open Source que conocemos como AMP o Accelerated Mobile Pages (páginas móviles aceleradas).

Ahora s√≠, ¬Ņqu√© son las AMP? Se trata de p√°ginas web optimizadas, con versiones m√°s ligeras para conseguir que la velocidad de carga aumente de forma considerable. Est√° basado en la tecnolog√≠a AMP HTML, un nuevo formato que consigue que p√°ginas con contenido multimedia carguen de forma instant√°nea para su correcta visualizaci√≥n en dispositivos m√≥viles.

Esta solución de Google es algo similar a Apple News o a los Facebook Instant Articles.

activar las amp de google

Puede que ya te hayas topado con alguna web en versi√≥n AMP. Adem√°s de por su dise√Īo puedes identificarlas a trav√©s de la URL, pues al final de la misma llevan incorporado un /amp.

Para que veas la diferencia entre una p√°gina AMP y una p√°gina normal, te dejo dos URL del mismo post, de este blog que est√°s leyendo:

Como ver√°s, la √ļnica diferencia entre ambas es el final del link. Si accedes, incluso si lo haces desde ordenador, puedes ver las particularidades de la AMP de ese post, es mucho m√°s sencillo, sin plugins, sin men√ļs, solo con lo b√°sico para leer el contenido.

 

¬ŅPor qu√© cargan tan r√°pido las AMP?

Para conseguir que las p√°ginas AMP carguen m√°s r√°pido debe haber sacrificios, ¬Ņcu√°les? Bien, obviamente el primer damnificado es el dise√Īo que se muestra de una forma mucho m√°s simple, sin las personalizaciones del theme de turno de la web. Eso s√≠, el dise√Īo que ofrece AMP es sencillo y para nada feo. Las AMP se centran en el contenido, por lo que todo lo que no aporte en √©l se va fuera, no hay rastro de JavaScripts y el CSS que utiliza es muy minimalista, todo para que cargue m√°s r√°pido que Billy el Ni√Īo.

 

¬ŅSon para ti las AMP?

Aunque en un principio esta iniciativa fue impulsada para favorecer a los grandes medios, compa√Ī√≠as editoriales y tecnol√≥gicas, las AMP son pr√°cticamente para todo el mundo, me atrever√≠a a decir que mucho m√°s que los Instant Articles de Facebook.

Si tienes una web en la que publicas contenido, un blog personal, un blog corporativo… Las AMP son para ti. Todo lo que mejore la velocidad de carga, optimice tu site y mejore la experiencia del usuario es bueno para tu blog, para Google y por ende, para el posicionamiento web.

Otra historia es si gestionas un ecommerce o una web que solo consta de una Home o varias p√°ginas m√°s en la que cierto contenido es imperativo que se muestre tal y como est√°. En estos casos puede que las AMP no sean para ti, no obstante, debes optimizar de otras formas para que la velocidad de carga no sea un problema.

 

Activar las AMP para SEO

Llegados a este punto ya intuir√°s que implementar las AMP favorece notablemente la velocidad de carga de una p√°gina web, lo que a su vez mejora el SEO de dicha web.

Desde febrero de 2016, Google tiene en cuenta a la hora de posicionar una web si √©sta ofrece p√°ginas en formato AMP, por lo que… ¬°sigue leyendo y aprender a activarlas ya mismo!

Las AMP son buenas amigas del SEO por lo siguiente:

  • Google ha afirmado que las webs con versiones AMP tendr√°n beneficios en las SERPs.
  • Adem√°s de premiarte por tener el sitio web responsive, ahora Google te premiar√° por tener la web completamente optimizada para dispositivos m√≥viles.
  • Eliminando todo lo multimedia y JavaScripts, y centr√°ndose en el contenido, con las AMP de Google ofreces art√≠culos que posicionar√°n¬†mejor gracias a la sem√°ntica.
  • Tendr√°s contenidos m√°s accesibles y con una mejor experiencia del usuario y eso a Google le gusta mucho.
  • Tu velocidad de carga mejorar√° sustancialmente, sumando as√≠ puntos para Google.

 

¬ŅC√≥mo activar las AMP para sitios WordPress?

Si gestiones un sitio web creado por WordPress estás de suerte: activar las AMP en tu blog o web es bastante sencillo y sin tocar código. ??

Simplemente debes buscar el plugin AMP e instalarlo, es totalmente fiable, creado por Automattic. Una vez instalado y activado quedar√°n habilitadas las p√°ginas AMP de tu blog o web. Para comprobarlo, puedes incluso desde el ordenador, coger una URL cualquiera de tu web y a√Īadirle al final /amp o ?amp=1, en funci√≥n del tipo de estructura de los permalinks. Si aparece el nuevo formato, m√°s sencillo y optimizado, ¬°ya lo tienes listo!

¬ŅC√≥mo saber si Google est√° teniendo en cuenta tus AMP?activar amp

Para asegurarte de que Google est√° reconociendo las p√°ginas con formato AMP de tu web, debes acceder a tu sesi√≥n en Google Search Console (Google Webmaster tools) y abrir la pesta√Īa Accelerated Mobile Pages. Aqu√≠ ver√°s la cantidad de p√°ginas que tienes indexadas con este formato, adem√°s de las p√°ginas con errores. ¬ŅControlas poco esta herramienta? ¬°Echa un ojo a esta gu√≠a de Google Search Console ahora mismo!

 

¬ŅQu√© son estos errores?

Es de agradecer que Google avise de estos errores y te diga de qué tratan. Resulta que las webs para formato AMP deben seguir unas directrices de datos estructurados, Schema.org y Rich Snippets y especificación HTML para AMP. Permanece atento a tu Search Console y observa los errores que aparecen.

Otra forma de validar las AMP

El 8 de junio AMP Project presentaba una extensión para Google Chrome que permite fácilmente saber si la página que estás visitando tiene su versión en formato accelerated pages. Se llama AMP Validator, y tras instalar en tu navegador sabrás si la página web:

icon-invalidNo tiene versión AMP

icon-linkTiene versión AMP disponible

icon-validTiene versión AMP y estás en ella

 

Aspecto y personalización de las AMP

Puede que est√©s pensando que el dise√Īo de las p√°ginas con formato AMP distan mucho del dise√Īo original de tu web, ese dise√Īo que tanto tiempo te llev√≥ y del que tan orgulloso est√°s. Es normal que te preocupe, los resultados de las AMP consiguen que todas las webs sean iguales, es como salir a la calle y que todo el mundo vaya igual vestido, desde los pies a la cabeza.

Si quieres que tu web, a√ļn con versi√≥n AMP se siga diferenciando puedes modificar partes del dise√Īo, eso s√≠, dependiendo de los cambios que implementes puedes hacer que es gran velocidad de carga no sea tan incre√≠ble.

Existen formas de modificar el aspecto de las AMP de tu web, una de ellos es tocando código, pero como existe mucha gente que no sabe tocar ni una sola línea, vamos a ver una opción para poder hacerlo sin conocimiento técnicos:

Plugin para modificar las AMP

Ya os he hablado de este plugin antes, concretamente donde explicaba qué eran los Facebook Instant Articles, se llama Facebook Instant Articles & Google AMP Pages by PageFrog.

plugin amp google

Una vez tienes instalado y activado este plugin, desde la barra lateral de tu WordPress ver√°s una nueva secci√≥n llamada ‘Mobile Formats’. Desde aqu√≠ tienes varias opciones, empecemos por lo primero:

  1. Setup: lo primero que debes comprobar que Google AMP HTML est√° activo en tu blog o web, debes ver el ‘Ready’:amp frog plugin
  2. Ahora, para modificar el aspecto, accede a ‘Stylling’. Desde aqu√≠ podr√°s cambiar cosas como la tipograf√≠a, a√Īadir el logo, colores, etc y tendr√°s una preview de c√≥mo quedar√≠a con los cambios.activar amp google | plugin frogEsta preview que puedes ver tambi√©n la tendr√°s disponible en el editor de entradas, en la columna de la derecha en la parte superior.

 

 

Google Analytics en AMP

Para que tu cuenta de Google Analytics haga recuento de forma correcta de tus resultados AMP debes hacer un par de cosas, muy sencillas también, con el plugin visto en el punto anterior.

  1. Acedemos a las opciones del plugin en la barra lateral izquierda y vamos a ‘Analytics’. En este caso queremos activar Google Analytics (aunque hay otros servicios disponibles como Chartbeat o Parsely).
  2. Elegimos Google Analytics y lo activamos. Será necesario que tengas cerca el tracking code (UA РXXXXXXXX РX) y tu sesión de Google activa.

Si utilizas Yoast SEO en tu web, te recomiendo tambi√©n que instales el plugin Glue for Yoast SEO & AMP. Se trata de una extensi√≥n de Yoast que a√Īade opciones para configurar las p√°ginas AMP, tanto la apariencia como para el seguimiento en Analytics. ¬°Lo dejo a tu elecci√≥n!

yoast amp

 

La publicidad en las AMP

El dise√Īo minimalista y sin contenido multimedia excluye de inicio cualquier publicidad que se tenga activa en la web o blog, sin embargo, puedes incluir anuncios si lo deseas, obviamente, repercutiendo en la velocidad de carga de la web.

Actualmente AMP es compatible con distintas redes de anuncios gracias al amp-ad de Google, como Google Adsense, Google Doubleclick, Smart AdServer, Amazon A, etc.

Habilitar Google Adsense en las AMP de Google

Si utiliza este servicio de publicidad para monetizar tu blog, puedes activarlo también a través de el plugin Page Frog.

Justo debajo de la opci√≥n ‘Analytics’ vista en el punto anterior ver√°s ‘Ads’. Aqu√≠ podr√°s conectar tu cuenta de Google Adsense y conseguir que los ads aparezcan en los resultados AMP.

Con el objetivo de animar a los webmaster a que no tengan miedo a las AMP de cara a los Ads, recientemente Google ha sacado a la luz un peque√Īo estudio que afirma que los anuncios en p√°ginas AMP tienen mejores resultados que en p√°ginas sin formato AMP:

anuncios amp google

Fuente: Amphtml.wordpress.com

 

Si necesitas m√°s informaci√≥n sobre AMP de Google, por ejemplo, c√≥mo a√Īadir videos, iframe, contenido multimedia, pixels, etc, visita la web oficial de AMP Project.

Ahora que ya sabes activar las AMP en tu web, ¬Ņpiensas hacerlo?

Guardar

¬ŅTe ha sido √ļtil este post?


1 Star2 Stars3 Stars4 Stars5 Stars (7 Votos. Media: 5,00 de 5)


Cargando…

About author

√Ālex Serrano

Creador del blog que est√°s leyendo. Miembro del equipo de Aula CM, donde soy profesor en el M√°ster de Marketing Online. Me dedico al Social Media, SEO, blogging y marketing de contenidos.

bitacoras_1

¬ŅC√≥mo cambia la vida ganar un Bit√°coras? Consejos y testimonios de 8 ganadores.

Leer m√°s
curso wordpress

15 Cursos de Dise√Īo Web en WordPress Gratis y online

Leer m√°s
checklist_1

El Checklist definitivo que debes hacer antes de publicar un post

Leer m√°s

There are 30 comments

  • Cero comentarios! Por vainas as√≠ es que la gente deja de bloguear jejeje…

    Excelente post, me ayudó a darme cuenta que algo va mal en mi blog pues Google Search Console no está indexando mis páginas con AMP.

  • Manuel Pineda dice:

    Magistral explicaci√≥n √Ālex. Gracias por esta aportaci√≥n de un tema tan importante.

  • Nacho dice:

    He encontrado tu blog y tras leer varias entradas, te felicito por el trabajo.
    En especial este post que me ha gustado mucho, explicas un tema por ahora bastante desconocido pero que va a ser importante y lo haces de una manera amena pero concisa. Aportando opciones para poder poner en marcha la versión amp de una web.
    Saludos

    • Hola Nacho, muchas gracias por tus palabras. El objetivo principal de este blog es facilitar el d√≠a a d√≠a a la gente del sector, con post como este, explicados lo mejor posible. Me alegra saber que cumple su funci√≥n ūüôā

      ¬°Saludos!

  • Me enter√© ayer por SEMRush de que ninguna de las p√°ginas de mi blog ten√≠a versi√≥n AMP, mira t√ļ, y yo sin saber ni lo que era… Lo que tiene ser mujer orquesta. Muy buen art√≠culo, claro y √ļtil. Tendr√© que mirarme los plugins.

    • Hola Miriam! A ponerse las pilas y a hacer caso a Don Google. ¬°Espero que te haya sido √ļtil el post! ¬°Saludos!

      • Clara dice:

        Yo tampoco sabía lo que eran las AMP. Pero he instalado el plugin y no ha pasado nada! Si pongo ?amp=1 me carga una especie de entrada vacía (pero en mi WP son páginas lo que hay creadas). Con /amp directamente de da 404
        ūüôĀ

        • Hola Clara, has comprobado que el plugin est√© activado? Puede que requiera unos d√≠as para empezar a funcionar o quiz√°s se acosa de la cach√©. ¬ŅPuedes, por favor, indicarme qu√© blog o web es? ¬°Gracias!

          • Clara dice:

            La web es http://www.cep-auto.com/ y s√≠, el plug-in est√° activado ūüôā
            S√≠ que pens√© que quiz√° en Search Console era normal que tardar√°, pero accediendo directametne a la url, me parec√≠a m√°s raro. Igualmente, lo instal√© hace no s√© si llega a 24 horas…puedo dejar pasar el fin de semana a ver qu√© pasa.

          • Clara, creo que ya s√© lo que pasa. Viendo la web que me indicas, veo que no tiene p√°ginas internas, es decir, no existen un cep-auto.com/quienes-somos o similar. Por lo que he podido comprobar, las amp no funcionan en las Home. Por ejemplo, si a√Īades amp a mi home alexserrano.es/amp no aparece nada, en vuestro caso un 404 y en el caso del compa√Īero Rub√©n Alonso de Miposicionamientoweb.es tambi√©n aparece un 404 y √©l tiene perfectamente habilitadas las p√°ginas amp, porque otros post suyos si que se ven as√≠ al a√Īadirles el /amp. Espero haberme explicado y haberte sido de ayuda.

            ¬°Gracias!

          • Clara dice:

            Y gracias por responder!

  • Walter dice:

    Increible post amigo, hasta ahora tengo la oportunidad de leerte . Excelente explicación.

  • Rafael Albino dice:

    Un post magnífico que habla de amp, justo estoy investigando sobre esta tecnología y me encontre con este post, Felicidades!

  • Hola √Ālex!

    Mil gracias por este post, hoy mismo lo voy a poner en pr√°ctica para mi blog ūüôā

    Un saludo.

  • Joserra dice:

    Hola Alex:
    Un post muy interesante, me lo guardo en favitos ūüėČ
    Una pregunta el plugin sumome, ¬Ņpodr√≠a funcionar en la versi√≥n AMP de google? Entiendo que no porque simplifica todo much√≠simo.
    Gracias por todo
    Joserra

    • Hola Joserra, me alegro que te sea √ļtil el post!

      Pues seguramente se pueda poner Sumome también en las páginas AMP, pero tocando código (imagino, no lo sé a ciencia cierta). La verdad que es una faena no poder contar con este tipo de plugins en las AMP de Google, pero al fin y al cabo la idea es que la velocidad de carga sea la menor posible y me consta que en concreto Sumome no es un buen aliado de esta, aunque en versión normal, yo y casi todo el mundo está dispuesto a sacrificar medio segundo por tener sumome en marcha. ¡Saludos!

  • Justamente ayer me puse en serio buscando informaci√≥n sobre esto para ver si realmente me merec√≠a la pena o no, y hoy tu post me viene que ni pintado √Ālex! ūüôā
    Creo que hoy hago la prueba y analizaré a ver cómo va.
    Una pregunta, Yoast dice que con su plugin de Glue ya no har√≠a falta el PageFrog, ¬Ņes as√≠?
    ¬ŅHas notado mejor√≠a con las AMP en tu blog?

    Gracias crack!!

    • Qu√© bueno verte por aqu√≠, Rub√©n!

      Pues sobre lo que dices, poco después de escribir este post vi lo de Yoast y Glue, y al parece no haría falta el PageFrog. Creo que el pagefrog puede venir mejor si trabajas con los Instant Articles y Apple News (que no es mi caso y supongo que tampoco el tuyo).

      En cuando a lo de la mejoría, no sé si es casualidad o qué pero esta semana he recibido más tráfico orgánico, y en los resultados de Analytics he empezado a ver resultados /amp. Me falta pasar Sistrix a ver el tema mobile como ha evolucionado, no me ha dado tiempo a investigar en profundidad. Cuando tenga alguna conclusión clara actualizo este post.

      ¡Un abrazo, Rubén!

  • Espectacular art√≠culo Alex.

    Hay un par de artículos que creo que pueden complementar

    [Hoy] Google AMP breaks the desktop search results
    http://searchengineland.com/google-amp-breaks-desktop-search-results-259840

    [21 Septiembre] An√°lisis de AMP en USA (disculpa que ponga un link de mi web)
    http://www.agenciadeseo.es/amp-analisis-seo-en-usa/

    Por lo que he podido hablar con programadores lo que pasa es que no se est√°n corrigiendo los errores de base a la hora de introducir AMP en el dominio.
    https://support.google.com/webmasters/answer/6328309?hl=es

    Igualmente lo vamos a introducir en nuestra web lo antes posible.

    Saludos.

    • Hola! Estuve viendo el otro d√≠a vuestro post con los an√°lisis de las webs en EEUU! Supongo que con el paso de las semanas los errores se ir√°n subsanando. De lo que s√≠ estoy seguro es que Google crea estos proyectos para que la gente los utilice, y a falta de conclusiones claras, que creo que hasta que pasen las semanas no las vamos a tener, toca probar los juguetitos de Google, a ver qu√© tal. Muchas gracias por el aporte, ir√© actualizando el blog con todo lo nuevo. ¬°Abrazo!

  • Hola Alex,

    En primer lugar, gracias por tu artículo. Me resulta muy interesante, aunque tengo una pregunta.

    Ten√≠a entendido que “siempre que acceda a mi blog” desde un m√≥vil, teniendo activo el plugin AMP, ya se ver√≠an los post con ese formato y no con el theme de mi blog.

    En Search Console veo que poco a poco está indexando mis post en amp, aunque recientemente he resuelto un problema. Pero sigo viéndolo en su formato original y no en el que te pone el plugin AMP por defecto.

    Un cordial saludo y √°nimo con tu blog!!

    • Hola Jos√©,

      gracias por tu comentario.

      Al parecer, y como dices, las páginas amp se van indexando poco a poco. Yo hace meses que las tenía habilitadas y desde hace solo un par de semanas he empezado a registrar las primeras visitas desde este formato, en analytics se diferencia perfectamente.

      He de decir, que de momento, los resultados que más me aparecen en formato /amp son aquellos que suelen traer más tráfico orgánico, así que supongo, que por ahora Google muestra los resultados amp de las páginas que cree que tienen más relevancia.

      Supongo que con el tiempo los resultados desde b√ļsquedas m√≥viles cada vez dar√°n m√°s resultados amp.

      Espero haberte resuelto la duda, José.

      Saludos!

  • […] mi caso me ayud√© de esta pedazo de gu√≠a de √Ālex Serrano¬†y de esta otra de Joost de Valk, el autor del famoso plugin Yoast SEO. Si t√ļ tambi√©n usas este […]

  • Hola Alex, muchas gracias por tu post.

    Tengo instalado el plugin AMP en wordpress y las p√°ginas indexan.

    Sin embargo, al realizar la b√ļsqueda en Google mobile no aparece la versi√≥n amp; sino la “normal”, ¬Ņhay que realizar alg√ļn tipo de redirecci√≥n?

    Mi site es http://www.ddigitales.net

    Un abrazo!

    • Hola √Ālvaro, he comprobado y la web no parece que tenga versi√≥n amp, ¬Ņlo hab√©is quitado?

      Aunque la web tenga versi√≥n AMP no tiene porque aparecer con esa versi√≥n en resultados org√°nicos en Google. No todas las p√°ginas lo hacen, aunque cada vez es m√°s com√ļn. Cuanto m√°s relevante es una p√°gina concreta m√°s f√°cil es que Google la indexe con su versi√≥n amp.

      Saludos!

  • Laudem dice:

    muy bien explicado Alex.
    Te invito a que visites mi web donde ofrezco servicios para empresas los cuales te pueden interesar.

  • Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Uso de cookies

    Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si contin√ļa navegando est√° dando su consentimiento para la aceptaci√≥n de las mencionadas cookies y la aceptaci√≥n de nuestra pol√≠tica de cookies, pinche el enlace para mayor informaci√≥n.plugin cookies

    ACEPTAR

    Send this to friend