Nesse momento, um texto alternativo da imagem em destaque não é preenchido na página de listagem do blog por padrão. Isso pode causar avisos de SEO nas páginas de listagem na ferramenta de desempenho da página. A maneira mais fácil de resolver isso é adicionar uma tag alternativa que é preenchida na página de listagem usando o HubL.
Observação: essas instruções exigem uma noção básica de HTML. Se você não se sentir confortável para editar o modelo codificado, entre em contato com um parceiro de design da HubSpot.
- Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
- Clique no nome do seu modelo de blog.
- Em seu modelo de blog, clique no Módulo de conteúdo do blog.
- No inspetor, na guia Editar, clique em Editar modelo de listagem para abrir o modelo de listagem do blog codificado.
- Adicione alt="{{ content.featured_image_alt_text }}" à tag da imagem em destaque para preencher o texto alternativo na página de listagem com o texto alternativo da imagem como especificado no editor de publicação:
img src="{{ content.post_list_summary_featured_image }}" class="hs-featured-image" alt="{{ content.featured_image_alt_text }}"
- Como alternativa, você pode adicionar alt="{{ content.name }}" à tag da imagem em destaque para preencher o atributo de texto alternativo na página de listagem com o título da publicação do blog.
img src="{{ content.post_list_summary_featured_image }}" class="hs-featured-image" alt="{{ content.name }}"
Observação: incluir {{ content.name }} no modelo de publicação do blog pode resultar na renderização do código HTML em sua publicação. Se quiser imprimir o título da publicação do blog sem um invólucro no modelo da publicação, use a variável {{ page_meta.name }} do HubL.
- Clique em Publicar alterações.