AMP

Descripción

Experiencia de página (PX) es un conjunto de indicadores de clasificación—que incluyen Core Web Vitals (CWV)—mide la experiencia del usuario al interactuar con una página web. AMP es una herramienta potente que aplica muchas optimizaciones y mejores prácticas automáticamente en tu sitio, lo que te facilita lograr una buena experiencia en la página para tus visitantes. El plugin oficial de AMP, respaldado por el equipo de AMP, facilita llevar el poder de AMP a tu sitio de WordPress, integrándose a la perfección con el flujo de publicación normal y permitiendo el uso de temas y plugins existentes.

Para ver más videos como este, comprueba la serie de videos de AMP para WordPress en curso.

Las características clave del plugin incluyen:

  1. Automatica el proceso de generar marcado válido para AMP tanto como sea posible, permitiendo que los usuarios sigan los flujos de trabajo estándar a los que están acostumbrados en WordPress.
  2. Proporciona herramientas de validación eficaces para ayudar a los usuarios a lidiar con las incompatibilidades de AMP cuando se produzcan, incluidos los mecanismos para identificar, contextualizar y resolver problemas causados por errores de validación.
  3. Brindar compatibilidad para el desarrollo para que sea más fácil para los desarrolladores de WordPress crear componentes de ecosistema compatibles con AMP y crear webs y soluciones con compatibilidad AMP incorporada.
  4. Apoyar la publicación de páginas AMP para facilitar que los propietarios de sitios aprovechen la redirección móvil, la vinculación de AMP a AMP y la generación de AMP optimizado por defecto (a través del puerto PHP del optimizador AMP).
  5. Proporcionar una solución llave en mano para que segmentos de creadores de WordPress puedan pasar de cero a publicar páginas AMP en poco tiempo, independientemente de la experiencia técnica o la disponibilidad de recursos.

El plugin oficial de AMP para WordPress es una herramienta potente que te ayuda a crear sitios de WordPress para el usuario, es decir, sitios que son rápidos, hermosos, seguros, atractivos y accesibles. Un sitio en el que el usuario sea primero brindará experiencias que deleitarán a sus usuarios y, por lo tanto, aumentará la participación de los usuarios y el éxito de tu sitio. Y, contrariamente a la creencia popular de ser solo para sitios móviles (no significa Acelerado) Móvil ¡Más Páginas!), AMP es un marco de componentes web totalmente adaptable, lo que significa que puedes proporcionar experiencias AMP a tus usuarios en dispositivos móviles y de escritorio.

Público del plugin AMP: todos

Este plugin puede ser utilizado tanto por desarrolladores como por usuarios no desarrolladores:

  • Si eres un desarrollador o un usuario experto en tecnología, puedes aprovechar las herramientas avanzadas para desarrolladores proporcionadas por el plugin AMP para solucionar los problemas de validación que pueda tener tu sitio y alcanzar la compatibilidad total con AMP.
  • Si no eres un desarrollador o un usuario experto en tecnología, o simplemente no quieres lidiar con problemas de validación y abordar tareas de desarrollo, el plugin AMP te permite ensamblar sitios totalmente compatibles con AMP con diferentes configuraciones aprovechando las ventajas de compatibilidad con AMP-componentes. El plugin te ayuda a resolver los problemas de validación eliminando el marcado de AMP no válido en los casos en que sea posible, o suprimiendo por completo los plugins incompatibles con AMP en las páginas de AMP.

La conclusión es que, independientemente de tu experiencia técnica, el plugin AMP puede resultarte útil.

Modos de plantilla

El plugin oficial de AMP permite a los propietarios de sitios activar AMP a sus usuarios de diferentes formas, que se denominan modos de plantilla: estándar, de transición y lector. Las diferencias entre ellos están en términos de la cantidad de temas utilizados (uno o dos) y la cantidad de versiones del sitio (no AMP, AMP). Cada modo de plantilla aporta su propia propuesta de valor y satisface las necesidades de diferentes escenarios en el amplio y diverso ecosistema de WordPress. Y en todos los casos, el plugin AMP brinda la mayor compatibilidad posible en términos de automatizar la generación de páginas AMP, además de mantener válida la opción AMP elegida. En pocas palabras, los modos de plantilla disponibles son los siguientes:

