Добавление функции AJAX для привязки поведения, но с сохранением href для SEO

Question

Возможно ли иметь ссылку / кнопку, которая будет выполнять функцию AJAX / Jquery для загрузки нового контента, но в то же время она содержит ссылку на страницу с таким же конкретным контентом?

Это для SEO, и я обеспокоен тем, что сканер не сможет правильно проиндексировать карту сайта.

Как-то так, но я не уверен:

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

Общая цель - создать очень динамичный сайт с хорошими эффектами между переходами одной страницы на другую. В то же время я также хочу, чтобы поисковые системы находили мои страницы.

Answer 1

Вам нужно сначала использовать предотвращение действия по умолчанию для тега. Самый простой способ - использовать JQuery, как показано ниже. Я не знаю конкретного элемента HTML, но давайте предположим, что у вас есть один тег привязки на странице. Во-первых, когда документ загружен, свяжите событие click с якорем. Затем, когда щелкнет анкор, вы предотвратите действие по умолчанию. Тогда вы можете выполнить любое действие, которое пожелаете.

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

Answer 2

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

        });
     });