作者：Brad Abrams

译者：Kevin Yang

英文链接：Silverlight 4 + RIA Services - Ready for Business: Search Engine Optimization (SEO)

继续我们的系列文章，接着来看一下Silverlight和SEO。互联网上大部分流量都是搜索驱动的。搜索引擎通常是很多用户在公共互联网上的第一站，企业环境上的情况也在朝这个趋势发展。搜索也是很多广告获得收益的关键因素。所以无须多讲，SEO非常重要。但对于Silverlight程序来说，很多有意思的内容都是动态生成的，怎么做SEO呢？接下来我会给大家展示一个只需耗费最小工作的应用模式来实现Silverlight应用程序的SEO优化。

要实现Silverlight应用程序的SEO优化，需要按照以下三个有趣而又简单的步骤来实施：

• 步骤1：做好重要的页面的深层链接
• 步骤2：使用网站地图(Sitemap)让搜索引擎知道你网站的所有深层链接
• 步骤3：对于重要内容，提供一个备选版本

下面我会用例子来讲解以上这三个步骤的具体含义。我会继续沿用我在PDC209上的“美食浏览器”的演示。你可能需要看一下我之前的演示(PDC09 Talk: Building Amazing Business Applications with Silverlight 4, RIA Services and Visual Studio 2010)，这样可以在正式开始下面的讲解之前，能够熟悉一些背景。

下载完整的示例。

步骤1: 做好重要的页面的深层链接

对于你网站上的任何内容，如果你想让搜索引擎能够爬取到，那么必须给这份内容起一个独特的Url。例如如果我想在Bing（或者Google，或者其他搜索引擎）上搜索“乡村炸牛排（Country Fried Steak）”，能看到我网站上这个列举了很多乡村炸牛排图片的页面，那么我需要为这个页面提供一个Url，从而引导你来到这个页面。http://foo.com/foodieExplorer.aspx这个Url还不够好，我需要提供一个类似于http://foo.com/foodieExplorer.aspx?food=CountryFriedsteak这样的Url。注意，使用这种格式的Url还有很多其他的好处，例如用户可以在Twitter上传播，通过电子邮件或者即时通讯软件去讨论这些内容。

幸运的是，Silverlight的导航特性使到实现内容的深层链接变得非常简单。我们来看看具体是怎么做的。

我们首先需要做的就是提供一个Url来唯一标识一个特定的餐馆，或者一个特定的餐馆加特定的美食。出于SEO或者用户友好的角度考虑，我们希望Url的格式类似于http://www.hanselman.com/abrams/restaurant/25/plate/4，这表示餐馆编号=25，美食编号=4。要实现这个，我们需要在Web工程的global.aspx文件中定义导航路径（Routes）。

public class Global : HttpApplication
{
    void Application_Start(object sender, EventArgs e)
    {
        RegisterRoutes(RouteTable.Routes);
    }

