客户端部分页面渲染和搜索引擎答案

【问题标题】：Client-side partial page rendering and search engines客户端部分页面渲染和搜索引擎
【发布时间】：2010-02-22 09:54:53
【问题描述】：

我开始编写可能会发展成为大型商业网站的内容。该业务涉及多个方面，因此我正在考虑使用与 BBC 主页 (http://www.bbc.co.uk) 相似的基于“小部件”的 UI。

我正在编写一个内容管理系统，它允许管理员使用一系列预定义的小部件（即文本小部件、产品小部件、新闻标题小部件等）来编写页面。我正在使用 ASP.NET MVC 编写应用程序。

每种小部件类型的标记都将封装在用户控件 (ascx) 中。我正在考虑两种渲染小部件的方法（我可以混合使用）：

使用 RenderPartial 在服务器上构建页面（非常类似于 ASP.NET MVC 站点中的 Kona 示例）
在服务页面上呈现小部件占位符，然后让客户端为每个占位符发出请求（使用 jquery 调用返回 HTML 的标准 MVC 操作）。

第二种方法很有吸引力，原因有两个：

它允许返回页面，而无需等待渲染缓慢的小部件（可能像 cmets 小部件）。
它允许我在小部件级别（而不是在页面级别）控制缓存。我可以使用内置的 OutputCache 属性来单独控制每种小部件类型的缓存类型。

问题来了：

如果页面的某些内容仅由 javascript 发起的 HTTP GET 请求呈现（即不包含在初始响应中），该内容是否会包含在 Google 对页面的评估/索引中？强>

假设在 document.ready 上触发了 javascript 请求

对于喜欢代码的人，我的原型在服务器上使用此代码实现了第二种方法：

    [OutputCache(Duration = 30, VaryByParam = "widgetUniqueKey")]
    public ActionResult RenderWidget(int widgetId)
    {
        var cmsService = new CmsService();
        var widget = cmsService.GetWidget(widgetId);

        string viewName = widget.Accept(new ViewNameWidgetVisitor());
        object viewData = widget.Accept(new ViewDataWidgetVisitor());

        return View(viewName, viewData);
    }

在客户端使用此代码（初始页面 GET 已返回占位符 div）

    $('.widgetPlaceholder').each(function() { renderWidget(this) });

    function renderWidget(source) {
        var placeholder = $(source);
        var widgetId = placeholder.attr('id').replace("widget", "");
        var widgetUniqueKey = placeholder.children('div.uniqueId').text();

        $.get('/home/RenderWidget', {
            widgetId: widgetId,
            widgetUniqueKey: widgetUniqueKey
        },
                   function(data) {
                       placeholder.replaceWith(data);
                   }, "html"
               );
    }

widgetUniqueKey 会因小部件类型而异：它可能是产品小部件的产品 ID；推荐小部件的用户 ID；等等

非常感谢

【问题讨论】：

标签： asp.net-mvc ajax seo

【解决方案1】：

没有。 google bot（以及据我所知的任何其他索引器）不执行任何 javascript 代码，因此您通过 ajax 获取的任何内容都不会被索引。

【讨论】：

谢谢，知道这点很有用。