jQuery Ajax的SEO友好链接

SEO-friendly links with jQuery Ajax

本文关键字:链接 SEO Ajax jQuery      更新时间:2023-09-26

我使用Ajax jQuery加载数据,如下所示:

<div id=result></div>
  $.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    url: "/co.aspx/getdata",
    success: function(r) {
      var dt = JSON.parse(r.d);
      var str='<a href='+ dt[i].Link+'>'+ dt[i].Name +'</a><br/>';
      $("#result").html(str);
    }
  }):

但这些链接不会在谷歌上列出,因为它们不是由任何网站地图生成器生成的。

如何使其SEO友好?

遵循渐进增强和非侵入式JavaScript的原则。

  1. 建立一个没有JS的网站
  2. 用JS增强它
  3. 使用Ajax操作视图时,使用历史API将页面的地址更新为非Ajax地址