Uso de páginas móviles aceleradas (AMP) en un blog

AMP, o Accelerated Mobile Pages, es un formato de página específico para móviles que se carga casi instantáneamente en los dispositivos móviles. Para cargar el contenido rápidamente, la versión AMP de tus publicaciones de blog no cargará ningún archivo JavaScript, hojas de estilo, formularios de HubSpot, HTML de encabezado o HTML de pie de página.

Comprender las limitaciones y consideraciones

• AMP no está disponible para páginas de destino de HubSpot o páginas de sitio web.
• Las imágenes destacadas en publicaciones de blog con AMP activado deben tener al menos 1200 píxeles de ancho.
• Las visualizaciones de contenido con AMP activado no se rastrearán en la línea de tiempo de un contacto porque AMP bloquea el JavaScript incluido en el código de seguimiento de HubSpot .
• Puedes activar AMP para todas las publicaciones en un blog o solo para publicaciones específicas. 

Aplicar AMP a todas las entradas de un blog

Usa esta opción para activar AMP para todas las publicaciones de blog existentes y futuras. Este enfoque es mejor si quieres que AMP se aplique de manera consistente en todo tu blog sin administrarlo publicación por publicación.

Nota: si quieres activar AMP para varios blogs alojados en HubSpot, tendrás que repetir estos pasos para cada blog. 

1. En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
2. En el menú de la barra lateral izquierda, navega hasta Contenido > Blog.
3. Si tienes varios blogs, haz clic en el menú desplegable Vista actual y selecciona un blog. 
4. Haz clic en la pestaña Google AMP .
5. Activa el interruptor Activar páginas con formato de Google AMP .

6. Personaliza el logotipo, fuente y color de fuente de tus páginas de Google AMP. Más información sobre Las recomendaciones de Google para este contenido.
7. Cuando hayas terminado, haz clic en Guardar. 

Aplicar AMP a una entrada específica del blog

Usa esta opción si solo deseas activar AMP para publicaciones de blog específicas. Esto es útil si estás probando AMP o solo lo necesitas para contenido seleccionado.

Nota: esta opción sólo está disponible si AMP no está  activado en la configuración de tu blog .

1. En tu cuenta de HubSpot, dirígete a Contenido > Blog.
2. Clic en el nombre de tu publicación. 
3. En el editor de contenidos, haz clic en Publicar en la parte superior derecha. 
4. En el cuadro de diálogo, selecciona la casilla de verificación Activar Google AMP sólo para esta publicación de blog y luego haz clic en Publicar. 

HubSpot ahora validará esta publicación de blog específica. La próxima vez que Google rastree la publicación del blog, guardará la versión de AMP en memoria caché. Si hay errores con la versión de AMP, Google te enviará un correo electrónico directamente para informarte de ello.

Solución de problemas de AMP

Si Google Search Console denuncia problemas con tus páginas AMP  , HubSpot recomienda comprobar el validador de AMP . Esta herramienta da mensajes de error descriptivos y encontrará la ubicación del error. 

1. En tu navegador, abre el validador de AMP y luego abre una nueva pestaña para acceder a HubSpot. 
2. En tu cuenta de HubSpot, dirígete a Contenido > Blog.
3. Clic en el nombre de tu publicación. 
4. Haz clic en el menú Archivo y selecciona Configuración del blog.
5. En la sección Publicar URL , haz clic en Copiar enlace. 
6. En el validador de AMP, pega la URL de la publicación de blog en el campo URL. 

7. Al final de la URL, introduce ?hs_amp=truey, a continuación, haz clic en Validar. 
8. Una vez que hayas validado tu URL, los errores de AMP aparecerán debajo del HTML. Los errores de AMP pueden incluir: 

• • El atributo 'style' no aparece en la etiqueta <div>: esto suele deberse a un código de incrustación Wistia, que todavía no se admite en páginas AMP. 
  • La etiqueta <script> está no permitida excepto en formularios específicos: esto es causado frecuentemente por un código de incrustación Wistia, que todavía no está soportado en páginas AMP. 
  • El atributo 'style' no aparece en la etiqueta <span>: esto suele deberse a un código de incrustación Wistia, que todavía no se admite en páginas AMP. 
  • URL malformada '...' para el atributo 'href' en la etiqueta <a>: la URL de un enlace en el cuerpo de la entrada tiene un formato incorrecto.
  • Protocolo de URL no válido '...' para el atributo 'href' en la etiqueta <a>: la URL de un enlace en el cuerpo de la entrada tiene un formato incorrecto.
  • Las imágenes deben tener al menos 1200 píxeles de ancho para AMP: tu publicación de blog no tiene una imagen destacada que tenga al menos 1200 píxeles de ancho.