Mandatory to use Pro Header for H1 titles?

[physx]

Hello

I would like to know if is it mandatory to use the Pro Header when including h1 titles for pages?
I’m currently under the process of redesigning our website from scratch, and I’m confused with some design approaches:

Approach 1. Use Header for Hero Images and h1 title as evident from examples here and here.

Approach 2. Use the 1st section of the Content and use Headline element as the h1 level title on some pages as evident here

Here are some of my doubts that I would like to clarify:

1. Out of the above 2 approaches, which one is the recommended, so website doesn’t have any adverse SEO effects?

2. Is it possible to achieve the same look of the first approach using the second approach? Please note, background images are overflowed under the navigation bar.

3. I find the first method to be very repetitive as to change the title and background image of the header, I’ve to duplicate headers as many times as the no. of pages and assign them their dedicated header. This becomes somewhat tedious, even though I can use templates.

Hence, if the answer to the 2nd question is yes and the approach won’t have adverse effects on the SEO, I could simply set one Global Header site-wide and use Content Layouts to design headers for various pages. Thereby, dramatically decreasing my workflow to redesign the website and keep the database and website as light as possible.

It would be excellent if you could help me out with this.

Cordially

[friech]

Hi Cordially,

Thank you for writing in, 1) both approaches have the same purpose to add h1 headline on your page, therefore it has the same effect (in terms of SEO), both approaches can achieve what you need. If not for the subheadline (underneat the title) the Approach 1 would be perfect, but instead, I would recommend the Approach 2 (reasons below).

2. Yes, first you need to set your Bars background to transparent so you can see the background-image through the bars, then set your Bar to Absolute position, so the 1st section can go underneath it.

• 

3. Actually you only need to create one header and use the Dynamic Content to output the page’s title as the Headline and page’s featured image as the background-image.

Read the details here on how the Dynamic Content works. The problem now is the subheadline because pages do not have a native meta for that, you can add a custom field to your pages though using the ACF PRO extension.

Hope it helps,
Cheers!