H1 tag - Visible i at the top in mobile, but is under all content

So this is the dilemma we are having:
We used to have two H1-tags that were the same. Now we are having just one H1 tag since we saw no need of having two.

• On desktop, it looks great. H1 tag is in the top, both visible and in the code.
• On Mobile the H1 tag is in the top for the user, but after all content for the crawler.

What is the best solution to go with here? Keep the H1 at the end of the code or go with two H1 tags that are the same?

Thanks!

 

Considering that Google now ranks sites primarily by how they appear for mobile users, positioning your h1 tag above the text is not a bad idea. Is it going to really improve your site rankings? Who knows.

 

Considering that H1 is a HEADER tag, it belongs with the header and only one per page. Since you did not cover all bases with your poll, there is no way I can vote.

If you are using the H1 tag as it is supposed to be used, it should always show the header at the top. If any user agent is not doing it properly, then it is a user agent issue and should be ignored by Google.

Using two on the same page is asking Google to pimp slap your site for bad coding as well as telling the blind and others that you hate them.

 

Thanks for your replies guys. I know how it "should be" and how best practice is. Now we choose to go with 2 H1 tags in mobile, until we have a better solution.