Blog, sitio web y publicación de páginas

vrneuman
HubSpot Employee
HubSpot Employee

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

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

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

 

  • 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.
  • 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.
1 Respuesta 1
Dmelian
Participante

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

Thank you for the info @vrneuman