angularjs - SEO 和多语言支持

标签 angularjs seo multilingual

我运行一个用 Angular 构建的网站,我使用 angular-gettext 来集成和支持多种语言:https://angular-gettext.rocketeer.be/

我不想使用特定于域的子域或 url 更改我的网站结构,例如 https://en.example.com/https://www.example。 com/en/。到目前为止,我在客户端的本地存储中存储了一个语言变量,以确定要显示的语言。

它运行良好,用户体验也不错。但是,我想知道确保 Google 以其他语言为我的网站编制索引的最佳方法是什么。

我正在考虑以这种方式使用带有 lang 参数的 hreflang 属性:

<link rel="alternate" href="http://example.com?lang=en" hreflang="en-us" />

然后当然要处理 url 中的 lang 参数。

那行得通吗?它被认为是最佳实践还是有更优雅的方式来做到这一点?

最佳答案

实际上,the answer from @z.a.不再是 100% 准确。谷歌现在似乎在扫描 Javascript: Refer this link
不确定 Bing 和所有其他人,但至少对于谷歌,你不应该有问题。

https://www.example.com/en/ 有什么问题?这是多语言网站最干净的方法。这也确保每个人都能以正确的语言看到每个链接。否则,不同的人可能会看到不同语言的相同链接,这对用户(和 SEO)来说不是很友好。

在链接中的 hreflang="en-us" 之上,您还可以将语言添加到标题中

 <html lang="en-US">

和真实链接:

<a hreflang="it-IT" href="https://blog.supertext.ch/it/">Italiano</a>

这应该会给 Google 一些很好的提示。

关于angularjs - SEO 和多语言支持,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36844355/

相关文章:

javascript - 允许向对象添加和删除功能的设计模式

HTTP 404 重定向

seo - SEO 中的 GET 与 POST

Python、flask 和创建双语言应用程序

android - 在运行时更改显示语言并重新创建所有 Activity

css - 如何在 Ionic 框架中使用 CSS 选择器隔离特定平台

javascript - 未注入(inject)通过 RequireJS 从 CDN 加载 Angular

javascript - AngularJS 自定义指令不使用所选文件更新模型

grails - 在 Grails URL 中包含名称

php - 将 CodeIgniter 语言文件转换为 .po(用于 gettext)