通过 HTML 数据属性使用多语言网站进行 SEO

Question

嘿，
我用 HTML、CSS、PHP 和 JS 编写了一个大型网站。到目前为止，所有页面都提供德语和英语版本。它们都在同一个 URL 下运行。因此，例如，有一个名为“career.html”的文件和一个名为“karriere.html”的文件。不幸的是，当我进行更改时，我必须在两个文件中实现它们，这意味着工作量加倍。我在使用 Google Search Console 时也遇到了问题，因为我收到 2 个页面（两个相同的页面，不同的语言）相同的错误。正是因为这个结构。

想法是将页面合并为一个页面，并在每个 HTML 文本元素中保存默认语言，并在元素数据属性中保存每个元素的翻译。然后将使用 JS 读取数据属性的内容，并使用基于所选语言的值覆盖元素的默认值。

我的疑问：这对 SEO 不利吗？搜索引擎如何处理这个问题？例如，是否有可能只有一种语言会被编入索引并在 Google 中列出？我觉得这是 SEO 最糟糕的情况，但会让我的工作更轻松。

提前致谢，
菲利普。

Answer 1

想法是将页面合并为一页并保存默认值 每个 HTML 文本元素中的语言和每个元素的翻译 在元素数据属性中。

这可能矛盾Google:

确保页面语言是显而易见的。

您可以使用hreflang元素来创建具有不同语言版本的内容。