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 16, 2022

Requisitos

Todos los productos y planes

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: 

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 settings símbolo de configuración, 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 .

girar-en-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. 
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

Ten cuenta: esta opción solo está disponible si la AMP no está activada 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. 

  • En tu navegador, abre el validador 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.
  • Coloca el cursor sobre una publicación del blog y haz clic en Editar.
  • En el editor de contenido, haz clic en la pestaña Configuración
  • Junto a la URL del blog, haz clic en Copiar Enlace
  • En el validador AMP, pega la URL de la publicación del blog en el campo URL

enter-url-in-amp-validator

  • Al final de la URL, añade?hs_amp=true y luego haz clic en Validar
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 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. 
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.