网站多语言的设计细节
内容提要
作者分享了构建多语言网站的设计经验，强调内容与UI应原生支持多语言，而非依赖翻译插件。他建议URL使用语言路径（如/en/），并支持浏览器语言自动切换，但不强制跳转。文章还涉及内容语言提示、SEO优化、RSS多语言及媒体资源处理等细节，旨在提供一致的多语言浏览体验。
延伸解读
多语言实现方案的选择
文章对比了WordPress插件（如qtranslate-x）与基于文件的Grav方案，指出前者在数据库中用分隔符存储多语言文本，迁移麻烦；后者通过文件名（如item.zh.md和item.en.md）实现多语言，直观自由。作者最终自建程序，采用类似Grav的文件方式，并弥补了Grav站点配置单一语言的缺陷。这提示读者，多语言实现需权衡插件灵活性与数据可迁移性。
URL设计与语言切换策略
作者建议使用语言路径（如/en/）而非查询参数或Cookie，并支持根据浏览器Accept-Language自动切换UI语言，但不强制跳转。默认URL展示内容语言，带语言路径的URL则展示对应内容，UI语言始终跟随用户选择。这种设计兼顾了SEO和用户体验，避免强制跳转带来的困扰。
SEO与内容分发细节
文章强调每种语言版本应视为独立内容，使用hreflang指定首选版本，默认URL设为x-default。Sitemap中同样处理，并可在robots.txt中限制百度抓取英文路径。此外，RSS支持按语言订阅（如/en/feed/），媒体资源也可通过Accept-Language返回不同语言版本。这些细节对多语言网站的搜索引擎可见性和订阅体验至关重要。
多语言网站的潜在风险
作者提到多语言网站可能吸引垃圾评论（如英文和俄文Spam），并需处理评论系统语言分组、锚点链接跨语言定位等问题。这些细节虽小，但影响用户体验和维护成本。读者在构建多语言网站时，应提前规划这些边缘情况，避免后期返工。
Q&A
多语言网站设计中，URL 应该采用哪种结构？
建议使用语言路径，如 /en/post-slug/，而不是 URL 参数或 Cookie。这样清晰且利于 SEO。
多语言网站如何根据浏览器语言自动切换？
网站应支持请求头中的 Accept-Language，自动将 UI 语言切换为浏览器首选语言，但内容语言不强制跳转，除非用户访问了带语言路径的 URL。
多语言网站中 UI 语言和内容语言应该如何处理？
UI 语言应跟随用户选择（Cookie 或浏览器语言），而 URL 中的 locale 表示内容语言。两者分离，例如访问 /en/about 时，UI 可能显示中文，内容显示英文。
多语言网站如何提示用户内容语言与浏览器语言不一致？
在页面顶部显示当前内容语言和可用语言版本，方便用户切换。文章结尾可列出所有语言版本链接。
多语言网站如何优化 SEO？
每种语言版本视为独立内容，使用 hreflang 标签指定语言版本，默认 URL 设为 x-default。Sitemap 中同样处理，并可针对每种语言设置 keywords。
多语言网站中媒体资源（如图片）如何处理？
可以为不同语言创建不同文件，如 image.en.png 和 image.zh.png，通过同一 URL 引用，根据 Accept-Language 返回对应版本。
多语言网站中 RSS 如何支持多语言？
RSS 实现自动语言功能，但阅读器可能不传递语言头，因此也提供 /en/feed/ 等专门订阅特定语言内容的链接。
多语言网站中锚点链接如何处理？
在 Markdown 中为所有语言版本指定相同的锚点 id，如 {#anchor-link}，确保不同语言版本中锚点链接一致。
