Page Heading and the H1Tag

  • 1
  • Question
  • Updated 5 years ago
  • Answered
Hi Folks,
I hope everyone at Yola had a great Christmas! I just have a question about h1 tags. Yola provides a page heading section but it does not read in any analysis tool (Pineberry, etc) as the h1 tag. I thus have to create a tag just below the banner and as a result end up repeating my page title or heading. In the page heading provided, I also have no way of entering the html coding for h1. In light of this I'm ;asking what the purpose of the page heading section provided and how is it interpreted by Google?
Photo of davidjohnhood

davidjohnhood

  • 53 Posts
  • 4 Reply Likes
  • Curious

Posted 7 years ago

  • 1
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi davidjohnwood

As you have mentioned, one SEO technique is to wrap the page heading in an H1 tag so that search engines know to take note of it.

It is possible to change the "Page Heading" by clicking on the Properties tab on the Sidebar to the right of your screen. You can then change the Page Heading for each page of your site to incorporate a keyword for SEO purposes and you can add the H1 tag in this section of the site. This means that your page title will not be repeated on the page, but will remain in the page heading.

For an in-depth look at this topic, please see our online tutorial How do I edit the page heading font attributes?

With regards to your question about how the page heading attributes are interpreted by Google, I am referring your email to our Search Engine Optimization experts, who will get back to you with helpful advice on how to make your website rank better with the search engines.

Someone will respond to you soon with more information.

Thanks so much and Happy Holidays!

Nazlie
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hi davidjonhood,
One on-page SEO (search engine optimization) technique is to put text in a larger font heading using an h1 or an h2 tag. What this tells the search engine is that the text is important, and they should take note of it.

The heading text that you add to your site in the area provided in the banner image will be wrapped in an H1 tag, here is a screen shot of what this looks like in the code:



If you are not using the text located in the banner image for your page heading text, such as if you are using your own banner image which already includes text, then you can use the Text Widget to add text to the page, and then make it an h2 using the edit toolbar, I will attach a screen shot of where this option is located. You can highlight the text, and then choose "Heading 2" form the list; h2 and h1 tags are looked at to be almost the same by the search engines.

I hope that helps!

Kind Regards,
Emmy
Photo of Caniluna

Caniluna

  • 6 Posts
  • 0 Reply Likes
Since Google's "Penguin" update, having one and one only H1 tag is very important for SEO.
It would be helpful to be able to use H1 as a separate text item to the page heading.
As in many templates, the heading text appears in an inappropriate place for the H1 content.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Caniluna

Thank you for your feedback!

Can you please describe in more detail why you think that the heading text appears in an inappropriate place for the H1 in many Yola templates? Where would you prefer to place an H1 heading on your website?
Photo of Caniluna

Caniluna

  • 6 Posts
  • 0 Reply Likes
The page title text often overlays a header graphic. That graphic may already contain logos or words which it isn't desirable to obscure. In that case using text above or below the header graphic is a better option.
Moving the template page heading text via custom CSS isn't always possible.
It would be helpful to have the flexibility to nominate which text should be the H1 item given the importance search engines apply to it.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
I hear what you're saying. If you don't want to add text to the Page Heading (H1), you can clear it, and add a transparent image with a relevant alt text to this area by using HTML. Or you add your logo image with alt text instead of the transparent image, and use the banner area as a background for your logo. We're working on a more flexible structure for the banner area right now, and the update may resolve this problem.