TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo crear páginas AMP para un sitio de WordPress?

4

El futuro es móvil y Google empuja a los webmasters y editores a implementar AMP en su sitio. AMP son las siglas de Accelerated Mobile Pages, que le ayudará a cargar las páginas más rápido en dispositivos móviles. Sin embargo, tiene sus inconvenientes, ya que no admite las funciones de JavaScript que forman parte de muchos sitios web de WordPress. Por lo tanto, debe probar las páginas AMP a fondo y decidir si funcionan para usted antes de implementarlas en un sitio en vivo. En este artículo, exploremos cómo crear páginas AMP para el sitio de WordPress.

¿Como funciona?

Es importante comprender cómo funciona AMP antes de intentar implementarlo. Básicamente, necesita crear un diseño para su sitio móvil que sea diferente al sitio de escritorio. Esto le ayudará a servir las páginas móviles más rápido en los teléfonos inteligentes.

  • Cada página de su sitio tendrá dos URL: una para escritorio y otra para AMP. Las URL de AMP generalmente incluyen / amp / al final.
  • La metaetiqueta canónica en la página debe informar a los motores de búsqueda que las páginas de escritorio y móviles son iguales aunque la URL es diferente. Puede elegir la URL de escritorio o la URL de AMP como su URL canónica según la implementación.
  • Depende de Google y otros motores de búsqueda seleccionar las páginas de escritorio o AMP en los resultados de búsqueda. No tienes control sobre esto.

Recuerde, aunque AMP está ahí por un tiempo, todavía es una función experimental. Por lo tanto, tendrá muchos problemas, incluido el tráfico y la pérdida de ingresos, al cambiar a AMP. Obtenga más información sobre los problemas de AMP en nuestro artículo anterior.

Creación de páginas AMP para el sitio de WordPress

WordPress siempre tiene múltiples opciones para hacer una sola tarea y AMP no es una excepción a eso. Puede crear páginas AMP con las siguientes tres opciones:

  • Usando el complemento oficial de AMP
  • Usando otro complemento AMP para WP
  • Encuentra un tema móvil compatible con AMP
  • Implementar AMP manualmente

Permítanos explicar la creación de páginas AMP utilizando el complemento oficial AMP en este artículo.

Creación de páginas AMP con el complemento oficial AMP

Inicie sesión en su panel de administración de WordPress y vaya a la sección "Complementos> Agregar nuevo". Busque "AMP" en el cuadro de búsqueda para filtrar los resultados relevantes. Encontrará que hay dos complementos de AMP populares disponibles para WordPress en el repositorio gratuito: AMP por el equipo oficial de WordPress y AMP para WP por otro desarrollador.

¿Cómo crear páginas AMP para un sitio de WordPress?

Complementos de WordPress AMP

AMP es el complemento oficial de AMP para WordPress aportado por Google, Automattic y otros desarrolladores. Permítanos explicarle la creación de páginas AMP con este complemento oficial.

  • Después de localizar el complemento, instálelo y actívelo en su sitio de WordPress. Esto creará un menú "AMP" en el lateral con las opciones "General" y "Analytics".
  • Vaya a "AMP> General" y personalice la siguiente configuración para crear páginas AMP.

Aprenda WordPress: consulte más de 400 tutoriales gratuitos de WordPress.

Habilitando AMP

La opción es habilitar AMP para su sitio web. Simplemente seleccione la casilla de verificación "Sitio web" junto a la sección "Experiencias".

¿Cómo crear páginas AMP para un sitio de WordPress?

Habilitar AMP en el sitio de WordPress

La opción "Historias" estará deshabilitada de forma predeterminada, ya que necesita el complemento Gutenberg para crear historias usando AMP.

Elija el modo de sitio web

Esta es una configuración importante para habilitar AMP para su sitio de WordPress. El complemento ofrece tres opciones y puede elegir según sus necesidades.

  • Modo de lector: utilizará el tema AMP y creará páginas AMP emparejadas en su sitio. Aunque esta es una forma fácil de habilitar AMP, creará un diseño diferente y simple para su sitio AMP. Este modo solo admite publicaciones / páginas y no admite la redirección móvil. Básicamente, esto significa que sus páginas AMP se servirán solo si hay una solicitud de / amp / URL de Google u otra plataforma de consumo.
  • Modo de transición: este modo es similar al modo de lector, espere que use las plantillas de su tema actual para crear páginas AMP.
  • Modo estándar: habilitar este modo convertirá su sitio en un sitio AMP completo con todas las URL canónicas apuntando a / amp / URL. TI también usa el diseño de su tema para crear páginas móviles AMP.

