添加AJAX函数来锚定行为但保持href用于SEO

Question

是否可以有一个链接/按钮来执行AJAX / Jquery函数来加载新内容，但同时它包含指向具有相同特定内容的页面的链接？

这是针对SEO的，我担心抓取工具无法正确索引站点地图。

这样的事情，但我不确定：

<a href="mypage.html" onclick="javascript: loadAjaxContent()" > My page </a>

总体目标是创建一个非常动态的网站，在一个页面和另一个页面的转换之间具有良好的效果。同时，我也希望搜索引擎能够找到我的页面。

Answer 1

您需要先使用阻止对标记的默认操作。最简单的方法是使用JQuery，如下所示。我不知道具体的html元素，但我们假设你在页面上有一个锚标记。首先，加载文档后，将click事件绑定到锚点。然后，一旦单击ancore，您将阻止发生默认操作。然后你可以执行你想要的任何动作。

$(document).ready(function()
{
    $('a').click(function(e)
    {
       e.preventDefault();
       //Perform ajax loading
    });
});

Answer 2

    $("a").click(function(e){
        e.preventDefault()
        $.ajax({

        });
     });