I have a webpage, let say
For instance :
translate method will transform :
<p id="content0">default content</p>
<p id="content0">translated content</p>
This is what I'm currently able to do. What I would like is a solution to simulate an english webpage and a distinct french webpage, without duplicate content, and optimized for SEO. I need to keep using my dictionaries as the translation is in there.
My website is hosted on an Apache 2 server if it helps.
edit: I thought I would necessary need to do that in php (a language I don't know very well), but thanks to the hreflang meta, I think there could be a trick to do it in HTML+JS. Any hint ?
Thank you !