Usar páginas móviles aceleradas (AMP) en tu 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 tu blog no cargará archivos Javascript, hojas de estilo, formularios de HubSpot, HTML de encabezado o HTML de pie de página.

Hay algunas limitaciones para activar usar AMP: 

• En este momento, AMP no está disponible para páginas de destino o páginas de sitio web de HubSpot.
• Lasimágenes destacadas de las entradas de blog con AMP activado deben tener al menos 1200 píxeles de ancho.
• Las visualizaciones de contenido con AMP activado no 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 en todas las publicaciones en un blog

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

• En tu cuenta de HubSpot, haz clic en el icono de Configuración settings en la barra de navegación principal.
• En el menú de la barra lateral izquierda, navega a Sitio Web > Blog.
• Si tienes varios blogs, haz clic en el menú desplegable Seleccionar un blog para modificar y selecciona un blog.
• Navega a la pestaña Google AMP.
• Haz clic para activar el interruptor Activar páginas con formato de Google AMP .

• 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.

• Haz clic en Guardar. 

Aplicar AMP a una publicación de blog específica

Tenga en cuenta que esta opción sólo está disponible si AMP no activado en la configuración desu blog.

• En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
• Coloca el cursor sobre una publicación del blog y haz clic en Editar. 
• Vaya a la pestaña Opciones de publicación.
• En la sección de Google AMP, selecciona la casilla de comprobación Habilitar Google AMP solo para esta publicación del blog.

• En la parte superior derecha, haz clic en Actualizar o Publicar para finalizar tus cambios en vivo.

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 informa de problemas con tus páginas AMP, HubSpot recomienda comprobar el validador de AMP. Esta herramienta proporciona mensajes de error descriptivos e identifica la ubicación del error. 

• En tu navegador, abre el validador de AMP y, a continuación, abre una nueva pestaña para acceder a HubSpot.
• En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
• Pase el ratón sobre una entrada del blog y haga clic en Editar.
• En el editor de contenido, haz clic en la pestaña Configuración. 
• Junto a la URL del blog, haga clic en Copiar enlace. 
• En el validador de AMP, pega la URL de la entrada del blog en el campo URL . 

• Al final de la URL, añada ?hs_amp=true y haga clic en Validar.

• El atributo «style» no aparece en la etiqueta <div>: esto casi siempre se debe a un código de incrustación de Wistia, que aún no es compatible con las páginas de AMP. 
• La etiqueta <script> no está permitida, excepto en formularios específicos: esto casi siempre se debe a un código de incrustación de Wistia que aún no es compatible con las páginas de AMP.
• El atributo 'style' no aparece en la etiqueta <span>: esto suele deberse a uncódigo de incrustación de Wistia  , que aún no es compatible con las páginas AMP.
• URL «…» mal formada para el atributo «href» en la etiqueta <a>: URL de enlace en el cuerpo del post con formato incorrecto.
• Protocolo URL «…» no válido para el atributo «href» en la etiqueta <a>: URL de enlace en el cuerpo del post con 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.