Analyse how this website is? Consider Coding & Approach

Question

👀 http://nhec.uphero.com
check this out pls. I'm using one header on page,
and have one div element, clicking an anchor ⚓ tag on navigation will retrieve the html file into the div.
I don't think it is recommended? Your comments and advices are strongly encouraged.

Answer 1

It's not an advised nor recommanded way to handle dynamically your page content, as it will badlly supported by search engine bots, which will downranking and missindexeing your site content, as well as could be user bad experience if JS (JQuery use JS) is not available or desactivated :P

Better way to have static files that loads on 'normal' anchors links, letting search bots able to follow them and to index your whole content, or even for 'one page' sites, have all content loaded at once, hidding/showing them on select by avoiding use of JS (possible with only pure CSS)... by this way, all your content is still reachable by search bots ^^

Check these two first codes, where I use only pure Css features to do similar "tabs" behaviour, and the third if you want to dive more deeper and learn how to do similar behaviours:

https://code.sololearn.com/WxWFo7C8KNNV/?ref=app
https://code.sololearn.com/WtYAZZfOlIoJ/?ref=app

https://code.sololearn.com/WHJcalsIWiiZ/?ref=app

Answer 2

Thanks #visph,
Your detailed comments are of great help for me.
I have also had a look on the given links regarding 'Tabbed View'. Your code & approach is awesome.

I will the attached files for learning similar codes. Thanks again.