Modo estándar: Este modo de plantilla es ideal, ya que solo hay un tema para atender solicitudes y una única versión de su sitio: la versión AMP. Además de permitir que todo su sitio sea AMP primero, esto tiene el beneficio adicional de reducir los costes de desarrollo y mantenimiento. Este modo es la mejor opción para sitios donde el tema y los plugins utilizados en el sitio son totalmente compatibles con AMP. También es una buena opción si algunos componentes no son compatibles con AMP pero el propietario del sitio tiene los recursos o los conocimientos para solucionarlos. Ver nuestro showcase de sitios que utilizan el modo estándar.

Modo transición: En este modo también se usa un solo tema, pero puede haber dos versiones de cada página: AMP y no AMP. El tema activo se utiliza para publicar las versiones AMP y no AMP de una URL determinada. Este modo es una buena opción si el sitio usa un tema que no es totalmente compatible con AMP, pero las diferencias funcionales entre las páginas AMP y las que no lo son son aceptables (debido a una degradación elegante). En este caso, los usuarios que acceden al sitio desde dispositivos móviles pueden obtener la versión AMP y obtener una experiencia optimizada que también conserva la apariencia de la versión que no es AMP. Echa un vistazo a nuestro showcase de sitios que utilizan el modo de transición.

Modo lector: En este modo hay dos temas diferentes, uno para páginas AMP y otro para páginas que no son AMP, por lo que también hay dos versiones del sitio. Este modo se puede seleccionar cuando el sitio utiliza un tema incompatible con AMP, pero el nivel de incompatibilidades es significativo sin una degradación elegante. También es una buena opción si no tienes conocimientos técnicos (o simplemente no quieres lidiar con las incompatibilidades) y, por lo tanto, deseas flujos de trabajo simplificados y robustos que te permitan aprovechar AMP con un esfuerzo mínimo.

Se recomendarían diferentes modos en diferentes escenarios, según las características específicas de tu sitio y tu perfil. A medida que configuras el plugin, te sugerirá el modo que podría ser mejor para ti en función de su evaluación del tema y los plugins utilizados en tu sitio. Y, independientemente del modo utilizado, tienes la opción de publicar todo o solo una parte de tu sitio como AMP. Esto te brinda toda la flexibilidad que necesitas para comenzar a habilitar AMP en tu sitio de manera progresiva.

Ecosistema AMP

Hoy en día, es posible ensamblar sitios de gran apariencia para el usuario con la tecnología del plugin AMP seleccionando y eligiendo temas y plugins de un ecosistema en crecimiento compatible con AMP. En este contexto, el plugin AMP actúa como un orquestador del proceso general de creación y publicación de contenido AMP; sirve como validador y ejecutor, lo que facilita no solo llegar a las experiencias de AMP, sino también mantenerlas con confianza.

Muchos desarrolladores populares de temas y plugins se han esforzado por admitir el plugin oficial de AMP. Si estás utilizando un tema como Astra o Newspack, o si estás utilizando plugins como Yoast o WP Forms, ¡funcionarán de inmediato! Puedes ver la lista creciente de temas y plugins probados.

Desarrollo AMP

Aunque existe un ecosistema creciente de componentes de WordPress compatibles con AMP, todavía hay un camino por recorrer antes de la compatibilidad mayoritaria de AMP en el ecosistema. Si eres un desarrollador o tienes los recursos para realizar proyectos de desarrollo, es posible que desees en algunos casos desarrollar un plugin o tema personalizado para satisfacer tus necesidades específicas. El plugin oficial de AMP puede ser de gran ayuda al proporcionar herramientas de desarrollo potentes y efectivas que arrojan luz sobre el proceso de desarrollo de AMP como se hace en WordPress. Esto incluye mecanismos para detallar las causas fundamentales de los problemas de validación, el espacio contextual para comprenderlos correctamente y los métodos para abordarlos durante el proceso de lograr la compatibilidad completa con AMP. Leer más acerca de Herramientas de desarrollo.

Primeros pasos

Para aprender más sobre el plugin y empezar a aprovechar sus capacidades para potenciar tu flujo de trabajo de publicación AMP, revisa el sitio oficial del producto del plugin AMP.

Si eres desarrollador, te animamos a que sigas de cerca o contribuyas al desarrollo de este plugin en GitHub.

Nosotros hemos puesto un completo página FAQ y documentación extensa para ayudarte a comenzar de la mejor manera posible.

Pero si necesitas ayuda, estamos aquí para ayudarte en el plugin foro de soporte, así como a través de GitHub issues (para errores técnicos y solicitudes de funciones). Y nuestro próspero Ecosistema experto de AMP tienes desde autónomos independientes hasta agencias de nivel empresarial en caso de que necesites soporte comercial.

