No h1 on all my pages

maaikerijpstra · October 2019

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 · October 2019

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

maaikerijpstra · October 2019

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 · October 2019

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

maaikerijpstra · October 2019

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 · October 2019

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

maaikerijpstra · October 2019

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 · October 2019

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

maaikerijpstra · October 2019

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 · October 2019

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

maaikerijpstra · October 2019

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.

No h1 on all my pages

Comments