No h1 on all my pages

maaikerijpstra

hi there,

I just run checkbot (a google chrome plugin) on my website https://hetcolosseum.com. I found out that except for the posts on my website, all pages don't have <h1> tags. Off course that's pretty bad for my SEO. How to fix this problem?

And how about all H tags. If i look in the source of this page view-source:https://hetcolosseum.com/nl/colosseum-tickets-en-prijzen/ I also don't see any <h2></h2>

I would love to hear from you.

Pablo

Hello,

You just can add the <h1> tag in content of your page - it's all on you.

If you don't know how to use it, please be familiar with this documentation:

https://www.w3schools.com/tags/tag_hn.asp

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

maaikerijpstra

Hi! Thanks for your reply.

Yes haha, indeed that's a workaround :-) And I will do it like that.

Just a suggestion: put it standard in the theme. This is really bad for SEO actually and I didn't realize it wasn't there  just because it's so obvious that your title is an H1 and that H2's are also styled as <h2>s. I think more people will experience this problem without knowing. And SEO is so important... You cannot not include a basic thing like that if you ask me.

Bryan

Hey,

If you are really concerned about SEO then you can build posts using only the Muffin Builder. Pablo gave you the best advice there is right now

cheers

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

maaikerijpstra

Ok, thanks! Good to know :-D

Could you help me out with this one too? My hompage is build with muffin builder. But there are no h1 and h2s designed for SEO. So I changed the H1 manually is you suggested. I would now also like to use the <h2> tags but dont loose my layout.

How to wrap this in <h2>: [heading tag="h2" align="center" color="#000" style="lines" color2="#d63c3c"]Plan your visit to the Colosseum[/heading]

I tried everything but nothing seems to work... Thanks again!

Pablo

You have to set the same size of H2, it's in Theme Options > Fonts > Size & Style

Also, you can use the inline css:

https://www.w3schools.com/html/html_css.asp

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

maaikerijpstra

I don't think you understand what I am asking you for, or I don't understand what you are trying to tell me :-) Either one of the two haha.

So let me try and explain again. Google  can't find any h1 or h2 tags on my website since the theme is not working with <h1><h2> etc. tags.  You use another style: [heading tag="h2"] [/heading]. But this isnt understood by Google and just works as a style element and not as another very important element: SEO.

If you use the chrome extension checkbot you will see what I mean. I tried to upload a screenshot which is not available here.

Again, I dont want to use H1 as just some styling element. But for SEO. So I dont think I can set another form of html here: Theme Options > Fonts > Size & Style. On this spot I can just change the frontend.

I used your suggestion to wrap the H1's manually like this <h1></h1>. But the H2's which are styled in the theme as followed I cannot wrap them just in <h2> because then the layout breaks.

Hence why my question if you could please provide me with a code which does have the correct h tags, but also keep the layout.

That would be a  real pleasure to me. Thank you very much again!

Pablo

You should use HTML tags instead of shortcodes.

Only <h1> <h2> <h3> etc. will be recognized.

Shortcodes will only look like the heading, but it will not be it at all.

Also, if you want to send an image, you should upload it on https://prnt.sc, and then insert it as a link to that image.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

maaikerijpstra

I understand that and I know how to do that. But if I do that they look like this: https://prnt.sc/pp7txo

And I want them to look like this: https://prnt.sc/pp7rjf and I don't understand how to do it.

Pablo

You will not achieve this effect with the basic html tags.

It will require a lot of CSS changes to achieve that with pseudoclasses ::after and ::before or html structure with css too.

We do provide help with minor CSS changes, but this one is really advanced.

Please check these topics, heyt will surely help you:

https://krasimirtsonev.com/blog/article/CSS-before-and-after-pseudo-elements-in-practice

https://www.sitepoint.com/css-pseudo-elements/

https://www.w3schools.com/cssref/sel_before.asp

https://www.w3schools.com/cssref/sel_after.asp

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

maaikerijpstra

Ok, thanks for providing me with these links!

Too bad though that a big and potentially awesome theme like this doesnt use h tags in the appropriate way for SEO.

Have a great day.