ajax - 当 AJAX 混用时，SEO 文件源来自哪里？

Question

假设我不厌其烦地制作了一些不错的 html5，例如可以在 MDN 上找到的那个:

<section>  
  <h1>Forest elephants</h1>   
  <section>  
    <h1>Introduction</h1>  
    <p>In this section, we discuss the lesser known forest elephants.  
  </section>  
  <section>  
    <h1>Habitat</h1>  
    <P>Forest elephants do not live in trees but among them.   
  </section>  
  <aside>  
    <p>advertising block  
  </aside>  
</section>  
<footer>  
  <p>(c) 2010 The Example company  
</footer>

这很容易解释，并且可以生成一个漂亮的轮廓。

我现在的问题是，假设您的网站有许多与上述文章类似的文章，但它通过 AJAX 和 HTML 注入(inject)来提供这些文章。因此，当在许多浏览器中查看源代码时，只会显示一堆 JavaScript 或指向 JavaScript 的链接等，而不是这个漂亮的源代码。

这会隐藏它并使所有 SEO 努力都白费吗？

我知道可以在调试工具中正确查看源代码，例如 firebug ，但是对于 SEO 工作来说，源代码将如何被阅读？

在那种情况下，重新加载和包含页面会更好吗？

Answer 1

最好的办法是在服务器端执行此操作。根据您的技术，您可以通过多种方式生成页面。在 C#/.NET 中，您将使用 URL 路由。在 PHP 中，我不确定制作 URLS 的最佳选择。基本上，服务器使用数据生成服务器上并不真正存在的页面，如 mydomain/forest-elephants

无论如何，您都希望使用后端将实际内容转储到 html 到您的“虚拟”页面。如果您的数据依赖于 HTTP 服务，您将不得不使用服务器端 URL 流或等价物来为您编写 HTML。后端可以使用模板来格式化您的页面，甚至可以导入您的 javascript 代码。

这不是你会在几个小时内就扔掉的东西。