Usar AMP con Squarespace

Crea versiones simplificadas de tus entradas de blog para ayudarlas a cargarse más rápido en dispositivos móviles.

Última actualización: 21 de junio de 2023

AMP, o páginas aceleradas para móviles, crea versiones ligeras de páginas web para ayudarlas a cargarse más rápido en un dispositivo móvil. Las versiones AMP de las páginas aparecen en los resultados de búsqueda de Google con imágenes destacadas y titulares. Los visitantes pueden tocar un resultado para ver una versión AMP reducida de la página que prioriza la legibilidad en dispositivos móviles con un diseño simplificado.

Consejo

Visita el sitio web de AMP para ver ejemplos de entradas de blog y obtener más información. El sitio incluye instrucciones para habilitar AMP, pero puedes omitirlas. Todos los sitios de Squarespace están listos para habilitar AMP automáticamente.

Antes de comenzar

  • Solo las entradas de blog pueden mostrar el formato AMP. AMP no está disponible para otras páginas.
  • AMP solo es visible en los resultados de búsqueda de Google para dispositivos móviles. Otros motores de búsqueda móviles enlazarán a la versión móvil estándar de tus entradas de blog.
  • Puedes ver versiones AMP de entradas de blog en dispositivos móviles haciendo clic en los resultados de búsqueda de Google o ingresando manualmente la versión AMP de la URL de una entrada de blog en un navegador. Habilitar AMP no cambia la apariencia de tus entradas de blog cuando se accede de otra manera.
  • Squarespace Analytics no registra tráfico en páginas de blog habilitadas para AMP.

¿Cómo cambiará AMP mis entradas?

El formato AMP reduce el HTML de una página a sus elementos esenciales. En Squarespace, esto significa que algunos bloques no aparecerán en las entradas AMP. El diseño AMP es estándar para todas las entradas de blog y no está relacionado con el estilo de tu sitio.

Notarás algunos cambios importantes:

  • Los márgenes de página se reajustan.
  • Todo el texto se muestra en fuente Muli.
  • Los bloques compatibles se apilan en una sola columna. Esto es estándar para todos los sitios de Squarespace en dispositivos móviles, incluso si AMP no está habilitado.
  • CSS y otro código personalizado no se mostrarán.
  • Aparecerá un enlace Descubrir más en la parte inferior de la entrada que enlaza con tu sitio completo.

Los siguientes bloques aparecen en las entradas AMP:

  • Bloques de Audio
  • Bloque de inserción
  • Bloques de galería. Todos los tipos de bloques de galería se muestran como una presentación de diapositivas.
  • Bloques de imágenes
  • Bloques de línea
  • Bloques de markdown
  • Bloques de Cita
  • Bloques de texto
  • Bloques de video

Todos los demás bloques están ocultos de las entradas AMP. En cambio, tus visitantes verán un enlace que los dirige a la entrada completa para ver todo el contenido.

KB Guide Image

Bloques de imagen en entradas AMP

Si tu entrada de blog incluye bloques de imagen en el diseño En línea, asegúrate de que las leyendas se ingresen como texto sin formato y no incluyan formato adicional. Los leyendas con formato adicional pueden impedir que la entrada se convierta en una entrada AMP.

Los bloques de imagen con cualquier otro diseño usan títulos y subtítulos en lugar de leyendas. Estos campos de texto no se mostrarán en las entradas AMP; los visitantes tendrán que ir a la versión completa de tu sitio para ver los títulos y los subtítulos de las imágenes.

Habilitar el formato AMP

Para habilitar páginas aceleradas para móviles:

  1. Abre el panel de Preferencias del blog.
  2. Desplázate hacia abajo hasta Páginas aceleradas para móviles.
  3. Marca Usar AMP.

Google ahora puede indexar tus entradas de blog optimizadas. Puedes acelerar este proceso solicitando una reindexación a través de Google Search Console.

Vista previa de tus entradas AMP

La versión AMP de tu URL se genera automáticamente en los resultados de Google para dispositivos móviles después de que hayas habilitado AMP. No necesitas cambiar las URL de las entradas manualmente.

Para obtener una vista previa de una entrada AMP, agrega “?format=amp” al final de la URL de la entrada. Esto genera la versión con formato AMP de tu entrada de blog, ya sea en una computadora o en un dispositivo móvil.

Por ejemplo, si esta es tu URL estándar de entrada de blog:

http://myblog.com/blog/2016/2/19/mypost

Usa esta URL para ver la versión AMP:

http://myblog.com/blog/2016/2/19/mypost?format=amp

También puedes usar esta URL para compartir entradas AMP con los visitantes, pero no lo recomendamos, ya que tu sitio ya incluye estilos para dispositivos móviles adaptables.

Consejo

puedes personalizar el formato estándar de la URL de entrada de blog en el panel de Preferencias del blog.

Preguntas frecuentes

¿Puedo cambiar el diseño de mis entradas AMP?

No. Todas las entradas AMP adoptan formato automáticamente para obtener la mejor experiencia visual en dispositivos móviles y tienen un estilo estándar, independiente del diseño de tu sitio.

Puedes cambiar el orden de tus bloques abriendo el editor de entradas de blog y reorganizándolos.

No puedo encontrar mis entradas de blog AMP en los resultados de búsqueda de Google.

Hay varias razones por las que tus publicaciones pueden no aparecer como resultados para un término de búsqueda en particular, incluso cuando las AMP no están habilitadas. Primero asegúrate de haber habilitado las AMP en el panel de Preferencias del blog, luego revisa las situaciones comunes que podrían estar impidiendo que tu sitio aparezca.

Probé los datos estructurados de mi entrada y veo un error de logotipo.

Si ejecutas tu URL a través de la herramienta de prueba de datos estructurados de Google, verás un error de logotipo si tu sitio no tiene un logotipo. La entrada seguirá aplicando formato para AMP sin un logotipo de sitio, pero agregar un logotipo puede ayudar a que la entrada se clasifique mejor en los resultados de búsqueda de Google.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.