Jump to content

Put blog titles in H2 on the blog welcome page

Go to solution Solved by melody495,

Recommended Posts

Hi,

 

Does anyone know how to put blog titles on the blog page (not on each blog article) as H2 rather than H1 ?

 

I tried to put this code but it seems not to work?

"

<script>
  //This code runs when the DOM is ready.
  $(document).ready(function(){

    //This code adds an aria-level value to the h1 blog title.
    //The aria-level tells screen readers to treat this element like an h2.
    $(".blog-basic-grid h1.blog-title").attr("aria-level", "2");

  });
</script>"

 

Thanks in advance

Link to comment

Hi @Manu67 you shouldn't need code for this.

Go to Site Styles (the paint brush icon) -> Fonts -> Assign Styles -> find BLOG: BASIC GRID -> Title

Here you can change the font style and size.

Let me know how it goes.

 

image.thumb.png.ac1bf2532a1ed9d5f9ee576b770015f9.png

 

image.png.b2e79853fa2b19542b0cee24b39bdd98.png

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment
  • Solution
47 minutes ago, Manu67 said:

Hi Melody 

Thanks for your answer.

Seems that everything is in H3 here; that's probably what I see on my screen when going on https://digitalsace.fr/blog, BUT the title stil have H1 balise in the code
 

I see why it could be misleading! If you look at the <a> tag, which is where your text is, that text is using H3. (see the red circle in the screen shot on the far right).

You can test this by changing the font style in Site Styles between H1 or miscellaneous and H3 to see the changes being applied.

image.thumb.png.890c1aa286608636a3b27d7783cd17e8.png

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment

You're very welcome!

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment
  • 3 weeks later...

Hi @melody495

As far as I can tell, your solution only changes the font-size style of the H1 tag to be the size of another H tag.

I think maybe what @Manu67 (which is why he tried the code that didn't work), myself and many others are looking for is a way to change the H1 tags to H2 tags for SEO purposes - I assume this cannot be achieved by adjusting the site styles method you suggested.

Would you happen to know how to do that?

Thanks

Link to comment
Posted (edited)
1 hour ago, kickmouth said:

looking for is a way to change the H1 tags to H2 tags for SEO purposes - I assume this cannot be achieved by adjusting the site styles method you suggested.

Hi @kickmouth Having multiple H1 tags on a page doesn't affect SEO (if done correctly), here is a short video explanation from Google. https://www.youtube.com/watch?v=WsgrSxCmMbM 

I have linked a forum post with the same question as you, please head over there for Henry's answer or to discuss more on the topic.

Hope this helps.

 

Edited by melody495

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.