Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Blog

Usar páginas móviles aceleradas (AMP) en tu blog

Última actualización: junio 18, 2021

Requisitos

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Básico (versión anterior)

AMP, o páginas móviles aceleradas, es un formato de página específico para dispositivos móviles que se carga casi instantáneamente. 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.
  • Las imágenes destacadas en las publicaciones de blog habilitadas para AMP deben tener al menos 1200 píxeles de ancho.
  • Las vistas de contenido habilitado para AMP no se rastrearán en la línea de tiempo de un contacto porque AMP bloquea el código 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 deseas activar AMP para varios blogs alojados en HubSpot, deberás repetir estos pasos para cada blog. 

  • En tu cuenta de HubSpot, haz clic en el símbolo de configuración settings, situado 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.

enable-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. 
HubSpot validará cada publicación de blog para tu plantilla de blog. 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.

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

Nota: esta opción solo está disponible si la AMP no está habilitada en tu configuración de 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
  • Navega a la pestaña Programar.
  • En la sección de Google AMP, selecciona la casilla de comprobación Habilitar Google AMP solo para esta publicación del blog.

enable-google-amp-for-this-post

  • 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 los informes de Google Search Console tienen problemas con tus páginas AMP, primero debes comprobar el validador de AMPEsta herramienta proporciona mensajes de error descriptivos e identifica la ubicación del error. 

Tendrás que introducir la versión AMP de la URL (con el parámetro hs_amp=true) en el campo URL. Para encontrar la URL de la vista preliminar de AMP de la publicación del blog:

  • En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
  • Haz clic en el nombre de un post.
  • En la página de detalles de la publicación, haz clic en Ver detalles.
  • En el panel derecho, desplázate hacia abajo hasta la sección Vista preliminar de AMP.

AMP%20preview

Estas son las causas de algunos de los errores de AMP más comunes:

  • 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 casi siempre se debe a un código de incrustación de Wistia, que aún no es compatible en las páginas de 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.