【问题标题】:How do I automatic re-direct WebSite according to its region?如何根据区域自动重定向网站?
【发布时间】:2019-08-23 07:53:02
【问题描述】:

我正在创建一个网站,现在我在其中添加了 2 种语言(英语和德语)。

现在我希望当我的网站从德国或任何德国用户打开时,它应该打开这个网站(https://splitscreenapp.com/de/)

只要它是从除德语以外的任何其他用户打开的,它应该打开这个站点(https://splitscreenapp.com)

下面是一个网站的一个活生生的例子 (https://neilpatel.com) 当我使用 VPN 打开这个网站并连接到德国时,这个网站会自动打开,当我切换到任何其他位置时,它会以英语打开。

这不是重复的问题我不想从浏览器更改语言设置,它应该根据地区自动重定向。

我已尝试实现此代码

<html lang="de-DE">
    <head>
         <link rel="alternate" hreflang="en" href="https://splitscreenapp.com" />
        <link rel="alternate" hreflang="de" href="https://splitscreenapp.com/de" />

        <link rel="canonical" href="https://splitscreenapp.com/de" />

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

【问题讨论】:

  • 我不认为它是重复的。 OP 不想基于语言而是基于位置进行重定向。
  • “我不想从浏览器更改语言设置,它应该根据地区自动重定向。” ——这真是个坏主意。相信人们将他们的浏览器设置为他们想要阅读内容的语言。不要假设一个人当前的地理位置代表他们所说的语言。这对游客来说是一个严重的可达性问题!
  • @Quentin 我已经写过我想要它根据地区而不是根据用户浏览器设置
  • @SarthakJoshi — 是的,你说你想要它。我在批评你的愿望。

标签: javascript html css


【解决方案1】:

您可以使用 jquery 和 ipapi 获取位置。然后基于此,您可以重定向。

  function ipLookUp () {
  $.ajax('https://ipapi.co/json/')
  .then(
      function success(response) {
          if(response.country_name=='Germany')
          $(location).attr('href', 'https://splitscreenapp.com/de/');
      },

      function fail(data, status) {
          console.log('Request failed.  Returned status of',
                      status);
      }
    );
  }
  ipLookUp()

编辑:早期的 api 可能会出现问题,因为它不是 HTTPS。此 API 将发送 HTTPS 请求。

【讨论】:

  • 但我想要备用链接 splitscreenapp.com" />
【解决方案2】:

如果您在项目中使用后端,则可以使用此库来识别国家/地区的 IP:

https://www.ip2location.com/

但在您的标题中,如果标题中未声明替代语言,您应该使用 hreflang="x-default" 来识别用户的去向。

请注意,canonical“是一种工具,用于向搜索引擎显示哪个版本的 URL(每个版本都具有相同的内容)是主要版本,以避免重复内容问题”

您不应该根据语言将规范用于不同的版本。

更多信息->

https://moz.com/learn/seo/hreflang-tag

【讨论】:

  • ** 请注意,进行 Javascript 重定向会导致导航再次跳转,这对用户来说很烦人,甚至会降低您的 SEO 声誉
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-12-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-08-23
相关资源
最近更新 更多