    void RegisterRoutes(RouteCollection routes)
    {
        routes.MapPageRoute(
            "deepLinkRouteFull",
            "restaurant/{restaurantId}/plate/{plateId}",
            "~/default.aspx",
            false,
            new RouteValueDictionary { { "restaurant", "-1" },
            { "plate", "-1" } });

        routes.MapPageRoute(
            "deepLinkRoute",
            "restaurant/{restaurantId}",
            "~/default.aspx",
            false,
            new RouteValueDictionary { { "restaurant", "-1" } });

在上面代码中，我们定义了深层链接的Url模板，支持Url中添加餐馆编号（restaurantId）和美食编号（plateId）的参数。我们定义的导航路径的顺序是从最复杂到不那么复杂。如果这两个编号在Url中都缺失的话，那么将使用上面设置的默认值。

现在，我们来看看Silverlight客户端怎么解析这个Url的。在Plates.xaml.cs文件中：

// Executes when the user navigates to this page.
protected override void OnNavigatedTo(NavigationEventArgs e)
{
    int plateID = -1;
    int restaurantId  =-1;
    var s = HtmlPage.Document.DocumentUri.ToString().Split(new char[] {'/','#'});
    int i = Find(s, "plate");
    if (i != -1)
    {
         plateID = Convert.ToInt32(s[i + 1]);
         plateDomainDataSource.FilterDescriptors.Add(
             new FilterDescriptor("ID",
                 FilterOperator.IsEqualTo, plateID));
    }
    i = Find(s, "restaurant");
    if (i != -1) restaurantId = Convert.ToInt32(s[i + 1]);
    else restaurantId = Convert.ToInt32(NavigationContext.QueryString["restaurantId"]);
    plateDomainDataSource.QueryParameters.Add(
        new Parameter()
        {
           ParameterName = "resId",
           Value = restaurantId
        }
    );
}

基本上，上面代码所做的事情就是获取完整的Url，然后将其结构化，再提取出其中的餐馆编号和美食编号。在18-23行中，我们将餐馆编号作为参数传给查询方法，但是在11-14行中，我们并没有这么干，而是应用了一个过滤器，这就相当于最终发给服务器的LINQ查询就多了一个“where”子句。这样，我们就无需修改服务端的代码了。

我们还需要做一点小工作，那就是保证客户端最终导航到美食（Plates）的页面。这在Silverlight的导航框架中是通过锚点“#/Plates”来实现的。但由于锚点只是一个客户端特性，而搜索引擎并不能很好的处理锚点，因此我们需要在客户端动态添加锚点。我发现用一点点Javascript脚本就可以很好的完成这个工作。我在服务端的Default.aspx页面上加入了这段脚本：

protected void Page_Init(object sender, EventArgs e)
{
    string resId = Page.RouteData.Values["restaurant"] as string;
    if (resId != null) { Response.Write("<script type=text/javascript>window.location.hash='#/Plates';</script"+">"); }
}

还有一个小事情需要注意的，由于我们启用了路径导航的功能，现在就可以通过不同的Url来访问default.aspx页面了，因此如果使用相对路径去引用Silverlight.js以及MyApp.xap包的时候就会出现问题。例如我们会看到浏览器去请求http://www.hanselman.com/abrams/restaurant/25/plate/4/Silverlight.js，而不是http://www.hanselman.com/abrams/silverlight.js，这会导致下面错误：

行: 56

错误: Unhandled Error in Silverlight Application

异常代码: 2104

类别: InitializeError

消息: 无法下载Silverlight程序，请检查Web服务器的设置

要解决这个问题，我们需要修改脚本的src属性：

<script src='<%= this.ResolveUrl("~/Silverlight.js") %>'

还有Silverlight插件参数：

<param name="source" value="<%= this.ResolveUrl("~/ClientBin/MyApp.xap") %>"/>

现在我们再通过http://localhost:30045/restaurant/48/plate/119#/Plates这个包含美食编号的Url来访问，就能直接来到相应的美食页面了：

步骤2：使用网站地图让搜索引擎知道你网站的所有深层链接

现在我们有了一个已经做好深层链接的应用程序了，每一个有趣的内容都被赋予了一个唯一的Url。但搜索引擎怎么知道这些Url呢？我们当然希望别人在社交网络上多谈论（谈论的时候通常会留下链接），然后搜索引擎能够发现其中的一部分Url，但我们更希望能够把这事做完整了。我们想给搜索引擎提供一个应用程序内部所有深层链接的Url列表。这可以使用网站地图（Sitemap）来实现。

网站地图的格式是所有主流搜索引擎都认可的。你可以在http://sitemap.org网站找到相关的信息。

为了更好的了解这其中的原理，我们来看看亚马逊，http://amazon.com，这个以数据驱动的网站是如何被搜索引擎索引的。当搜索引擎第一次来到这个网站，它会去读取网站根目录下的robots.txt文件。在这个例子中，robots.txt文件的绝对地址是http://www.amazon.com/robots.txt。

在这个例子中，我们可以看到，文件上半部分列举了一些目录，这些目录是不允许搜索引擎爬取的，文件下半部分列举的sitemap清单，是希望搜索引擎去爬取这些网站内容。

注意，严格来说，你不是必须使用Robots文件来声明你的网站地图（译者注：原文写的是“你不是必须使用网站地图”）。你可以使用主流搜索引擎提供的网站管理员工具直接登记网站地图地址。

如果我们导航到上面其中一个网址，我们将看到一个网站地图文件，如下面所示：

在这个例子中，因为亚马逊网站很庞大，这些链接被放到多个网站地图中去了（上面这个文件被称为网站地图索引文件）。当我们钻进子网站地图文件中，就能看到实际产品的链接了。

格式就如你看到的：

<urlset xmlns="http://www.google.com/schemas/sitemap/0.84">
<url>
  <loc>http://www.amazon.com/GAITHER-COMMITTEE-EISENHOWER-COLD-WAR/dp/081425005X</loc>
</url>
<url>
  <loc>http://www.amazon.com/CONTROLLING-VICE-REGULATING-PROSTITUTION-CRIMINAL/dp/0814250076</loc>
</url>

有意思的是，当亚马逊产品目录中添加或者移除商品的时候，这里的链接也会经常发生变更。

我们接着来看看如何为我们的网站建立一个网站地图。在Web工程中，打开VS的添加条目对话框，往我们工程添加一个“Search sitemap”  。

确认你机器上已经安装了RIA Services Toolkit ，否则是没有这个条目模板的。

添加成功之后，我们会得到一个robots.txt文件：

# This file provides hints and instructions to search engine crawlers.

# For more information, see http://www.robotstxt.org/.

# Allow all

User-agent: *

# Prevent crawlers from indexing static resources (images, XAPs, etc)

Disallow: /ClientBin/

# Register your sitemap(s) here.

Sitemap: /Sitemap.aspx

还有一个sitemap.aspx的文件。

更多信息，请参考：Uncovering web-based treasure with Sitemaps。

但这个sitemap.aspx文件还是空的，要建立实际可用的网站地图，我们需要基于PlateViewDomainService创建另外的视图。在这个例子，这个视图的消费者是一个Asp.Net页面。这里我们要用到asp:DomainDataSource。在设计器拖放一个Repeater控件到表单中，如下所示：

在Repeater控件上右键配置数据源：

选择一个数据源

最后，我们的网站地图文件中就会得到两个链接集合。

 <asp:DomainDataSource runat="server" ID="RestaurauntSitemapDataSource"
 DomainServiceTypeName="MyApp.Web.DishViewDomainService"
 QueryName="GetRestaurants" />
 <asp:Repeater runat="server" id="repeater" DataSourceID="RestaurauntSitemapDataSource" >
 <HeaderTemplate>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 </HeaderTemplate>
 <ItemTemplate>
 <url>
 <loc><%= Request.Url.AbsoluteUri.ToLower().Replace("sitemap.aspx",string.Empty) + "restaurant/"%><%# HttpUtility.UrlEncode(Eval("ID").ToString()) %></loc>
 </url>
 </ItemTemplate>
 </asp:Repeater>
 <asp:DomainDataSource ID="PlatesSitemapDataSource" runat="server"
 DomainServiceTypeName="MyApp.Web.DishViewDomainService"
 QueryName="GetPlates">
 </asp:DomainDataSource>
 <asp:Repeater runat="server" id="repeater2" DataSourceID="PlatesSitemapDataSource">
 <ItemTemplate>
 <url>
 <loc><%= Request.Url.AbsoluteUri.ToLower().Replace("sitemap.aspx",string.Empty) + "restaurant/"%><%# HttpUtility.UrlEncode(Eval("RestaurantID").ToString()) + "/plate/" + HttpUtility.UrlEncode(Eval("ID").ToString()) %></loc>
 </url>
 </ItemTemplate>
 <FooterTemplate>
 </urlset>
 </FooterTemplate>
 </asp:Repeater>

在第3行和第20行，我们是直接调用在DomainService中定义的GetRestaurant 和GetPlates方法。

现在，对于一个具有相当规模数据量的网站来说，这个页面将会耗费很长的时间去执行。它需要扫描数据库中的每一行。这当然可以保证数据永远最新的，但是我们希望平衡一下服务器的负载。一个简单的做法就是通过设置一个小时的输出缓存。具体操作参考ASP.NET Caching: Techniques and Best Practices。

<%@ OutputCache Duration="3600" VaryByParam="None" %>

另外一个处理这种大数据集的策略是将数据分割到多个网站地图中去，就像我们上面看到的亚马逊网站的例子。

随便取其中的一个Url，导航到此网址，OK，现在我们得到正确的页面了。

步骤3：对于重要内容，提供一个备选版本

太棒了，现在我们有了深层链接，我们也能让搜索引擎发现所有这些链接，不过，当搜索引擎来到这个页面的时候，它会看到什么？多数搜索引擎只会解析HTML，所以通过菜单"页面>查看源代码"，我们就能够看到搜索引擎眼中我们页面的面目了:

或者我们在禁用Silverlight插件（工具 > 管理加载项）后去访问此页面，我们会看到：

我们会看到一个巨大的白屏！

Silverlight生成的动态内容根本没有显示。事实上，要显示这些动态内容，必须得执行Silverlight代码。但我敢肯定，搜索引擎在任何时候都不会在他们的数据中心上去执行我们的Silverlight（或者Flash或者Ajax）代码的。所以我们需要的是一些备选的内容。

幸运的是，要做到这一点非常简单。首先让所有备选的内容展示出来。需要特别注意的是，这些内容并不单单是给搜索引擎看。制作只给搜索引擎看的内容是“糊弄搜索引擎”，或者是垃圾网页。这些内容通常用来迷惑搜索引擎，掩盖网站的真实内容（the pernicious perfidy of page-level web spam) 。而这里的备选内容是给那些没有安装Silverlight插件的用户看的。它可能不拥有所有Silverlight的特性，但却提供了一个降级的用户体验。当搜索引擎蜘蛛没有安装Silverlight插件的时候也是如此，这可以保证它们能够索引到一些有意义而且准确的信息。

把下面这段HTML代码添加到default.aspx页面中。

<div id="AlternativeContent" style="display: none;">
<h2>Hi, this is my alternative content</h2>
</div>

注意，这里写的是display:none，意味着我们并不期望浏览器去渲染这段内容...除非Silverlight插件不可用。为了实现这个效果，把下面这小段JS代码添加到页面中：

<script type="text/javascript">
if (!isSilverlightInstalled()) {
var obj = document.getElementById('AlternativeContent');
obj.style.display = "";
}
</script>

注意，这个很方便的isSilverlightInsalled函数是从Petr的old-but-good post on the subject文章中找到的。我只是把这个函数添加到我的Silverlight.js文件而已。

function isSilverlightInstalled() {
    var isSilverlightInstalled = false;
    try {
        //check on IE
        try {
            var slControl = new ActiveXObject('AgControl.AgControl');
            isSilverlightInstalled = true;
        }
        catch (e) {
            //either not installed or not IE. Check Firefox
            if (navigator.plugins["Silverlight Plug-In"]) {
                isSilverlightInstalled = true;
            }
        }
    }
    catch (e) {
        //we don't want to leak exceptions. However, you may 
        //to add exception tracking code here
    }
    return isSilverlightInstalled;
}

当我们使用一个没有启用Silverlight插件的浏览器中去浏览此页面的时候，我们就会看到备选的内容：

但是如果安装了Silverlight，我们则会看到漂亮的Silverlight应用程序内容：

这很不错，但我们怎么让页面显示正确的内容呢？我们想要展示和Silverlight应用程序完全一致的数据，而且又不想写太多代码。我们也实在不想去维护太多页面。所以让我们在页面的AlternativeContent这个DIV里头加入一些基本的代码。这个ListView是用来显示餐馆详细信息的。

<asp:ListView ID="RestaurnatDetails" runat="server"
                EnableViewState="false">
   <LayoutTemplate>
       <asp:PlaceHolder ID="ItemPlaceHolder" runat="server"/>
   </LayoutTemplate>
   <ItemTemplate>
       <asp:DynamicEntity ID="RestaurnatEntity" runat="server"/>
   </ItemTemplate>
</asp:ListView>

现在我们需要把它和我们的数据源绑定...我发现在VS的设计视图里头很容易就能够做到这一点。注意，要在设计器中编辑这个DIV，你需要将DIV改成可见模式。

然后我们来配置一下数据源：

下一步，我们需要基于我们之前定义的导航路径来绑定查询参数。

然后，我们对美食的ListView控件也重复同样的操作...

现在我们得到的代码非常简单:

<asp:ListView ID="RestaurnatDetails" runat="server"
         EnableViewState="false" DataSourceID="restaurantsDomainDataSource">
<LayoutTemplate>
      <asp:PlaceHolder ID="ItemPlaceHolder" runat="server"/>
</LayoutTemplate>
<ItemTemplate>
     <asp:DynamicEntity ID="RestaurnatEntity" runat="server"/>
</ItemTemplate>
</asp:ListView>

<asp:DomainDataSource ID="restaurantsDomainDataSource" runat="server"
               DomainServiceTypeName="MyApp.Web.DishViewDomainService"
               QueryName="GetRestaurant">
<QueryParameters>
  <asp:RouteParameter name="id" RouteKey="restaurantId"
                   DefaultValue ="-1" Type = "Int32"/>
</QueryParameters>
</asp:DomainDataSource>

下一步，我们需要让这些控件基于数据动态生成UI。

protected void Page_Init(object sender, EventArgs e)
{
 RestaurnatDetails.EnableDynamicData(typeof(MyApp.Web.Restaurant));
 PlateDetails.EnableDynamicData(typeof(MyApp.Web.Plate));
 string resId = Page.RouteData.Values["restaurant"] as string;
 if (resId != null) { Response.Write("<script type=text/javascript>window.location.hash='#/Plates';</script"+">"); }
}

注意到，我们在第4-5行处为这两个ListView控件启用了动态数据。

最后一步，我们需要添加DynamicData需要用到的模板集。你可以从任何DynamicData的工程中获得相应的文件。将其拷贝到Web工程根目录下。

你可以通过编辑这些模板来控制数据的显示。

在EntityTemplates目录中，我们需要为每个实体创建一个实体模板（在这个例子中，有美食和餐馆这两个实体）。这会决定他们是如何显示的。

<%@ Control Language="C#" CodeBehind="Restaurant.ascx.cs" Inherits="MyApp.Web.RestaurantEntityTemplate" %>

<asp:DynamicControl  ID="DynamicControl8" runat="server" DataField="ImagePath" />
<ul class="restaurant">
<li>
  <ul class="restaurantDetails">
      <li><h2><asp:DynamicControl ID="NameControl" runat="server" DataField="Name" /> </h2> </li>
      <li><asp:DynamicControl ID="DynamicControl1" runat="server" DataField="ContactName" /> (<asp:DynamicControl ID="DynamicControl2" runat="server" DataField="ContactTitle" />)</li>
      <li><asp:DynamicControl ID="DynamicControl3" runat="server" DataField="Address" />  </li>
      <li><asp:DynamicControl ID="DynamicControl4" runat="server" DataField="City" />, <asp:DynamicControl ID="DynamicControl5" runat="server" DataField="Region" />  <asp:DynamicControl ID="DynamicControl6" runat="server" DataField="PostalCode" />  </li>
      <li><asp:DynamicControl ID="DynamicControl7" runat="server" DataField="Phone" />  </li>
      <li><asp:HyperLink runat="server" ID="link"  NavigateUrl="<%#GetDetailsUrl() %>" Text="details.."></asp:HyperLink></li>
  </ul>
</li>
</ul>

这里我们只是做了些简单的格式化操作，然后把我们需要在备选内容中显示的字段挑选出来。对美食实体也重复同样的操作…

现在我们已经可以准备运行了。

访问根目录，在没有添加任何Url参数的情况下，我们会看到一个餐馆列表，当然，全都是HTML代码。

接着我们可以添加一个导航来定位某个特定餐馆的所有美食。

但是，让我们在真正的浏览器中浏览此页面，确保我们看到的和搜索引擎看到的是一样的。

Lynx还活着！Lynx是我92年在北卡罗来纳州州立大学Leazar实验室的DEC2100机器上用过的第一个浏览器...现在还可以正常工作！

还有细节信息：

这款经典的文本浏览器让我们看到了纯文本模式下页面的样子，这恰恰是搜索引擎蜘蛛所看到的。

现在，来看真正的测试。

我们使用Bing去搜索“我的美食浏览器——和Joe学烹饪”，显然，这个页面确实在那。

点击这个链接？

浏览器导航到的页面正是我们期望的页面。

当然，这在另外一个搜索引擎来说也是一样的... 如果你刚好是另外这个搜索引擎的用户:-)

