javascript - jQuery 历史插件、Google 站点地图和 SEO

Question

我一直在网上寻找答案，但一直没有得到任何准确的答案。

我有一个 index.php 页面，其中包含两个特定的 DIV:#post-title 和 #post-content，其内容通过 jQuery 函数加载。每次单击链接时都会调用此函数

<a onclick="showPage('page')"></a>

功能:

function showPage(page, fadeInSpeed, fadeOutSpeed) {
 fadeInSpeed = typeof fadeInSpeed !== 'undefined' ? fadeInSpeed : 500;
 fadeOutSpeed = typeof fadeOutSpeed !== 'undefined' ? fadeOutSpeed : 200;
 pageUpper = page.charAt(0).toUpperCase() + page.slice(1);

 var History = window.History;
 History.pushState(null,pageUpper, "index.php?page=" +page);

 $("#post-title").fadeOut(fadeOutSpeed, function() { // Callback del fadeOut..
     $("#post-title").html(page);
     Cufon.refresh(); // I reload Cufon plugin on the div
 }).fadeIn(fadeInSpeed);

 $("#post-content").fadeOut(fadeOutSpeed, function() {
     $("#post-content").load(page + ".php");
 }).fadeIn(fadeInSpeed);
}

这是函数并包含 History.pushState。现在，当我直接转到一个 URL，例如:?page=curriculum，我在 index.php 文件中添加了以下代码以调用上述函数:

<?php
if(isset($_GET['page'])) { // Controlla l'URL e restituisce la pagina corretta.
?>

<script>
$(function() {
    showPage('<? echo htmlentities($_GET['page']); ?>', 1000, 1);
});
</script>

<?
}
?>

一切都完美无缺，但现在我有一个小问题:这是否会违反 SEO？ Google 抓取工具会正确索引我的网站吗？如果没有，我该怎么做才能解决这个问题？

我提前谢谢大家，圣诞快乐 :)

Answer 1

如果您希望您的站点可编入索引，则必须确保在禁用 JavaScript 时所有页面内容都可见。例如，这意味着在禁用 JavaScript 的情况下调用 page=curriculum 应该显示类(class)数据。由于内容似乎是通过 XMLHttpRequest 检索的，因此它不起作用。因此，您必须按照 here 所述实现 Google 抓取方案。 .

请注意，如果机器人没有出现在站点中(即如果您始终使用 showPage() 显示内容的功能)。