Agregar texto alternativo a la imagen destacada en tu página de blog
Última actualización: octubre 19, 2020
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.
- 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.
Contenido relacionado
-
Agregar el código de Google Tag Manager a las páginas
Puedes integrar Google Tag Manager con HubSpot para administrar el seguimiento de múltiples fuentes en un...
Base de conocimientos -
Agregar videos al contenido de HubSpot
Con HubSpot Video, puedes cargar videos a tu herramienta de archivos y luego agregarlos a páginas, correos...
Base de conocimientos -
Crear y administrar etiquetas de blog
Las etiquetas te permiten administrar tus posts por asunto. Una vez que hayas agregado etiquetas a tus...
Base de conocimientos