Capturas

  • Nuevo asistente de puesta en marcha para ayudarte a comenzar.
  • Creado para desarrolladores y creadores de contenido no técnico por igual.
  • Selección de temas para mejorar la experiencia del modo Lector.
  • Obtén una vista previa del aspecto de tu sitio en ordenadores de escritorio y dispositivos móviles antes de finalizar los cambios.
  • Personaliza el diseño de las páginas AMP en el Personalizador.
  • Vuelve a abrir el asistente de puesta en marcha, cambia las opciones individuales o administra los ajustes avanzados.

Instalación

  1. Sube la carpeta al directorio /wp-content/plugins/
  2. Activa el plugin a través del menú «Plugins» en WordPress.
  3. Ve a AMP & gt; Ajustes en el administrador de WordPress para configurar el plugin; utiliza el asistente de puesta en marcha que se encuentra allí para la configuración guiada.

FAQ

Por favor, mira las FAQ en amp-wp.org. ¿No ves una respuesta a tu pregunta? Por favor, busca en el foro de soporte para ver si alguien ya ha hecho tu pregunta. En caso contrario, por favor, abre un nuevo debate de soporte.

Reseñas

3 de enero de 2022
Good afternoon, thanks for the plugin! But I didn’t understand how to set up Adsense correctly here? On the Adsense page when he recommended me to install your module, there are two steps that I have to follow after installing the plugin, this is the placement of the code: Step 1 <script async custom-element="amp-auto-ads" src="cdn.ampproject.org/v0/amp-auto-ads-0.1.js"> </script> step2 <amp-auto-ads type="adsense" data-ad-client="ca-pub-XXXXXXXXX"> </amp-auto-ads> But I still haven't found the information on your site where should this code be inserted? Tell me where to put this code for monetization and whether you need to insert it? (PS I also have a google site kit plugin on my site)
1 de enero de 2022
Іноді плагін ламає сайт, тоді всі сторінки (крім головної) показують помилку 500. Допоманає видалення та повторна інсталяція плагіна. Але не завжди вдається вчасно контролювати ситуацію, саме тому шукаю інший подібний плагін.
26 de noviembre de 2021
Потратил много времени чтобы выяснить почему на сайте перестали исполняться все скрипты. Понадобилось 3 дня чтобы выяснить что виноват этот плагин. После удаления AMP сайт восстановился.
16 de noviembre de 2021
This is — hands down — the best AMP plugin out there. We have tried other AMP plugins and this one is insanely simple to use with the automatic detection of whether your theme is fully AMP compatible or not then gives you recommendations on what template you should use. Why We Chose This AMP Plugin Over Others: The support is amazing. You honestly cannot get better support with any other company. An out-of-the-box functioning and fully customizable Legacy theme for those without theme support for AMP. The Legacy theme has plenty of easy-to-understand documentation to implement your desired customizations. Insanely fast; every mobile page on our site passes Core Web Vitals. Easy to use user interface No endless settings. It automatically detects what is conflicting with your desired "Paired URL Structure" (?amp=1, /amp/, etc.) so you can fix it. Plug-and-play for those with AMP supported themes. Great AMP configuration wizard to guide you in figuring out the best AMP settings for your site. You can see and disable any plugins that could cause validation errors with AMP (AMP's "Plugin Supression" will let you know of any known validation errors). In our experience with AMP when we first made the transition, our revenue definitely decreased but only for a short period of time. After that short period of time, we noticed our revenue actually increase more than it was without AMP. From what we saw in analytics, I believe this is because our pages and ads load much faster for mobile users, which keeps users on our site longer as well as increases the pageviews. Also, we have the ability to easily add the amp-sticky-ad; this acts very similarly to the sticky ad for desktop and non-AMP mobile pages. Overall, we would highly recommend this AMP plugin to anyone out there who wants to speed up their site, easily customize their AMP site, wants amazing support, and/or utilize your theme's AMP support without any extra settings or bloat. Thank you for the simple yet powerful AMP plugin, you are greatly appreciated for your hard work and great support.
Leer todas las 316 reseñas

Colaboradores y desarrolladores

«AMP» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«AMP» ha sido traducido a 23 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «AMP» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

Para ver el registro de cambios del plugin, por favor ve la página de versiones en GitHub.