¿Cómo crear páginas AMP para un sitio de WordPress?

Elija el modo AMP del sitio web

Lo más probable es que solo pueda usar el modo de lectura en su tema, especialmente cuando está usando el tema de WordPress basado en jQuery para su sitio. Asegúrese de probar todas las funciones de la secuencia de comandos, como los elementos del menú en su sitio que funcionan con AMP, independientemente del modo que elija.

Elegir el tipo de publicación y las plantillas

Dependiendo de su selección de modo, puede elegir el tipo de publicación compatible con AMP.

  • El modo de lector le permite elegir publicaciones, páginas y medios. Le recomendamos que seleccione publicaciones si desea utilizar el modo lector.

¿Cómo crear páginas AMP para un sitio de WordPress?

Habilitar el tipo de publicación AMP y el almacenamiento en caché

  • Los modos estándar y de transición le permiten elegir tipos de publicaciones y plantillas en su sitio. Puede optar por incluir o excluir determinadas plantillas de la creación de páginas AMP.

¿Cómo crear páginas AMP para un sitio de WordPress?

Opciones de plantilla de modo estándar y de transición

Validación de errores

Nuevamente, la opción de validación de errores depende de su selección de modo.

  • El modo de lectura no necesita ninguna validación de error, ya que utiliza un diseño AMP personalizado.
  • Para el modo estándar, todos los errores de AMP se analizan y aceptan automáticamente, ya que su sitio utiliza URL canónicas de AMP.
  • Cuando usa el modo de transición, puede acceder automáticamente a los errores de AMP o verificar y aceptar manualmente. Le recomendamos que seleccione la casilla de verificación "Acceder automáticamente a la desinfección para cualquier error de validación de AMP que se encuentre recientemente".

¿Cómo crear páginas AMP para un sitio de WordPress?

Manejo de validación de AMP

Validar URL

Cuando habilita el modo estándar o de transición, el complemento creará dos elementos de submenú más en el menú "AMP". Puede ir a la sección "AMP> URL validadas" para ver las URL validadas de AMP en su sitio. Si ha elegido validar automáticamente las URL para el modo de transición o el modo estándar seleccionado, esta sección es para fines de referencia para ver las URL validadas. Si ha deshabilitado la validación automática para el modo de transición, debe verificar la sección "URL validadas" y validar manualmente para eliminar los errores. De lo contrario, afectará los diseños de página y probablemente romperá la visualización de su sitio.

¿Cómo crear páginas AMP para un sitio de WordPress?

Errores de validación de AMP

Todo lo que puede ver en la captura de pantalla anterior, todos los errores en la validación se aceptan automáticamente según la configuración del modo de transición.

Índice de error

Puede ir a la sección "AMP> Índice de errores" y ver los detalles de cada error de validación. Debajo de la columna "Tipo", puede ver el componente que causa el error, como JS o CSS. Haga clic en el menú desplegable y vea la URL completa del componente para tomar medidas correctivas.

¿Cómo crear páginas AMP para un sitio de WordPress?

Índice de errores de validación de AMP

Almacenamiento en caché

Vaya a "AMP> General" y habilite la última opción para el almacenamiento en caché. Esto le ayudará a almacenar en caché las páginas de AMP y publicar más rápidamente en dispositivos móviles desde el contenido almacenado en caché.

Adición de análisis

El complemento le permite agregar el código de seguimiento de Google Analytics, ya que las páginas AMP necesitan un seguimiento por separado debido al cambio en la URL. Vaya a la sección "AMP> Analytics" y agregue su código de Analytics como se menciona en el código de ejemplo.

¿Cómo crear páginas AMP para un sitio de WordPress?

Configuración de AMP Google Analytics

Ultimas palabras

Aunque el complemento AMP tiene una configuración de una sola página, no es una tarea fácil configurar páginas AMP en el sitio de WordPress. El modo de lectura puede funcionar de inmediato cuando tiene un tema simple. Otros dos modos e incluso el modo lector romperán jQuery y otras funciones de JavaScript en su sitio. Por lo tanto, le recomendamos encarecidamente que primero pruebe en su sitio de prueba o local antes de probar AMP en el sitio en vivo. Alternativamente, puede probar otro plugin AMP para WP o temas compatibles con AMP para una configuración más sencilla.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More