H1 tag on home page

[saltire]

Hi,

I want to add an H1 tag to my homepage site title. Would this code work?

<div id="title-area">
<h1 id="title">
Scotland Uncovered
</h1>
</div>

If this was correct where would I add this code?

Thanks

http://thinkaboutscotland.com/

[Lauren @ OnceCoupled]

I'm not sure why you would want to do that, but the first snippet at this link should help you out. 🙂

Header

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[saltire]

Hi lauren,

thanks for getting back to me. Unfortunately I still feel unsure of what to do. I guess I need to see how this is done in easy stages - the code and exactly where to put it.

Just to confirm, because my home page has no H1 tags - not sure why Studiopress do it this way, I want to wrap the site title in H1 tags. All the other pages use the page or blog title as the H1 tag.

[Lauren @ OnceCoupled]

Sorry, I don't have a tutorial on how to do this step-by-step. I'd recommend playing around with it, or doing some more Google searches based on this new information.

Otherwise, in these situations, I usually recommend hiring someone or just not worrying about it. It's really not an important change, in my opinion.

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[saltire]

Thanks Lauren, I appreciate your time.

[Lauren @ OnceCoupled]

Not a problem, I hope you get your end goal satisfactory!

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[Badlywired]

Interesting ,as you are using metro pro and your markup has a <p> not an <h1>

The default situation is to mark it up as an h1

<div class="title-area">
<h1 class="site-title" itemprop="headline">
<a href="http://demo.studiopress.com/metro/">Metro Pro</a>
</h1>
<h2 class="site-description" itemprop="description">Mobile Responsive for the Genesis Framework</h2>
</div>

From the demo.

So something is modifying this (or your framework / theme is out of date )

Have you a (no Yoast) SEO plugin perhaps? Turn all plugins off and see what your markup becomes.

It is possible to modify the mark-up but it is good out of the box, and yours isn't. Strange.

---

My techy blog WordPress and stuff badlywired.com

[saltire]

Thanks for this, Yes it's Yoast SEO that's the culprit. I wonder what the answer is, I like the plugin but also want to have the H1 tag on the homepage.

Has anybody any experience with this?

Thanks

[Lauren @ OnceCoupled]

Glad I was able to learn something here, too. Perhaps it is a setting inside Yoast... one of my sites using Yoast doesn't have this happening, while another does.

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[Author]

Posts