{"id":7913,"date":"2017-01-09T02:27:23","date_gmt":"2017-01-09T10:27:23","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=7913"},"modified":"2025-01-17T11:56:40","modified_gmt":"2025-01-17T10:56:40","slug":"google-amp","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/google-amp\/","title":{"rendered":"Google AMP \u2013 C\u00f3mo Implementarlo en WordPress"},"content":{"rendered":"

La web est\u00e1 en constante evoluci\u00f3n y para muchos propietarios de negocios esto significa estar al tanto de todos los cambios de Google. Si no lo adaptas, significa que puedes quedarte atr\u00e1s. Google AMP, la iniciativa m\u00f3vil para acelerar la web, ahora se acerca a su aniversario de un a\u00f1o. Dado que es mucho m\u00e1s estable ahora de lo que era hace 6 meses, pensamos que ser\u00eda un buen momento para compartir con ustedes algunos pasos sobre c\u00f3mo empezar a usar Google AMP en WordPress, as\u00ed como algunos de las ventajas e inconvenientes de esta nueva plataforma.<\/p>\n

\u00bfQu\u00e9 es\u00a0Google AMP?<\/span><\/h2>\n

Google AMP<\/a>\u00a0(Proyecto de P\u00e1ginas M\u00f3viles Aceleradas) se lanz\u00f3 originalmente en octubre de 2015. El proyecto se basa en AMP HTML, un nuevo marco abierto construido totalmente de las tecnolog\u00edas web existentes, que permite a los sitios web construir p\u00e1ginas de peso ligero. Para decirlo de una forma simple, ofrece una manera de servir una versi\u00f3n simplificada de su p\u00e1gina web actual.<\/p>\n

Desde el primer d\u00eda, un enfoque clave para AMP ha sido la velocidad. Probablemente lo m\u00e1s frustrante sobre la web m\u00f3vil – confirmada por reciente investigaci\u00f3n de Google<\/a>\u00a0es que el 53% de la gente dejar\u00e1 un sitio que no se cargue en tres segundos o menos. Eso es lo peor de todos los mundos, tanto para los usuarios, empresas, editores, sitios web y la web m\u00f3vil en su conjunto. \u2014 David Besbris, Jefe del proyecto AMP en Google.<\/p><\/blockquote>\n

Seg\u00fan el \u00faltimo reporte de Akamai<\/a> sobre el Estado del Rendimiento Online de Minoristas cada hasta una d\u00e9cima de segundo importa. Incluso un ligero aumento en el tiempo de carga de la p\u00e1gina hasta 2.8 segundos caus\u00f3 una disminuci\u00f3n de un 2.4% en las tasas de conversi\u00f3n.<\/p>\n

Correlaci\u00f3n entre velocidad y tasas de conversi\u00f3n en m\u00f3viles<\/figcaption><\/figure>\n

Muchas empresas grandes han adoptado Google AMP durante el a\u00f1o pasado, estas incluyen WordPress, Reddit, eBay,\u00a0Pinterest, Washington Post, Wired, Gizmodo, etc.\u00a0De acuerdo con Google<\/a>, Slate vio un\u00a0aumento de un 44% en visitantes \u00fanicos mensuales <\/b>y un aumento de un 73% en visitas por visitante \u00fanico mensual<\/b>.<\/p>\n

Cuando una p\u00e1gina se publica a trav\u00e9s de AMP en Google, tendr\u00e1 el s\u00edmbolo AMP junto a \u00e9l, como se ve a continuaci\u00f3n en el demo de New York Times <\/a>. Tenga en cuenta, debe estar en un dispositivo m\u00f3vil para probar esto. Tambi\u00e9n puede utilizar el emulador de dispositivo en devtools de Chrome. El marcado de datos estructurado permite a Google presentar su contenido de manera m\u00e1s destacada en los resultados de b\u00fasqueda. Por ejemplo, los art\u00edculos de AMP que incluyen las propiedades de marcado adecuadas pueden obtener una posici\u00f3n elegante en SERPs como se ve a continuaci\u00f3n.<\/p>\n

\"google
Ejemplo de Google AMP<\/figcaption><\/figure>\n

Y aqu\u00ed hay un ejemplo de c\u00f3mo es una p\u00e1gina de AMP en el sitio web del New York Times. Como se puede ver es muy b\u00e1sica y simplista, la cual es el objetivo de AMP. Esto asegura que se cargue r\u00e1pidamente y ofrece una mejor usabilidad.<\/p>\n

\"google
Otro ejemplo de Google AMP<\/figcaption><\/figure>\n

Igual que con cualquier nueva plataforma debemos pensar los pros y contras y decidir si es la decisi\u00f3n correcta para su negocio y\/o sitio web.<\/p>\n

Puntos a Favor de Google AMP<\/h2>\n
    \n
  • AMP es gratuita y fuente de abierta.<\/li>\n
  • AMP definitivamente puede mejorar los tiempos de carga de su sitio WordPress. Y recuerde que la velocidad es un factor de clasificaci\u00f3n.<\/li>\n
  • Mejores ubicaciones en SERPs con posibilidad de carrusel para mejor CTR. En una\u00a0implementaci\u00f3n<\/a>\u00a0con un editor popular,\u00a0Google AMP result\u00f3 en un 600% en CTRs!<\/li>\n
  • Google AMP nos obliga usar una gran cantidad de pr\u00e1cticas recomendadas de rendimiento web tales como la prevenci\u00f3n de grandes CSS y marcos JS.<\/li>\n
  • Podr\u00e1 impactar a sus conversiones en una forma positiva.<\/li>\n
  • Se hab\u00edan hecho muchas mejoras durante el a\u00f1o pasado y las opciones publicitarias ahora est\u00e1n disponibles en Google AMP. Esto significa que las revistas y las nuevas publicaciones pueden retener o incluso aumentar sus ingresos de AdSense.<\/li>\n
  • Optimizaci\u00f3n de im\u00e1genes<\/a> autom\u00e1tica (conversi\u00f3n hasta el formato WebP)<\/li>\n
  • AMP Lite introduce m\u00e1s optimizaciones para conexiones de red lentas. Google experiment\u00f3 una reducci\u00f3n de un 45% de bytes.<\/li>\n<\/ul>\n

    Puntos\u00a0Contra\u00a0Google AMP<\/h2>\n
      \n
    • AMP actualmente no es un factor de clasificaci\u00f3n<\/a>,\u00a0 pero puede ser en el futuro. Esto podr\u00eda ser visto tanto a favor como en contra.<\/li>\n
    • AMP podr\u00eda ser dif\u00edcil de implementar y probar si no eres un desarrollador. Sin embargo, afortunadamente la plataforma de WordPress es un poco m\u00e1s f\u00e1cil que otras.<\/li>\n
    • Introduce una plataforma totalmente nueva y funcionalidad de la que usted tiene que preocuparse. \u00bfQu\u00e9 pas\u00f3 con la optimizaci\u00f3n simple de nuestros sitios para dispositivos m\u00f3viles?<\/li>\n
    • Puede da\u00f1ar o afectar sus conversiones de manera negativa.<\/li>\n
    • Hab\u00eda reportes sobre el c\u00f3mo Google AMP destroza las estad\u00edsticas<\/a> en Google Analytics<\/a>.<\/li>\n
    • Algunos han visto una colaboraci\u00f3n peor<\/a> y una tasa de rebote m\u00e1s alta<\/li>\n
    • Pueden haber scripts y aplicaciones de terceros no apoyados.<\/li>\n
    • No hay soporte de algunos navegadores antiguos como Internet Explorer 11. Han\u00a0declarado<\/a>\u00a0que en general apoyar\u00e1n las 2 \u00faltimas versiones de los principales navegadores como Chrome, Firefox, Edge, Safari y Opera. Y son compatibles con las versiones de escritorio, tel\u00e9fono, tablet y web de los respectivos navegadores.<\/li>\n
    • Lean la opini\u00f3n de Jan Dawson de por qu\u00e9 Google AMP\u00a0est\u00e1 haciendo m\u00e1s dif\u00edcil<\/a> en vez de hacer m\u00e1s f\u00e1cil, la publicaci\u00f3n en la web.<\/li>\n
    • Lean el art\u00edculo de Alex Kras sobre algunos de los problemas con Google AMP<\/a>, junto con una respuesta del t\u00e9cnico l\u00edder en el proyecto AMP en Google.<\/li>\n
    • Tim Kadlec comparte su opini\u00f3n sobre Google AMP y la necesidad de una alternativa mejor:\u00a0pol\u00edticas de rendimiento de contenido<\/a>.<\/li>\n<\/ul>\n

      Desde Febrero de 2017 Google AMP empez\u00f3 a mostrar el enlace directo de los editores. Antes s\u00f3lo se ve\u00eda la versi\u00f3n de Google<\/a> que fue servido de la cache. Esto fue una preocupaci\u00f3n de la gente por cuestiones de marcaci\u00f3n. Afortunadamente Google comprendi\u00f3 la situaci\u00f3n y cambi\u00f3 la caracter\u00edstica. Ahora el campo de la URL continuar\u00e1 mostrando la URL de Google. Sin embargo el encabezado de AMP mostrar\u00e1 un icono de enlace o cadena que se llaman el bot\u00f3n de \u00abancla'\u00bb. Haciendo clic en \u00e9l mostrar\u00e1 la URL directa del editor as\u00ed se podr\u00e1 copiar y pegar f\u00e1cilmente. No es una soluci\u00f3n perfecta pero mejor tener algo que nada.<\/p>\n

      \"google
      Fuente: Google Developer Blog<\/a><\/figcaption><\/figure>\n

      Aqu\u00ed viene otro ejemplo sobre la p\u00e9rdida de marcaci\u00f3n.<\/p>\n

      \n

      Another reason to not use Google AMP –> You lose your brand :) cc @HuffingtonPost<\/a> you might want to think about it :) pic.twitter.com\/n3LEHIOEBZ<\/a><\/p>\n

      — Syed Balkhi (@syedbalkhi) January 19, 2017<\/a><\/p><\/blockquote>\n