Blog, Website & Page Publishing

nikkiIPH
Participant

Alt Image Tag for Blog Profile Picture

SOLVE

While working in the SEO tool on Hubspot (which is great), the last issue I was going to address was the missing image alt tags. All image alt tag issues reported were for the blog author images. How can this be resolved?

0 Upvotes
1 Accepted solution
alyssamwilie
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Alt Image Tag for Blog Profile Picture

SOLVE

Hi @nikkiIPH !

 

You would need to go into the blog template, find the code for the author part of your blog and add the alt tag from there. I usually just put in the token for the author's name:

<img src="{{ content.blog_post_author.avatar }}" alt="{{ content.blog_post_author.display_name }}">


You can get to the template by opening your blog page while logged into Hubspot, clicking the Sprocket button in the top right, and clicking Edit Listing Template.

01.png

 

Most templates would have the code in the Blog Content module. Click on it and then in the right panel scroll to the bottom to click Edit post template.

02.png


Then if you Ctrl+F (Command+F on Mac) and search for 'author' you should be able to find it.

Hope this helps : )

If this answer solved your question, please mark it as the solution.

Alyssa Wilie Profile Image

Alyssa Wilie

Web Developerat Lynton

Learn HubL | Get Marketing Insights

HubSpot Elite Solutions Partner
Lynton's HubSpot theme Rubric now available. Click to download.

View solution in original post

4 Replies 4
alyssamwilie
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Alt Image Tag for Blog Profile Picture

SOLVE

Hi @nikkiIPH !

 

You would need to go into the blog template, find the code for the author part of your blog and add the alt tag from there. I usually just put in the token for the author's name:

<img src="{{ content.blog_post_author.avatar }}" alt="{{ content.blog_post_author.display_name }}">


You can get to the template by opening your blog page while logged into Hubspot, clicking the Sprocket button in the top right, and clicking Edit Listing Template.

01.png

 

Most templates would have the code in the Blog Content module. Click on it and then in the right panel scroll to the bottom to click Edit post template.

02.png


Then if you Ctrl+F (Command+F on Mac) and search for 'author' you should be able to find it.

Hope this helps : )

If this answer solved your question, please mark it as the solution.

Alyssa Wilie Profile Image

Alyssa Wilie

Web Developerat Lynton

Learn HubL | Get Marketing Insights

HubSpot Elite Solutions Partner
Lynton's HubSpot theme Rubric now available. Click to download.
GCarruthers
Participant

Alt Image Tag for Blog Profile Picture

SOLVE

We go the same issue reported from our SEO Audit.  We have an awful lot of blogs, so it's not ideal to have to go through all of them to add this - plus add this for every new blog.  Surely HubSpot could add alt tag to the Blog Author record so that this need only be done once.

GCarruthers
Participant

Alt Image Tag for Blog Profile Picture

SOLVE

Thank you Laura @ HubSpot Help, who updated the code in the template.  I didn't have to do it for every blog after all.

0 Upvotes
nikkiIPH
Participant

Alt Image Tag for Blog Profile Picture

SOLVE

That worked. Thanks! 

0 Upvotes