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

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

Última actualización: junio 22, 2023

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:

Todos los productos y planes

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 las entradas de tu blog no cargará archivos Javascript, hojas de estilo, formularios de HubSpot, HTML de cabecera ni HTML de pie de página.

El uso de AMP tiene algunas limitaciones: 

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

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 hasta Página webBlog.
  • Si tienes varios blogs, haz clic en el menú desplegable Selecciona un blog para modificar y selecciona un blog
  • Navega hasta la pestaña Google AMP.
  • Haz clic para activar el interruptor Activar páginas con formato Google AMP .

enciende-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 entrada 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 AMP, Google te enviará un correo electrónico directamente para informarte.

Aplicar AMP a una entrada específica del blog

Nota: esta opción sólo está disponible si AMP no está  activado en la configuración de tu 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
  • En el editor de contenidos, haz clic en Publicar en la parte superior derecha. 
  • En el cuadro de diálogo, selecciona la casilla Habilitar Google AMP sólo para esta entrada del blog y, a continuación, haz clic en Publicar ahora

publicar-post-con-google-amp

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 identificará la localización del error. 

  • En tu navegador, abre el validador de AMP , y luego 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.
  • Haz clic en el menú Archivo y selecciona Configuración del blog.
  • En la sección Publicar URL , haz clic en Copiar enlace
  • En el validador de AMP, pega la URL de la entrada del blog en el campo URL

entrar-url-en-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 suele deberse a un código de incrustación Wistia, que aún no es compatible con las páginas AMP. 
  • La etiqueta <script> no está permitida excepto en formas específicas: esto se debe con frecuencia a un código de incrustación Wistia, que todavía no es compatible con las páginas AMP. 
  • El atributo 'style' no aparece en la etiqueta <span>: esto suele deberse a un código de incrustación Wistia, que aún no es compatible con las 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: la entrada de tu blog no tiene una imagen destacada que tenga al menos 1200 píxeles de ancho. 
¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.