【问题标题】:Multi language on static website with i18next client side带有 i18next 客户端的静态网站上的多语言
【发布时间】:2023-03-23 16:36:01
【问题描述】:

我在不使用 CMS 的情况下使用 HTML、CSS 和 Javascript 制作了一个网站,所以它都是静态的。我被要求将这个项目变成一个多语言网站(当前语言和英语)。现在我正在寻找一种实现所有翻译的好方法。

我已经看到使用客户端 Javascript 的 i18next 的简单解决方案,但我想知道这是否对 SEO 无害(选择另一种语言时 url 不会改变)以及是否有更好的解决方案为了这。

https://github.com/dwkns/i18next-translation-tutorial

【问题讨论】:

  • 链接已失效。

标签: javascript static multilingual i18next


【解决方案1】:

搜索引擎可能无法读取隐藏的内容。最好将整个站点的两个版本放在子文件夹中。 如果你真的想用 javascript 来做,试着把这两个内容都放在 html 中可见(没有 javascript 的用户应该看到两者),然后在页面加载后用 javascript 隐藏其中一个。但我建议第一种方法,它更可靠。

关于谷歌的来源:https://www.freshegg.co.uk/blog/technical-seo/google/how-does-google-treat-hidden-content

【讨论】:

    【解决方案2】:

    没问题。 Google 和其他搜索引擎将 javascript 作为用户浏览器运行。只需添加一些链接,以便 google 可以发现其他语言的页面(不仅具有自动检测功能)

    您目前唯一的缺点是路线未翻译,但可以解决,例如。 https://github.com/i18next/i18next-express-middleware#add-localized-routes

    【讨论】:

    • 即使在 2021 年,也需要永远为动态生成的网站编制索引。如果 SEO 是一个真正的问题,那么坚持 SSR 总是更安全。
    猜你喜欢
    • 2014-06-28
    • 2014-07-24
    • 2018-06-24
    • 1970-01-01
    • 1970-01-01
    • 2019-04-23
    • 1970-01-01
    • 1970-01-01
    • 2020-03-21
    相关资源
    最近更新 更多