seo - 设置 rel ="next"javascript ajax

Question

我有一个标签(显示更多)，当用户点击它时，它会将接下来的 10 个结果加载到已经存在的结果中。我环顾四周以使这个 seo 友好，但所有这些谈论的是..我怎样才能使我的下一页与 seo 相关(真正显示更多而不是下一页)

Answer 1

与其使用 ajax 加载，不如隐藏前 10 个之后的所有内容，并让下一个标签显示接下来的 10 个。请参见以下示例。

  <style>
        .hide{
            display: none;
        }
    </style>


    <div id='contain'>

        <?php
            //Not sure what you are loading but this is a dummy loop done in PHP
            $i=0;
            while($i<101){
                //Set the class based on the result. If greater than 10 then hide this result.
                $class = ($i<10 ? "result" : "result hide");

                echo"<div class='$class'>
                        <p>MY CONTENT</p>
                    </div>";
                $i++;
            }
        ?>

    </div>

    <a href='#' id='showMore'>Show 10 More</a>


    <script>
        $('#showMore').click(function(e){
            e.preventDefault();
            var i = 0;
            $('.hide').each(function(){
                if(i<10){
                    $(this).removeClass('hide');
                }
                else{
                    return;
                }
                i++;
            });
        });
    </script>

这是我能想到的解决问题的唯一方法。我知道 ajax 被用来加速查询。