总结

在上面这个例子中，我们学习了如何创建一个SEO优化过的、以数据驱动的Silverlight应用程序的基本操作。总共分为三个步骤：

• 步骤1：做好重要的页面的深层链接
• 步骤2：使用网站地图(Sitemap)让搜索引擎知道你网站的所有深层链接
• 步骤3：对于重要内容，提供一个备选版本

希望你们喜欢~

更多信息，请参考:  点亮Silverlight的SEO之路。

你可能对下面的文章感兴趣

• 2009年第一季度中国搜索引擎市场营收份额 (2009/05/06)
• Blend小贴士——改变鼠标滚轮的默认行为 (2009/09/18)
• Google工程师Matt Cutts谈SEO (2009/03/23)
• Robots.txt文件 (2009/05/06)
• Silverlight 2 RTM 多国语言支持（应用程序本地化） (2009/02/28)
• Silverlight 2动态加载Xap包中的程序集 (2009/03/02)
• Silverlight SEO（搜索引擎优化）白皮书 (2009/04/06)
• Silverlight2 动态加载程序集—OnDemand模式(Dynamic Load Assembly) (2009/03/02)
• Silverlight启用Assembly Caching之后铁通用户无法访问 (2010/02/13)
• Silverlight的依赖属性与附加属性 (2010/03/28)

之前我博客上面已经使用了Google的自定义搜索引擎，但是当用户搜索的时候，是跳到google.com的域名上面去，而不是在我自己的域上。我希望能够将搜索结果放在我自己设计的页面上，这样的好处是风格统一，在一定程度上也降低了用户流失率。下面讲一下如何在wordpress中集成Google自定义搜索引擎。

第一步：注册Google自定义搜索引擎

首先，我们需要到Google上面去注册一个自己的搜索引擎。访问http://www.google.com/cse/，用你的Google账户登录之后，创建新的搜索引擎。

这里需要注意，最好在英文版下操作。因为使用英文版可以提前体验一些新功能，例如一会要用到的样式设计。

在Sites（网站）中加上自己的博客链接，这样搜索结果就限定在你设置的网站内了。注意通配符的使用。

接着点击control panel（控制面板）=>get code（获取代码），这时会进入生成代码的页面。

以往Google自定义搜索的结果只能放在Google自己的域上（以弹出窗口或者iframe的形式展示），现在新增了一个自定义搜索元素的选项，通过这个选项，我们可以使用Google ajax search的API，直接在我们自己的页面上指定的div上输出搜索结果了。

点击页面上的look and feel我们还可以配置搜索结果的样式。Google预置了几套挺不错的样式供你选择。

这里我选择的是greensky的样式。

拷贝上面自动生成的javascript代码，一会要用到。

<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'zh-CN'});
  google.setOnLoadCallback(function(){
    var customSearchControl = new google.search.CustomSearchControl('009527755525159401988:63iuuetccag');
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    customSearchControl.draw('cse');
  }, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/greensky.css" type="text/css" />

第二步：创建搜索结果页

为了让搜索结果在博客内显示，我们需要在wordpress中创建一个新的页面，作为搜索结果展示的页面。定位到wordpress主题文件夹下，然后新建一个叫做cse.php（文件名无所谓）的模板文件，内容如下所示，注意到，中间的一段代码就是在第一步中Google自定义搜索引擎后台获取到的代码。

<?php
/*
Template Name: cse
*/
?>
<?php get_header(); ?>
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'zh-CN'});
  google.setOnLoadCallback(function(){
    var customSearchControl = new google.search.CustomSearchControl('009527755525159401988:63iuuetccag');
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    customSearchControl.draw('cse');
  }, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/greensky.css" type="text/css" />
<?php get_footer(); ?>

注意，上面代码中的Template Name后面填的名称，将会显示在wordpress后台文章/页面编辑器的模板选择框中。

将此模板文件通过FTP上传到服务器上相应的主题文件夹下，然后我们登录wordpress后台，创建一个新的页面，名字为sitesearch:

然后在右侧选择应用刚刚创建的cse模板：

OK，现在当我们访问http: //www.imkevinyang.com/sitesearch网址的时候，就可以看到Google的搜索框了。由于默认没有填入任何搜索关键词，所以我们暂时看不到任何搜索结果。

第三步：修改站内搜索提交表单

上面我们已经创建了一个搜索结果页了，但现在这个页面是一个孤立页面，没有和其他页面关联起来。接下来我们要做的事情，就是当用户点击你网站上任意页面的站内搜索按钮的时候，将用户引导到你刚刚创建的搜索结果页上。

在你的主题文件夹中找到相应的模板页，在模板页中找到站内搜索相关的代码，例如我使用的inove主题，站内搜索相关的代码是放在templates/header.php文件中，代码如下：

<div class="searchbox" style="padding-top:5px;">
<form method="get" action="/">
  <input type="text" size="24" name="q" value="搜索文章...." class="textfield" style="float:left" onblur="if (this.value == '') {this.value = '搜索文章....';}" onfocus="if (this.value != '') {this.value = '';}"/>
  <input type="hidden" value="UTF-8" name="ie"/>
  <input class="submitSearch" type="submit" value="Search"></input>
</form>
</div>

不同主题的站内搜索代码可能很不一样，放置的位置也不一样，大家可以尝试在整个主题文件夹中搜索包含“searchbox”关键字的文件。

内置的搜索引擎当用户点击搜索按钮之后会跳转到“http: //www.imkevinyang.com/?q=关键词”这样的地址，现在我们想让搜索结果跳到sitesearch页面，也就是刚才创建的页面，因此我们将上面代码中的form表单的action属性值改成“sitesearch”，这样，当我们提交表单的时候，跳转到的Url就形如：/sitesearch?q=XXX&ie=utf-8了。

<form method="get" action="/sitesearch">

第四步：初始化搜索关键字

好，现在当我们点击站内搜索按钮的时候，会跳到我们创建的页面/sitesearch上，并在Url参数中附带用户搜索的关键字。但是你会发现，搜索页面还是一片空白，没有展示任何搜索结果。这是因为Google并不能自动识别Url参数中的搜索关键字。因此我们要做的事情就是，先从Url中提取用户搜索的关键词，然后调用Google API使用此关键词进行搜索。

打开之前创建的cse.php模板，代码修改如下：

<?php
/*
Template Name: cse
*/
?>
<?php get_header(); ?>
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'zh-CN'});
  google.setOnLoadCallback(function(){
        var customSearchControl = new google.search.CustomSearchControl('009527755525159401988:63iuuetccag');
        customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
        customSearchControl.draw('cse');
        var match = location.search.match(/q=([^&]*)(&|$)/);
        if(match && match[1]){
            var search = decodeURIComponent(match[1]);            

            customSearchControl.execute(search);
        }
    });
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/greensky.css" type="text/css" />
<?php get_footer(); ?>

在上面的代码中，我先使用正则表达式提取出来Url中的关键词，并使用UTF-8解码，然后让google执行搜索。实际使用中，你需要确认你网站上使用的Url搜索参数是不是q，如果不是，那么需要将上述的正则表达式中的q改成你自己定义的参数。

最终的效果:

细微的调整

改用Google.CN防止站内搜索被重置

由于众所周知的原因，我们使用Google.com搜索的时候经常会无厘头的被重置掉了，我们并不希望用户在我们网站上搜索文章的时候无缘无故被屏蔽掉了。所以为了保险起见，我们可以将第一步代码中引用的javascript文件地址修改成google.cn，这样所有的搜索都会使用google.cn（部分功能如adsense还是会使用google.com）。

<script src="http://www.google.com/jsapi" type="text/javascript"></script>

修改成：

<script src="http://www.google.cn/jsapi" type="text/javascript"></script>

让搜索结果只包含文章页

大多数博客为了便于用户查阅文章，都会对文章进行聚类，例如按文章标签（也就是关键词）聚类，按文章类别聚类，按存档年份或者月份聚类，等等，这样就会出现大量冗余的内容，对搜索引擎来说，这样的聚类可以让博客看起来内容更丰富些，同时站内链接比较健康，SEO效果会相对好，但这样一来，用户就不容易在搜索结果中快速找到他想看的文章了，因此我们在设置搜索结果的时候，最好让结果只包含文章内容页即可。

