How to edit H1 H2 H3 tags in cornerstone

Support
#1

Hi, I am doing some basica SEO work on my site.

I can’t seem to find an easy way to see he H1 H2 etc tags for my page? I don’t want to edit in WP directly to avoid breaking cornerstone. How do I see and edit these tags in Cornerstone?

#2

Hello @srossand,

Thanks for reaching out. :slight_smile:

If you are referring to the use of elements inside Cornerstone page builder, then you can use Skeleton mode to get a bird eye view of the entire page and where the Headline elements are present.

If you are referring to the Headings that are used outside main content area then for that you will have to dive deeper into the theme files to make necessary changes.

Thanks.

#3

Hi Again Prasant :slight_smile:

I click on skeleton mode, and it shows what is on the page, but it doesn’t easily show what my H1 H2 H3 tags are. I need to be able to control them on each page for SEO purposes, but don’t see where I can get that info. I don’t want to edit the page directly because then Cornerstone will stop working, correct?

#4

hi prasant, my site does not seem to be using H1 tags for some reason? I am super confused about where I can maniuplate this and make sure at the very least that my H1 tags are set correctly, without relying on hoping that the page title shows the H1 tag

#5

Hi @srossand,

The only H1 that the theme will output is the page title, however, if you’re using any of the Blank - Container or Blank - No Container page template then that page title will not show.

So that means there is no h1 tag on your page now.

It’s up to you to add a Headline element on your page and set that headline as H1.



Hope it helps,
Cheers!

#6

It does help, thanks! I’ve added a headline and set it to H1, kind of awkwardly, in the middle of the page.

Can you confirm that you now see an H1 tag? is this best practice, in the middle of the page like this? It will be easier to add this on our subpages but want to get the main landing page dialed, first.

#7

Hello!

the whole point of our full width photography related website is to go full width so it’s kind of disappointing that we can’t add a simple H1 tag to individual pages while using the Blank - No Container page templates.

Here is a page we put up after switching to the Full width layout for the page template (which is not full width :frowning:

How do I center justify the H1 / page title ?

Is there a page template which really is full width (without having to have an ugly container) which will allow me to still utilize an H1 tag?

#8

Hi @srossand,

No, you can add an H1 Headline to your page with Blank - Container or Blank - No Container page template, please read my previous reply.

If you want your current template (Layout - Full width), to have no container, please add this to Page > CSS.

.x-container.max.width.offset {
	width: 100%;
    max-width: none;
}

Hope it helps,
Cheers!

#9

Hi, thanks for bearing with me.

Let’s work with this page first:

When I set the page template to Blank No Container Header Footer, and add a headline element, it does not actually show correctly as an h1 tag when I Inspect the code. It shows an

and

but it has some sort of weird text between the h1 tags “x-text-content-text-primary” when it should just be the keyword “green screen photo booth”

#10

and when I change the page template to Layout Full width (after adding your custom CSS above, thanks for that, it still isn’t full width and still has a white border around all the content) it still doesn’t have a clean

Green Screen Photo Booth

tag and that is what should be best practices, right?

#11

Hi @srossand,

You should use Blank - No Container template for that as a recommendation, and manually create your headline. And you have many options for that, first is adding the headline element as you did, and you shouldn’t worry about the structures within it like x-text-content-text-primary since search engines will ignore it. Or simply add a classic headline element so it doesn’t have the complex structure. Or simply add text element and within it, add your custom-coded headline like <h1>Just Text</h1>.

The purpose of blank templates is it removes the limitation, and it’s up to users on how they will fill the blank.

Thanks!

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.