Html+javascript处理网站中的语言

我有一个正在开发的网站，它是西班牙语的。现在我想把它翻译成英语。该网站由8个页面组成。我已经在网站顶部添加了英语标志，但我想知道如何在我的网站上整合多个习语。我能想到两个替代方案：

1.-克隆每个页面并翻译它。之后，在根文件夹中创建两个文件夹"/es/"和另一个"/en/"。这样，当点击标志时，我只需要将url从www.ejemplo.com/es/index.html更改为www.ejempolo.com/en/index.html。我可以看到的问题是，如果以后我将网站翻译成其他习惯用法，我必须生成新的文件夹、更多的文件。。。。另一方面，我认为这个解决方案可以更好地用于谷歌的位置，因为url更干净。。。

2.-在url中添加一个参数：www.ejemplo.com/index.html？lang=en。我会把网站上的所有文本都用JS编写，在阅读url参数后，我会用正确的习语加载文本。

我不知道哪种方法更好，也不知道是否有更好的方法来处理语言。。。

我必须说，我在前端使用HTML5+CSS3+JS（和jquery），在后端使用node.JS。。。

任何帮助都将不胜感激。。