要做到这一点，只需要在第一步中的“包含网站”中将原先的“*.imkevinyang.com/*”替换成“*.imkevinyang.com/*.html”即可。

总结

利用Google自定义搜索引擎还有很多其他的好处，例如可以和Google Analytics以及Adsense整合到一起，报表分析更加透彻。将搜索结果放置到自己博客内页，可以自己修改样式，以保持和主题风格的一致，同时也可以吸引用户留在你的博客上。

更加高级的用法，请参考Google代码指南。

文章参考：http://www.whisperer.name/2009/09/improve-the-google-custom-search-results-of-inove/

——Kevin Yang

你可能对下面的文章感兴趣

• 2009年第一季度中国搜索引擎市场营收份额 (2009/05/06)
• 4行Greasemonkey代码最大化Google Reader的阅读空间 (2009/08/09)
• Android手机初体验 (2010/03/01)
• G1手机与笔记本实现Wifi互联共享上网 (2010/03/02)
• Google Analytics中的UniquePageView和Visits的区别 (2009/12/07)
• Google Wave为什么这么火 (2009/11/14)
• Google和微软的一大不同 (2009/05/06)
• Google工程师Matt Cutts谈SEO (2009/03/23)
• Google排名更新 (2009/03/21)
• Google的价值观 (2009/03/07)

关于这两事件详情参见可能吧的这两篇文章：

“绿坝-花季护航”是一个笑话

Google，你不应该服务中国大陆（原文貌似已经被河蟹了）

这次央视门事件引发了我一些思考，搜索引擎到底该为谁服务？搜索结果到底应不应该过滤？

我们都知道，当搜索引擎出现的时候引发了互联网的革命，信息的获取相比从前变得异常的简单。特别是当Google这个互联网巨头出现的时候，我们更有这种感觉。用Google的使命来说就是“组织全世界的信息，使人们能够随时随地地使用信息”。这个理念非常吸引人，Google想表达的意思是，当人们需要某种特定信息的时候，他们能够随时随地的在搜索引擎上面找到相应的入口点。但实际上，这个理念尚处于理想化的状态。看看我们现在的互联网各大主流搜索引擎，百度，雅虎等，当你搜索某个关键词的时候，很多时候你会发现，搜索结果充斥着大量乱七八糟的信息，有些是对你没用的东西，有些是你不应该看的东西，而有一些是误导你的东西，等等。

当然提高搜索技巧确实可以增加搜索准确度，但并不是很多人都是搜索高手。如果我们理想化的假设每个人都有很好的辨知能力的话，那么也无伤大碍。没用的东西一眼扫过，不该看的东西直接略过，误导你的东西一笑置之。但事实上，我们知道，大部分的人都不具备这样的能力。

对于未成年人来说，如果不小心搜索出了一些黄色淫秽的信息来，而旁边又没有人监督的时候，很容易就会丧失自制能力。这对未成年人来说是非常危险的。而对于政治观点比较偏激的人，如愤青一族，他们可能经常会搜一些敏感词，如果搜索结果没有做任何过滤，那么很可能会搜出一大堆的反动言论，要是轻信这些言论的话那么很容易导致社会的不稳定。

其实黄色信息并不是不好，当对象已成年的情况下；所谓的“反动言论”也并不是不好，我们不能一味的粉饰太平，经常我们可以再反动言论中看到当前政府的一些不足之处，如果处理得当，那么对当前政府和国家的帮助也是有的。

这就引出了我之前的两个思考，搜索引擎是一个大熔炉，里面什么东东都有，但是这些信息面向的对象并不是一样的，那么搜索结果是否应该以此为理由做过滤？如果要做过滤，那么谁来决定哪些信息应该被过滤呢？换句话说，搜索引擎到底应该是为谁服务的呢？

我觉得信息的自由化才是符合历史潮流的做法，搜索引擎应该服务于所有网民，信息的过滤权应该交还给网民自己。

我们看看标榜自己是“自由国度”的美国（关于这方面的介绍可以阅读《历史的忧虑》系列书籍）。在美国，言论自由是受宪法保护的，而且他的自由度远远超过了我们被定义“自由”。你可以公开在报纸上骂当前政府无能，你可以去揭露某个官员的腐败，你甚至可以出版一本书把政府的肮脏事都给说出来。当然美国的自由也是有尺寸的，例如你不能随意诽谤其他人，在美国，诽谤罪也是很重的，可以把一家报纸搞垮。你也不能发表会立即造成破坏行动的言论，例如在大家上鼓动大家用武力去推翻政府。等等。自由也给美国带来了很多代价，但是美国依然坚持探索这条自由之路，并为此为自豪。

信息的传递工具越来越便捷，信息的获取越来容易，在这种趋势下，我们不可能因为害怕信息自由化造成的问题而去封锁这种自由，反而我们应该学习美国，以一种积极的心态去面对这股潮流。未来的信息战肯定是避免不了的了，如果我们现在就开始做好打这场战的准备，那么未来我们才能更加从容的去面对。

再说过滤权的问题。我觉得没有一个人能够将自己凌驾于其他人之上，来决定哪些内容其他人应该看，哪些内容其他人不应该看。对于信息的辨知能力，可能现在我们都还不成熟，但是网民是一个不断成熟的群体，我始终觉得只有在了解多方面的信息之后，一个人才能做出全面的准确的判断。如果我们搞信息封锁，过滤，那么网民得到的信息只是片面的，很容易造成偏激。如果政府觉得有些言论是在误导群众，那么他可以发表一些自己的言论，我觉得如果网民信任政府的话，那么描述同件事情的两个不同的言论，网民会更偏向于相信政府的观点。过度的掩饰、信息封锁反而导致网民对于政府的不信任。

再说未成年人，我觉得对于未成年人来说，信息的过滤权应该交由他们的监护人。毕竟他们的心智还很不成熟。从这一点上来讲，我非常支持政府去采购一款信息过滤软件免费供家长使用。可惜政府出发点是对的，走的路却是歪的╭(╯^╰)╮

你可能对下面的文章感兴趣

• 2009年第一季度中国搜索引擎市场营收份额 (2009/05/06)
• Robots.txt文件 (2009/05/06)
• Silverlight 4+RIA Services–搜索引擎优化(SEO) (2010/05/04)
• Silverlight SEO（搜索引擎优化）白皮书 (2009/04/06)
• 免费的SEO检测工具 (2009/03/22)
• 各大搜索引擎收录入口 (2009/03/21)
• 在Wordpress中轻松集成Google自定义搜索引擎 (2009/12/07)
• 奇怪的百度收录现象 (2009/05/06)
• 数学之美系列五 — 简单之美：布尔代数和搜索引擎的索引 (2009/03/27)
• 数学之美系列十七 — 谈谈搜索引擎作弊问题(Search Engine Anti-SPAM) (2009/03/27)

你可能对下面的文章感兴趣

• Robots.txt文件 (2009/05/06)
• Silverlight 4+RIA Services–搜索引擎优化(SEO) (2010/05/04)
• Silverlight SEO（搜索引擎优化）白皮书 (2009/04/06)
• 免费的SEO检测工具 (2009/03/22)
• 各大搜索引擎收录入口 (2009/03/21)
• 在Wordpress中轻松集成Google自定义搜索引擎 (2009/12/07)
• 奇怪的百度收录现象 (2009/05/06)
• 搜索引擎到底该为谁服务 (2009/06/26)
• 数学之美系列五 — 简单之美：布尔代数和搜索引擎的索引 (2009/03/27)
• 数学之美系列十七 — 谈谈搜索引擎作弊问题(Search Engine Anti-SPAM) (2009/03/27)

你可能对下面的文章感兴趣

• 2009年第一季度中国搜索引擎市场营收份额 (2009/05/06)
• Google工程师Matt Cutts谈SEO (2009/03/23)
• Silverlight 4+RIA Services–搜索引擎优化(SEO) (2010/05/04)
• Silverlight SEO（搜索引擎优化）白皮书 (2009/04/06)
• 为Wordpress博客加速——清理你的主题文件 (2009/07/26)
• 免费的SEO检测工具 (2009/03/22)
• 各大搜索引擎收录入口 (2009/03/21)
• 在Wordpress中轻松集成Google自定义搜索引擎 (2009/12/07)
• 奇怪的百度收录现象 (2009/05/06)
• 搜索引擎到底该为谁服务 (2009/06/26)

你可能对下面的文章感兴趣

• 2009年第一季度中国搜索引擎市场营收份额 (2009/05/06)
• Google工程师Matt Cutts谈SEO (2009/03/23)
• Robots.txt文件 (2009/05/06)
• Silverlight 4+RIA Services–搜索引擎优化(SEO) (2010/05/04)
• Silverlight SEO（搜索引擎优化）白皮书 (2009/04/06)
• 为Wordpress博客加速——清理你的主题文件 (2009/07/26)
• 免费的SEO检测工具 (2009/03/22)
• 各大搜索引擎收录入口 (2009/03/21)
• 在Wordpress中轻松集成Google自定义搜索引擎 (2009/12/07)
• 感叹Google的收录速度 (2009/09/18)

英文原文出处：http://silverlight.net/learn/whitepapers/seo.aspx

中文翻译出处：http://www.mdong.org/?p=277

概要

这份文档描述了一些Silverlight程序的搜索引擎优化（SEO）技巧。这些技巧是用来帮助开发人员使得Silverlight内容能够在搜索引擎的结果页被发现，并为没有激活Silverlight的用户提供合意的体验。

这份文档将包括以下的章节：

*介绍
*搜索引擎工作原理
*开发Silverlight程序的方法
*Silverlight程序的SEO技巧
*总结

介绍

搜索引擎能够直接识别HTML内容。与此同时，搜索引擎先天的不识别Silverlight内容。这一点与搜索引擎不支持其它的一些通过HTML呈现的对象类似，如脚本、css、媒体文件以及ActiveX控件。为了使Silverlight内容能够被搜索引擎收录，你可以使用搜索引擎已经支持的方法，如将孤立的Silverlight岛与跟内容相关的HTML metadata相结合。

SEO的目的是增加页面在搜索引擎的主要结果页(图中被红色矩形标出的部分)的显示机会，而不是在广告或者赞助商的页面。

搜索引擎的搜索结果页

虽然搜索引擎技术的前景因为大量的竞争者不断地改进与革新正在迅速地变化，而SEO所依赖的搜索引擎算法中的一些基本原理是类似的。

搜索引擎的工作原理

搜索引擎能够抓取、评估与收录Web页面内容。抓取过程由搜索引擎爬虫（robot）执行，它们顺着网站的链接爬行并捕获内容。这时搜索引擎使用算法权重Web页面的价值。这个信息被用于建立搜索索引，也就是建立一个基于查询的结果页。
一个Web页面在搜索引擎的结果中会获很高的排名的主要原因是：页面中的词句与匹配的关键字在过去经常被搜索到。动态页面与不规范的元素，诸如页面中的脚本、样式表、对象以及embed标签等对搜索引擎来说是一种质疑，是一贯就就没有做好的领域。

在这种情况下，搜索引擎需要做以下的工作：

下载链接内容与关联的源页面相匹配。
在浏览器中解析、转换、执行或呈现元素以获得与用户浏览页面同等的体验。

搜索引擎简化示意图

开发Silverlight程序的方法

如果你正在计划开发一个Silverlight程序，那么你有许多工作可以做，以确保程序被搜索引擎发现并收录。

接下来是你可以采取的一些使得程序可以与HTML内容共存的方式。

混合HTML与Silverlight内容

该方式使得同一页面内的HTML文本与Silverlight内容相混合，它在功能上的递送更为丰富，原生的HTML内容也将被搜索引擎收录。为此，留心将Silverlight内容以适应内嵌或者环绕、字块的方式设计。这看起来像是格子中的交互构件适应在HTML文本的周围。 Silverlight程序的交互支持真正的文本比隐藏在搜索引擎可搜索的文本中将更具优势。

岛式文本与Silverlight交互

使用HTML桥动态生成Silverlight内容

这个方法略微难以实现，并限制Siverlight的体验。如果你拥有现有XHTML内容并希望使用Silverlight提升体验，使用这个方法你可以获得很大的成功。在这个方法中，XHTML内容是爬虫与低端（Down-Level）客户端的基础体验，Silverlight体验仅留作在客户端平台用户运行Silverlight。

在这个方法中，XHTML内容可以对目标客户端实现高保真的体验。它还公开的作为嵌套的预备内容内嵌在Silverlight插件的object标签中。一个属性从优雅降级模式区分出这个模式，这个模式中Silverlight程序的UI被嵌套预备内容所驱动。换句话说，程序逻辑会使用DOM桥用于取得object标签嵌套的预备内容，并使用它来构建Silverlight UI。使用XSLT转化XHTML到XAML将会变得更为简单，或者使用数据绑定，绑定XAML UI属性到提取的标记中的object呈现内容。

优雅降级

在这份文档中，主要关注通过优雅降级的方法达到的SEO。在这样的一个环境中，Silverlight内容是用户的主要体验，以嵌套在object标签的预备内容的使用作为低端体验。

Silverlight程序的SEO技巧

使得Silverlight内容被搜索引擎引索的关键因素是存在一个方法针对未激活Silverlight的系统与用户。包括以下情况：

*包含Silverlight内容的Web页面何如在当前不被Silverlight所支持的客户端/浏览器的配置中运作，如Opera或Windows 98。
*对于使用无障碍程序（如屏幕阅读者与播音者）的用户来说Web页面如何运作？
*对于使用文本浏览器的用户来说Web页面如何运作？如不支持脚本的Lynx等。

呈现相关的metadata与预备内容会使得Silverlight内容对于低端用户更为友好，这种友好对于搜索引擎也同样适用。

当创建Silverlight程序时，假设所有的用户已经安装了Silverlight或者有条件安装Silverlight。你准备如何为用户描述应用程序：

*了解你的用户。
*计划如何向他们描述应用程序。
*确定关键字，用于与搜索用户相联系。

你所使用的页面的标题以及头部片段、body内容、预备内容的关键词扮演了一个搜索引擎寻找与收录内容以及用户如何找到内容的重要角色。

下面的许多技术你可以用于优化搜索引擎结果并提升用户体验：

*使用描述的页面标题
*增加描述Metadata
*使用语义化的程序名称
*使用object标签
*确定Silverlight的预备内容
*当使用Silverlight.js时使用creatObject
*测试低端体验

使用描述的页面标题

给页面一个完美的标题。Web页面的作者必须修改与个性化页面中的标记，可以通过Visual Studio或者Expression Blend由Silverlight工程模板生成。为了有更好的讨论效果，我们假定你有一个Silverlight程序，提供西雅图地区的交通地图。图中展示了一个默认的页面标题与良好的页面标题。

糟糕的页面标题与良好的页面标题

增加描述Metadata

页面的关键词meta标签对于搜索引擎决定页面的rank值来说并不是很有效。但是，一个页面的标题与meta描述标签（属性名为description的meta标签）对于保证搜索用户在结果页查看你的页面与联系他们正在寻找的内容却有很大的帮助。

如果你有一个顶级(Top-Level)的Silverlight程序，占用了整个的客户端浏览器显示区域，或者一个依靠该程序的登录页面，这个时候你必须在HTML页面增加一个meta描述标签。下面的代码展示了meta描述标签的格式。

<head>
<meta name="description"
content="Silverlight development community..." >
...
</head>

如果有一个页面拥有大量的文本内容，并包括了相关的关键字，这时你可以忽略meta描述。搜索引擎会在结果页显示一部分你的页面的内容，任何残余的描述可能事实上被证明都不会显示。

下面的图像展示了一个包括描述的搜索页面入口的例子，以及当meta描述标签未定义时它将如何显示。

搜索引擎结果页，有meta描述标签与没有meta描述标签

使用语义化的程序名称

给应用程序赋予一个实用的名字是另外一个帮助搜索引擎找到你的Web页面的方式。如：一个应用程序提供了一个关于西雅图地区的交通地图，可以被命名为SeattleTrafficMaps.xap。

即使你的应用程序已经使用了一个不同的名字，修改它的名字也是相当容易。如：将MyTestSLApp.xap命名为 SeattleTrafficMaps.xap。当你没有在其它代码处使用这个程序名，回头修改它将是一个简单的操作。默认请况下，在 Silverlight模板中对其没有依赖。

使用object标签

object标签被设计用作HTML。如果在主object不能被载入显示内容，这时客户端浏览器会继续寻找在object标签中的替换内容。

Silverlight内容的发布者必须使用object标签（不是embed标签）来初始化Silverlight。下面的代码展示了如何加入object标签。

<object type="application/x-silverlight-2"
data="data:application/x-silverlight,"
width="..." height="...">
<param name="source" value="SeattleTrafficMaps.xap" />
<!-- Other parameters, if any -->
  ...
<!-- The “Get Silverlight” messages and badge -->
<p>This content requires Microsoft Silverlight.
<a href="http://go.microsoft.com/fwlink/?LinkID=124807"
style="text-decoration: none;"> 

<img src="http://go.microsoft.com/fwlink/?LinkId=108181"
alt="Get Microsoft Silverlight"
style="border-style: none"/>
</a>
</p>
</object>

确定Silverlight的预备内容

Silverlight程序的object标签必须被补充嵌套在预备内容中，也就是被显示在缺少Silverlight的系统中的内部HTML。下面的代码显示了如何做到这点。

<object type="application/x-silverlight-2"
data="data:application/x-silverlight,"
width="..." height="...">
<param name="source" value="SeattleTrafficMaps.xap" />
<!-- Other parameters, if any -->
  ...
<!-- Nested alternate HTML content for search -->
<h3>Traffic map of the Seattle-Puget Sound area</h3> 

<p>Up-to-the-minute traffic situation overlaid on the map of
     the Seattle-Puget Sound area, powered by
<a href="http://maps.live.com">Live Maps</a>
</p> 

<!-- Canned image representing the application contents -->
<img src="SeattleTraffic_RushHour.jpg"
alt="Seattle traffic at 5:30pm (evening rush-hour)" />
<!-- The “Get Silverlight” message and badge -->
<p>This content requires Microsoft Silverlight.
<a href="http://go.microsoft.com/fwlink/?LinkID=124807"
style="text-decoration: none;">
<img src="http://go.microsoft.com/fwlink/?LinkId=108181"
alt="Get Microsoft Silverlight"
style="border-style: none"/>
</a>
</p>
</object>

当使用Silverlight.js时使用createObject

Silverlight.js的主函数供于跨平台、跨浏览器，借助构建恰当的标记使得Silverlight内容与HTML DOM相挂钩。典型的，包括围绕浏览器工作的object标签。createObject函数统一提供了父级元素的id，如：一个div或者span的内嵌，Silverlight object会作为子元素挂钩。这个方法使用了以下的逻辑。

if (slParentElement != null) {
   slParentElement.innerHTML = slPluginHTML;
}

假设你的标记由以下组成。

<div id="divWithinWhichSLObjectExists">
<script type="text/javascript">
<!--
    Silverlight.createObject("slObjectId",
                             "divWithinWhichSLObjectExists",
                             ...); 

// -->
</script>
</div>

当浏览器运行时，有效的DOM应该如下面的代码。

<div id="divWithinWhichSLObjectExists">
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
 width="100" height="100"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
    <param name="source" value="SeattleTrafficMaps.xap" />
    <embed type="application/x-shockwave-flash" width="100" height="100" source="SeattleTrafficMaps.xap">
    </embed>
    </object>
</div>

存在附带产生有益的效用供于以下原因：更换父级div的内部HTML移动了该div中任何其它现有的子元素。搜索引擎会在所有脚本执行与改变DOM之前经常分析与引索标记。

换句话说，你可以增加详尽的相关的metadata作为内在HTML内嵌在Silverlight object中的父级div元素。搜索引擎会处理metadata，但是metadata不会显示在浏览器中。

如果你的父级div已经嵌套了关联的内容，下面的代码将是蜘蛛能够看到的。

<div id="divWithinWhichSLObjectExists"><!-- Nested alternate HTML content for search -->
<div>
<h3>Traffic map of the Seattle-Puget Sound area</h3>
Up-to-the-minute traffic situation overlaid on the map of
the Seattle-Puget Sound area, powered by
<a href="http://maps.live.com">Live Maps</a> 

<!-- canned image representing app contents -->
<img src="SeattleTraffic_RushHour.jpg" alt="" /> alt="Seattle traffic at 5:30pm (evening rush-hour)" /&gt;</div>
<!-- Invocation of the createObject function in Silverlight.js -->
<script type="text/javascript"><!--
    Silverlight.createObject("slObjectId", //SL plug-in id
                             "divWithinWhichSLObjectExists", //parent id
                             ...); 

// --></script></div>

测试低端体验

不管内容中相关的Silverlight与HTML的如何重要，针对没有安装Silverlight的用户的页面测试是非常必要的。

使得低端用户可以访问这个页面，执行以下步骤：

1.关闭所有的Internet请求，启动一个新的请求。

2.在工具菜单，选择管理加载项，然后点击开启/禁止加载项。会弹出管理加载项对话框。

3.选择Microsoft Silverlight，选择禁用按钮，然后点击确定。

4.重启Internet Explorer并操作转向有Silverlight内容的Web页面。

5.重复返回管理加载项对话框，选择Microsoft Silverlight、并选择启用。

注：

用于临时关闭Silverlight插件的程序仅作用于当前使用的浏览器。

当你测试低端体验完毕，值得在你的页面中加入一个统计工具，如SEO浏览器以了解标记的效果以及SEO的内容。

总结

搜索引擎收录非原生的HTML内容的能力非常有限。但是，如果你通过几种方式构造并呈现了你的应用程序，这将有更大的可能性响应到搜索查询并显示在搜索引擎结果页。

英文原文

Search Engine Optimization for Silverlight applications

Ashish Shetty

Microsoft Corporation

October 2008

Summary

This document describes some best practices for search engine optimization of Silverlight applications. These practices are designed to help developers make their Silverlight content discoverable on a search engine results page and to provide an acceptable experience for users who do not have Silverlight enabled.

This document contains the following sections:

• Introduction
• How Search Engines Work
• Approaches for Developing a Silverlight Application
• Search Engine Optimization Techniques for Silverlight Applications
• Conclusion

Introduction

Search engines are geared toward recognizing HTML content. At this time, they do not recognize Silverlight content natively. This is similar to the search engine support for other objects on the HTML page, such as script blocks, CSS blocks, media files, and ActiveX controls. To make Silverlight content indexable by search engines, you can use approaches that search engines are already familiar with, such as combining the islands of Silverlight content with HTML metadata about that content.

The goal of search engine optimization (SEO) is to increase the chances that your page will appear in the main section of the search engine results page (outlined by the red rectangle in Figure 1), not the paid or sponsored results.

Figure 1 - Search engine results page

Even though the search landscape is rapidly changing, with multiple competitors continuously improving and evolving how they implement search, SEO relies on some fundamental similarities among search engine algorithms.

How Search Engines Work

Search engines crawl, weight, and index Web page content. Crawling is done by a search robot that traverses the links in a Web site and captures the content. Search engines then use algorithms and heuristics to assign weights to Web pages. This information is used to build the search index, which is used to build a results page based on your query.

The main reason for a Web page to be highly ranked in search engine results is that the words on the page match the keywords that are used to search. The presence of dynamic and nonstandard elements such as script, style, object, and embed tags in the page is a challenge to search engines, and this is an area where they have traditionally not done well.

In this situation, search engines have to do the following:

• Download linked content and associate it with the source page.
• Parse, convert, execute, or render elements to obtain the same experience as the user viewing the page in a browser.

Figure 2 is a simplified view of how a search engine works.

Figure 2 - A simplified view of a search engine

Approaches for Developing a Silverlight Application

If you are planning to build a Silverlight application, there are things you can do to make sure that your application is discovered and returned by search engines.

The following are some of the patterns that you can adopt for how your application coexists with the HTML content.

Mix HTML with Silverlight Content

This pattern involves mixing HTML text with Silverlight content in the same page so that it delivers richness in functionality and the native HTML content is consumable by search engines. To do this, consider designing your Silverlight content in such a way that it fits within, or around, a block of text. This looks like a grid of interacting components that fit around HTML text. An advantage of this approach is that it ensures that your Silverlight interactivity is truly supporting the text, rather than hiding otherwise searchable text from search engines. Figure 3 shows a Web page with this approach.

Figure 3 - Islands of text and Silverlight interactivity

Use HTML Bridge to Generate Silverlight Content Dynamically

This approach is slightly harder to achieve and can be limiting to the Silverlight experience. You will have most success with this approach if you have existing XHTML content and want to enhance the experience with Silverlight. In this approach, the XHTML content is the base experience for search robots and down-level clients, while the Silverlight experience is reserved for consumers on client platforms capable of running Silverlight.

In this approach, the XHTML content has the full-fidelity experience for its target clients. It is still declared as nested alternate content within the object tag for the Silverlight plug-in. The one attribute that differentiates this pattern from the graceful degradation pattern is that in this pattern, the Silverlight application’s UI is driven by the nested alternate content. In other words, application logic will use the DOM Bridge to get the nested alternate content from the object tag and use it to construct the Silverlight UI. This can be as simple as using XSLT to transform the XHTML to XAML, or perhaps using data binding to bind XAML UI properties to an object representing content from the extracted markup.

Graceful Degradation

In this document, we focus primarily on search engine optimization using the graceful degradation approach. In such a scenario, the Silverlight content is the primary experience for consumers, and the use of nested alternate content within the object tag serves as the down-level experience.

Search Engine Optimization Techniques for Silverlight Applications

The key consideration for making Silverlight content indexable by search engines is to use the approaches that are used for systems and users for which Silverlight is not enabled. Considerations include the following:

• How the Web page with Silverlight content behaves in client/browser configurations such as Opera or Windows 98, which are not currently supported by Silverlight.
• How the Web page behaves for customers who use accessibility programs such as screen readers and narrators.
• How the Web page behaves for customers who use from a text browser such as Lynx, where no scripts can execute.

Presenting contextual metadata and alternate content that would make Silverlight content friendly to down-level users will also make it friendly to search engines.

When creating your Silverlight application, do not assume that all users will have Silverlight installed or have computers with the ability to install Silverlight. Prepare for how you would describe your application to these users.

• Know your audience.
• Plan on how you would describe your application to them.
• Identify the keywords that you would use to connect with searchers.

The words that you use in your titles, page and section headers, body content, and alternate content play an important role in how the search engines find and index your content, and also how a user finds your content.

The following are some of the techniques you can use to optimize your search engine results and improve the experience for all users:

• Use a Descriptive Page Title
• Add Description Metadata
• Use a Meaningful Application Name
• Use the object Tag
• Specify Alternate Content for Silverlight
• Use createObject When Using Silverlight.js
• Test Down-Level Experiences

Use a Descriptive Page Title

Give your page a good title. Web page authors must update and customize the markup in the pages generated by Silverlight project templates in Visual Studio or Expression Blend. For the purposes of discussion, let’s assume you have a Silverlight application that provides interactive traffic maps for the Seattle area. Figure 4 shows bad (default) and good Web page titles.

Figure 4 - Bad and good page titles

Add Description Metadata

Keywords in your page’s meta tag are not very useful for search engines to determine your page’s rank. However, a page title and meta description tag (that is, a meta tag whose name attribute is set to "description") are extremely useful in ensuring that searchers who view your page on a results page associate it with content that they are looking for.

If you have a top-level Silverlight application that occupies the full extent of the browser’s client area, or one that exists on your landing page, then you must have a meta description tag on your HTML page. The following code shows the format of the meta description tag.

<head> <meta name="description" content="Microsoft portal site for the Silverlight development community..." > ... </head>

If you have a page with a lot of text content that contains relevant keywords, then you can omit the meta description. The search engine will show a portion of your page content on the results page, and any stub description may actually prove counterproductive.

The following figure shows a sample search page entry with a description, and how it would appear if the meta description tag were not present.

Figure 5 - Search results page with and without a meta description tag

Use a Meaningful Application Name

Giving a useful name to your application is another way to help the search engines find your Web page. For example, an application that provides traffic maps for the Seattle area could be named SeattleTrafficMaps.xap.

Even if your application was built using a different name, it is easy to change the name, for example, from MyTestSLApp.xap to SeattleTrafficMaps.xap. Changing the name back at a later time is a simple operation if that name is not referred to elsewhere in your code. By default, there are no dependencies of this kind in the Silverlight templates.

Use the object Tag

The object tag in HTML is designed so that if the main object cannot be loaded to display content, then browser clients will continue to look for alternative content within the object tag.

Silverlight content publishers must use the object tag (not the embed tag) to instantiate Silverlight. The following code shows how you can add the object tag.

<object type="application/x-silverlight-2" data="data:application/x-silverlight," width="..." height="..."> <param name="source" value="SeattleTrafficMaps.xap" /> <!-- Other parameters, if any --> ... <!-- The “Get Silverlight” messages and badge --> <p>This content requires Microsoft Silverlight. <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"> <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/> </a> </p> </object>

Specify Alternate Content for Silverlight

The object tag for the Silverlight application must be supplemented with nested alternate content, namely the inner HTML that is displayed on systems where Silverlight is absent. The following code shows how you can do that.

<object type="application/x-silverlight-2" data="data:application/x-silverlight," width="..." height="..."> <param name="source" value="SeattleTrafficMaps.xap" /> <!-- Other parameters, if any --> ... <!-- Nested alternate HTML content for search --> <h3>Traffic map of the Seattle-Puget Sound area</h3> <p>Up-to-the-minute traffic situation overlaid on the map of the Seattle-Puget Sound area, powered by <a href="http://maps.live.com">Live Maps</a> </p> <!-- Canned image representing the application contents --> <img src="SeattleTraffic_RushHour.jpg" alt="Seattle traffic at 5:30pm (evening rush-hour)" /> <!-- The “Get Silverlight” message and badge --> <p>This content requires Microsoft Silverlight. <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"> <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/> </a> </p> </object>

Use createObject When Using Silverlight.js

The primary function of Silverlight.js is to provide a cross-browser, cross-platform means of constructing the right markup to get Silverlight content hooked up to the HTML DOM. Typically this involves working around browser quirks to generate the object tag with the right set of parameters. The createObject function also takes the id of a parent element, for example a div or span, within which the Silverlight object will be hooked up as child element. This approach uses the following logic.

if (slParentElement != null) { slParentElement.innerHTML = slPluginHTML; }

For example, assume that your markup consisted of the following code.

<div id="divWithinWhichSLObjectExists"> <script type="text/javascript"> Silverlight.createObject("slObjectId", "divWithinWhichSLObjectExists", ...); </script> </div>

The effective DOM would be like the following code when executed on the browser.

<div id="divWithinWhichSLObjectExists"> <object type="application/x-silverlight-2" data="data:application/x-silverlight," width="..." height="..."> <param name="source" value="SeattleTrafficMaps.xap" /> <!-- Other Parameters, if any --> ... <!-- The “Get Silverlight” message and badge --> <p>This content requires Microsoft Silverlight. <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"> <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/> </a> </p> </object> </div>

This has a beneficial side effect for the following reasons:

• Replacing the inner HTML of the parent div removes any other existing child elements in that div.
• Search engines often parse and index markup as it is served—before any scripts execute and change the DOM.

In other words, you can add detailed contextual metadata as native HTML within the parent div element of the Silverlight object. Search engines will process the metadata, but the metadata will not show up in the browser.

If your parent div has nested contextual content, the following code is what the search robot sees.

<div id="divWithinWhichSLObjectExists"> <!-- Nested alternate HTML content for search --> <div> <h3>Traffic map of the Seattle-Puget Sound area</h3> <p>Up-to-the-minute traffic situation overlaid on the map of the Seattle-Puget Sound area, powered by <a href="http://maps.live.com">Live Maps</a> </p> <!-- canned image representing app contents --> <img src="SeattleTraffic_RushHour.jpg" alt="Seattle traffic at 5:30pm (evening rush-hour)" /> </div> <!-- Invocation of the createObject function in Silverlight.js --> <script type="text/javascript"> Silverlight.createObject("slObjectId", //SL plug-in id "divWithinWhichSLObjectExists", //parent id ...); </script> </div>

Test Down-Level Experiences

Regardless of the relative importance of Silverlight and HTML in your content, it is important to test the page as a user who does not have Silverlight installed.

To access the page as a down-level user, perform the following steps:

1. Close all instances of Internet Explorer, and then start a new instance.
2. On the Tools menu, point to Manage Add-ons, and then click Enable or Disable Add-ons. The Manage Add-ons dialog box is displayed.
3. Select Microsoft Silverlight, select the Disable button, and then click OK.
4. Restart Internet Explorer and navigate to the Web page that has your Silverlight content.

To revert, return to the Manage Add-ons dialog box, select Microsoft Silverlight, and select Enable.

Note

The procedure for temporarily disabling the Silverlight plug-in differs depending on the browser you are using.

After you have tested the down-level experience, it is worthwhile validating your page with a static analysis tool such as SEO Browser that understands the impact of markup and content on search engine optimization.

Conclusion

The ability of search engines to index content that is not native HTML is very limited. However, if you structure and present your Silverlight application in certain ways, they have a better chance of appearing on a search engine results page in response to a search query.

你可能对下面的文章感兴趣

• 2009年第一季度中国搜索引擎市场营收份额 (2009/05/06)
• Blend小贴士——改变鼠标滚轮的默认行为 (2009/09/18)
• Google工程师Matt Cutts谈SEO (2009/03/23)
• Robots.txt文件 (2009/05/06)
• Silverlight 2 RTM 多国语言支持（应用程序本地化） (2009/02/28)
• Silverlight 2动态加载Xap包中的程序集 (2009/03/02)
• Silverlight 4+RIA Services–搜索引擎优化(SEO) (2010/05/04)
• Silverlight2 动态加载程序集—OnDemand模式(Dynamic Load Assembly) (2009/03/02)
• Silverlight启用Assembly Caching之后铁通用户无法访问 (2010/02/13)
• Silverlight的依赖属性与附加属性 (2010/03/28)

2006年11月28日 上午 03:18:00

Google 研究员 吴军

自从有了搜索引擎，就有了针对搜索引擎网页排名的作弊(SPAM)。以至于用户发现在搜索引擎中排名靠前的网页不一定就是高质量的，用句俗话说，闪光的不一定是金子。

搜索引擎的作弊，虽然方法很多，目的只有一个，就是采用不正当手段提高自己网页的排名。早期最常见的作弊方法是重复关键词。比如一个卖数码相机的网站，重复地罗列各种数码相机的品牌，如尼康、佳能和柯达等等。为了不让读者看到众多讨厌的关键词，聪明一点的作弊者常用很小的字体和与背景相同的颜色来掩盖这些关键词。其实，这种做法很容易被搜索引擎发现并纠正。

在有了网页排名(page rank)以后，作弊者发现一个网页被引用的连接越多，排名就可能越靠前，于是就有了专门卖链接和买链接的生意。比如，有人自己创建成百上千个网站，这些网站上没有实质的内容，只有到他们的客户网站的连接。这种做法比重复关键词要高明得多，但是还是不太难被发现。因为那些所谓帮别人提高排名的网站，为了维持生意需要大量地卖链接，所以很容易露马脚。（这就如同造假钞票，当某一种假钞票的流通量相当大以后，就容易找到根源了。）再以后，又有了形形色色的作弊方式，我们就不在这里一一赘述了。

几年前，我加入Google做的第一件事就是消除网络作弊。在Google最早发现搜索引擎作弊的是Matt Cutts，他在我加入Google前几个月开始研究这个问题，后来，辛格，马丁和我先后加入进来。我们经过几个月的努力，清除了一半的作弊者。(当然，以后抓作弊的效率就不会有这么高了。）其中一部分网站从此"痛改前非"，但是还是有很多网站换一种作弊方法继续作弊，因此，抓作弊成了一种长期的猫捉老鼠的游戏。虽然至今还没有一个一劳永逸地解决作弊问题的方法，但是，Google基本做到了对于任何已知的作弊方法，在一定时间内发现并清除它，从而总是将作弊的网站的数量控制在一个很小的比例范围。

抓作弊的方法很像信号处理中的去噪音的办法。学过信息论和有信号处理经验的读者可能知道这么一个事实，我们如果在发动机很吵的汽车里用手机打电话，对方可能听不清；但是如果我们知道了汽车发动机的频率，我们可以加上一个和发动机噪音相反的信号，很容易地消除发动机的噪音，这样，收话人可以完全听不到汽车的噪音。事实上，现在一些高端的手机已经有了这种检测和消除噪音的功能。消除噪音的流程可以概括如下：

在图中，原始的信号混入了噪音，在数学上相当于两个信号做卷积。噪音消除的过程是一个解卷积的过程。这在信号处理中并不是什么难题。因为第一，汽车发动机的频率是固定的，第二，这个频率的噪音重复出现，只要采集几秒钟的信号进行处理就能做到。从广义上讲，只要噪音不是完全随机的、并且前后有相关性，就可以检测到并且消除。（事实上，完全随机不相关的高斯白噪音是很难消除的。）

搜索引擎的作弊者所作的事，就如同在手机信号中加入了噪音，使得搜索结果的排名完全乱了。但是，这种人为加入的噪音并不难消除，因为作弊者的方法不可能是随机的（否则就无法提高排名了）。而且，作弊者也不可能是一天换一种方法，即作弊方法是时间相关的。因此，搞搜索引擎排名算法的人，可以在搜集一段时间的作弊信息后，将作弊者抓出来，还原原有的排名。当然这个过程需要时间，就如同采集汽车发动机噪音需要时间一样，在这段时间内，作弊者可能会尝到些甜头。因此，有些人看到自己的网站经过所谓的优化（其实是作弊），排名在短期内靠前了，以为这种所谓的优化是有效的。但是，不久就会发现排名掉下去了很多。这倒不是搜索引擎以前宽容，现在严厉了，而是说明抓作弊需要一定的时间，以前只是还没有检测到这些作弊的网站而已。

还要强调一点，Google抓作弊和恢复网站原有排名的过程完全是自动的(并没有个人的好恶），就如同手机消除噪音是自动的一样。一个网站要想长期排名靠前，就需要把内容做好，同时要和那些作弊网站划清界限。

源文档 <http://www.googlechinablog.com/2006/11/search-engine-anti-spam.html>

你可能对下面的文章感兴趣

• 2009年第一季度中国搜索引擎市场营收份额 (2009/05/06)
• 4行Greasemonkey代码最大化Google Reader的阅读空间 (2009/08/09)
• Android手机初体验 (2010/03/01)
• G1手机与笔记本实现Wifi互联共享上网 (2010/03/02)
• Google Analytics中的UniquePageView和Visits的区别 (2009/12/07)
• Google Wave为什么这么火 (2009/11/14)
• Google和微软的一大不同 (2009/05/06)
• Google工程师Matt Cutts谈SEO (2009/03/23)
• Google排名更新 (2009/03/21)
• Google的价值观 (2009/03/07)

发表者: 吴军，Google 研究员

[建立一个搜索引擎大致需要做这样几件事：自动下载尽可能多的网页；建立快速有效的索引；根据相关性对网页进行公平准确的排序。我们在介绍 Google Page Rank (网页排名) 时已经谈到了一些排序的问题，这里我们谈谈索引问题，以后我们还会谈如何度量网页的相关性，和进行网页自动下载。］

世界上不可能有比二进制更简单的计数方法了，也不可能有比布尔运算更简单的运算了。尽管今天每个搜索引擎都宣称自己如何聪明、多么智能化，其实从根本上讲都没有逃出布尔运算的框框。

布尔（George Boole) 是十九世纪英国一位小学数学老师。他生前没有人认为他是数学家。布尔在工作之余，喜欢阅读数学论著、思考数学问题。1854 年“思维规律”（An Investigation of the Laws of Thought, on which are founded the Mathematical Theories of Logic and Probabilities）一书，第一次向人们展示了如何用数学的方法解决逻辑问题。

布尔代数简单得不能再简单了。运算的元素只有两个1 （TRUE， 真) 和 0

（FALSE，假)。基本的运算只有“与”（AND)、“或” (OR) 和“非”（NOT) 三种（后来发现，这三种运算都可以转换成“与”“非” ＡＮＤ－ＮＯＴ一种运算）。全部运算只用下列几张真值表就能完全地描述清楚。

AND | 1 0

-----------------------

1 | 1 0

0 | 0 0

这张表说明如果 AND 运算的两个元素有一个是 0，则运算结果总是 0。如果两个元素都是 1，运算结果是 1。例如，“太阳从西边升起”这个判断是假的(0),“水可以流动”这个判断是真的（1），那么，“太阳从西边升起并且水可以流动”就是假的（0）。

OR | 1 0

-----------------------

1 | 1 1

0 | 1 0

这张表说明如果OR运算的两个元素有一个是 1，则运算结果总是 1。如果两个元素都是 0，运算结果是 0。比如说，“张三是比赛第一名”这个结论是假的（0），“李四是比赛第一名”是真的（1），那么“张三或者李四是第一名”就是真的（1）。

NOT |

--------------

1 | 0

0 | 1

这张表说明 NOT 运算把 1 变成 0，把 0 变成 1。比如，如果“象牙是白的”是真的（1），那么“象牙不是白的”必定是假的（0）。

读者也许会问这么简单的理论能解决什么实际问题。布尔同时代的数学家们也有同样的问题。事实上在布尔代数提出后80 多年里，它确实没有什么像样的应用，直到 1938 年香农在他的硕士论文中指出用布尔代数来实现开关电路，才使得布尔代数成为数字电路的基础。所有的数学和逻辑运算，加、减、乘、除、乘方、开方等等，全部能转换成二值的布尔运算。

现在我们看看文献检索和布尔运算的关系。对于一个用户输入的关键词，搜索引擎要判断每篇文献是否含有这个关键词，如果一篇文献含有它，我们相应地给这篇文献一个逻辑值 -- 真（TRUE,或 1），否则，给一个逻辑值 -- 假（FALSE, 或0）。比如我们要找有关原子能应用的文献，但并不想知道如何造原子弹。我们可以这样写一个查询语句“原子能 AND 应用 AND (NOT 原子弹)”，表示符合要求的文献必须同时满足三个条件：

- 包含原子能

- 包含应用

- 不包含原子弹

一篇文献对于上面每一个条件，都有一个 True 或者 False 的答案，根据上述真值表就能算出每篇文献是否是要找的。

早期的文献检索查询系统大多基于数据库，严格要求查询语句符合布尔运算。今天的搜索引擎相比之下要聪明的多，它自动把用户的查询语句转换成布尔运算的算式。当然在查询时，不能将每篇文献扫描一遍，来看看它是否满足上面三个条件，因此需要建立一个索引。

最简单索引的结构是用一个很长的二进制数表示一个关键字是否出现在每篇文献中。有多少篇文献，就有多少位数，每一位对应一篇文献，1 代表相应的文献有这个关键字，0 代表没有。比如关键字“原子能”对应的二进制数是0100100001100001...，表示第二、第五、第九、第十、第十六篇文献包含着个关键字。注意，这个二进制数非常之长。同样，我们假定“应用”对应的二进制数是 0010100110000001...。那么要找到同时包含“原子能”和“应用”的文献时，只要将这两个二进制数进行布尔运算 AND。根据上面的真值表，我们知道运算结果是0000100000000001...。表示第五篇，第十六篇文献满足要求。

注意，计算机作布尔运算是非常非常快的。现在最便宜的微机都可以一次进行三十二位布尔运算，一秒钟进行十亿次以上。当然，由于这些二进制数中绝大部分位数都是零，我们只需要记录那些等于1的位数即可。于是，搜索引擎的索引就变成了一张大表：表的每一行对应一个关键词，而每一个关键词后面跟着一组数字，是包含该关键词 的文献序号。

对于互联网的搜索引擎来讲，每一个网页就是一个文献。互联网的网页数量是巨大的，网络中所用的词也非常非常多。因此这个索引是巨大的，在万亿字节这个量级。早期的搜索引擎（比如 Alta Vista 以前的所有搜索引擎），由于受计算机速度和容量的限制，只能对重要的关键的主题词建立索引。至今很多学术杂志还要求作者提供 3-5 个关键词。这样所有不常见的词和太常见的虚词就找不到了。现在，为了保证对任何搜索都能提供相关的网页，所有的搜索引擎都是对所有的词进行索引。为了网页排名方便，索引中还需存有大量附加信息，诸如每个词出现的位置、次数等等。因此，整个索引就变得非常之大，以至于不可能用一台计算机存下。大家普遍的做法就是根据网页的序号将索引分成很多份（Shards)，分别存储在不同的服务器中。每当接受一个查询时，这个查询就被分送到许许多多服务器中，这些服务器同时并行处理用户请求，并把结果送到主服务器进行合并处理，最后将结果返回给用户。

不管索引如何复杂，查找的基本操作仍然是布尔运算。布尔运算把逻辑和数学联系起来了。它的最大好处是容易实现，速度快，这对于海量的信息查找是至关重要的。它的不足是只能给出是与否的判断，而不能给出量化的度量。因此，所有搜索引擎在内部检索完毕后，都要对符合要求的网页根据相关性排序，然后才返回给用户。

源文档 <http://www.googlechinablog.com/2006/05/blog-post_10.html>

你可能对下面的文章感兴趣

• 2009年第一季度中国搜索引擎市场营收份额 (2009/05/06)
• 4行Greasemonkey代码最大化Google Reader的阅读空间 (2009/08/09)
• Android手机初体验 (2010/03/01)
• G1手机与笔记本实现Wifi互联共享上网 (2010/03/02)
• Google Analytics中的UniquePageView和Visits的区别 (2009/12/07)
• Google Wave为什么这么火 (2009/11/14)
• Google和微软的一大不同 (2009/05/06)
• Google工程师Matt Cutts谈SEO (2009/03/23)
• Google排名更新 (2009/03/21)
• Google的价值观 (2009/03/07)

2.Quark Base [ 完美的网站统计] - 给你一个站的需要的全部信息。从IP到页面排名，维基百科链接，等。并可以对比与你竞争的网站，来找出自己的不足。

3.SEO Meter [ Google ] - 测试Google对你站点抓取的频率。

4.SiteYogi [ 网站健康查询 ] - 查看你的站点在各种搜索引擎和社会化媒体中的统计，等。不过，有时数据不是很准确。

5.Xinu Returns [ 网站统计查询] - 测试包括DiGG，维基百科链入情况，及反向链接等的情况。

6.Site Rake [ 日志分析] - 上传你的网站日志（是LOG，不是日记，文章，而是使用记录），这个站分帮你分析。

7.Website Grader [ SEO网站统计查询] - 测试所有从来链到关键词分析等内容。

8.URL Trends [ SEO网站统计查询 ] - 免费的SEO报告，包括社会化书签的内链，用户数统计，关键词分析，链放链接，流量统计等。

9.URL Metrix [ 网站统计查询] - 其于SEO的所有基本信息，比如Google索引的页面，反向链接数等。

10.Multiple keywords rank Check [ 网站统计查询] - 多个关键词的排名情况查询。

11.Internal Pages PR checker [ Page Rank 查询 ] - 查看你所有内部页面的 Page Rank。对了解自己的网站结构非常有用。

12.Exact Factor [ 排名检测 ] - 测试不同站点在Google/Yahoo中的排名情况。

你可能对下面的文章感兴趣

• 2009年第一季度中国搜索引擎市场营收份额 (2009/05/06)
• Google工程师Matt Cutts谈SEO (2009/03/23)
• Robots.txt文件 (2009/05/06)
• Silverlight 4+RIA Services–搜索引擎优化(SEO) (2010/05/04)
• Silverlight SEO（搜索引擎优化）白皮书 (2009/04/06)
• 【推荐】两款HTTP流量分析工具的比较 (2009/11/08)
• 为Wordpress博客加速——清理你的主题文件 (2009/07/26)
• 博客空间迁移三步走 (2009/08/21)
• 各大搜索引擎收录入口 (2009/03/21)
• 在Wordpress中轻松集成Google自定义搜索引擎 (2009/12/07)