单页网站翻译、索引和搜索引擎优化

Question

我有一个网页，比方说 www.mypage.com/index.html。由于 json 词典，我有一个 javascript 功能可以用我自己翻译的内容填充页面。最后，www.mypage.com/?lang=en 将显示内容并用英文填充。 www.mypage.com/?lang=fr 将显示内容并用法语填充。

例如：

<html><head>
    <script type="text/javascript">
        translate(getURLParameter("lang"));
    </script>
</head><body>
    <p id="content0">default content</p>
</body></html>

translate方法将变换：

<p id="content0">default content</p>

进入

<p id="content0">translated content</p>

这是我目前能做的。我想要的是一个模拟英文网页和不同的法文网页的解决方案，没有重复的内容，并针对 SEO 进行了优化。我需要继续使用我的词典，因为里面有翻译。

如果有帮助，我的网站托管在 Apache 2 服务器上。

编辑： 我认为我有必要在 php（一种我不太了解的语言）中这样做，但多亏了 hreflang meta ，我认为在 HTML+JS 中可能会有一个技巧。有什么提示吗？

谢谢！

Answer 1

通常你会做这样的事情并进行静态预渲染，这样爬虫就会得到你想要的关键字。有多种方法可以做到这一点，但我真的很喜欢这个。

https://prerender.io/

单页网站翻译、索引和搜索引擎优化

single page website translation, indexation and SEO

html

javascript

seo

translation