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

Agregar texto alternativo a la imagen destacada en tu página de blog

Última actualización: octubre 29, 2019

Requisitos

Marketing Hub  Professional, Enterprise
Básico

En este momento, el texto alternativo de una imagen destacada no se completa en la página de listado del blog de manera predeterminada. Esto puede causar advertencias de SEO en las páginas de listado en tu herramienta de rendimiento de página. La manera más fácil de resolver esto es agregar una etiqueta alt que se completa en la página de listado usando HubL

Nota: estas instrucciones requieren una comprensión básica de HTML. Si no estás cómodo editando tu plantilla codificada, ponte en contacto con un partner de diseño de HubSpot.

  • En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Herramientas de diseño.
  • Haz clic en el nombre de tu plantilla.
  • En tu plantilla de Blog, haz clic en el módulo de contenido del Blog
  • En el inspector en la pestaña Editar, haz clic en Editar plantilla de listado para abrir tu plantilla codificada de listas de plantillas codificadas.

edit-listing-template

  • Agrega alt= " {{ content.featured_image_alt_text }}"a la etiqueta Imagen de imagen destacada para completar el texto alternativo en la página de listado con el texto alternativo de la imagen como se especificó en el editor de posts:
img src="{{ content.post_list_summary_featured_image }}" class="hs-featured-image" alt="{{ content.featured_image_alt_text }}"
  • También puedes agregar alt= "{{ content.name }}" a la etiqueta Imagen de imagen destacada para completar el atributo de texto alternativo en la página de listado con el título del post del blog. 
img src="{{ content.post_list_summary_featured_image }}" class="hs-featured-image" alt="{{ content.name }}"

Nota: incluir en la {{ content.name }}plantilla de post de blog podría generar código HTML en tu publicación. Si quieres imprimir el título del post sin un envoltorio en la plantilla de publicación, usa la variable HubL en su {{ page_meta.name }}lugar.{%endaw %}

  • Haz clic en Publicar cambios.
/es/cos-blog/how-do-i-add-alt-text-to-featured-images-on-blog-listing-pages