Silverlight、Adobe Flash和其它基于RIA的内容如何进行SEO优化

温馨提示：这篇文章已超过875天没有更新，请注意相关的内容是否还可用！

富 Internet 应用程序 (RIA)，例如Microsoft Silverlight 和 Adobe Flash Player，可以为最终用户改善网站的美观或功能。然而，这些技术的典型实施方式通常会导致搜索引擎机器人从网站抓取和获取任何有意义的数据的能力出现问题。

广泛使用 JavaScript 和 AJAX 技术的站点也会导致相同的搜索问题。这是因为搜索机器人主要是文本阅读器。从图形和多媒体内容中解析和派生可索引的相关内容要困难得多。结果，在不考虑搜索机器人可访问性的情况下实施这些技术的网站通常会意外地看到他们的搜索排名下降（从搜索机器人的角度来看，该网站几乎没有可索引的内容，这对其与网站的主题）。

策略：

一、从基本的 SEO 开始那么网站管理员如何帮助搜索机器人抓取和解释这样的网站呢？幸运的是，可以采用几种有用的策略。使用基本的搜索引擎优化 (SEO) 技术始终是一个重要的开始。页面针对搜索进行的优化越多（包括提供有关给定页面主题的元数据），机器人在评估页面与页面上使用的关键字的相关性时就越需要通过。使用以下基本 SEO 技术可以帮助优化包含非文本内容的页面以实现关键字相关性：在这些建议中的每一个中，都有机会使用您希望搜索机器人与您的页面相关联的关键字。利用这个机会。有关这些技术的更多信息，请参阅网站管理员中心博客文章照亮 Silverlight 的 SEO 路径。

描述性 <title> 标签：每个页面都应包含一个描述性且唯一的 <title> 标签元数据。识别和修改空白或通用标题，例如 <title>Silverlight 应用程序</title>。
Descriptive name='description' <meta> 标签：每个页面都应该包含一个描述性和唯一的 <meta>“description”标签元数据。识别并修改空白或在多个页面上重复的页面描述。
描述性 <h1> 标签：第一级标题 (<h1>) 标签通常用作显示的页面标题，定义页面的主题内容（而 <title> 标签是仅显示在浏览器窗口标题中的元数据酒吧）。每页只使用一个 <h1>，但要使其每页有意义且唯一（并且与 <title> 标记不同）。
基于文本的导航链接：不要将 JavaScript 或 RIA 技术用于您网站的站内导航。搜索机器人将看不到它，因此页面看起来像是死胡同，阻止了进一步的抓取。
描述性替代文本：始终为您的非基于文本的内容提供描述性替代属性文本。但是，不要将替代文本添加到非内容图像，例如用于空间持有者或彩色背景的图像。
图像、动画和脚本中的文本：不要将您希望被抓取和索引的任何文本内容放在非基于文本的内容表单中，因为搜索机器人不太可能读取和索引该内容。将该内容放在文本中。
有意义的应用程序名称：正如创建人性化 URL 具有一些 SEO 价值一样，其中目录和文件名拼写出逻辑词而不是基于全局唯一标识符 (GUID) 的乱码，将 Silverlight 应用程序命名为有助于识别其在页面中的目的或角色的方式。

二、采用优雅的降级技术当网站管理员在他们的网站上使用 RIA 技术时，RIA 对象调用通常是页面上唯一使用的东西。因此，下层用户（包括纯文本浏览器、未安装 RIA 技术阅读器插件的计算机以及具有较旧操作系统的较旧计算机）无法访问该站点。无法可靠读取和执行脚本或运行浏览器插件的搜索机器人也被视为低级用户。结果，当搜索机器人爬取这样的站点时，没有要爬取的数据，没有与站点相关联的关键字，因此没有任何东西可以放在索引中。为了帮助启用 RIA 的站点在所有低级用户中更加成功，请为您的内容开发一种优雅的降级方法。如果无法阅读主要 RIA 内容，请提供基本替代品，如基于文本的描述，网站将为主要用户做什么以及它包含哪些数据。该文本包含丰富的页面关键字，将帮助搜索机器人解释页面内容，从而将其与页面上使用的关键字相关联，从而在索引中提供页面相关性。以下是优雅的降级技术，可用于帮助下级用户解释他们在启用 RIA 的页面上缺少的内容：

呈现替代的静态页面内容不使用 <embed> 标记，而是使用 <object> 标记来实例化页面中的 Microsoft Silverlight 内容。<object> 标记允许页面提供要呈现的次要、低级内容，以防无法呈现初始的主要内容（例如 Silverlight 应用程序）。通过使用 <object> 标记，您可以在代码中的应用程序实例化之后包含文本描述和其他相关内容。将这些文本描述写给非 Silverlight 用户，描述 Silverlight 应用程序在页面上的角色、其功能或任何其他相关信息，以帮助下级用户了解如果他们能够访问 Silverlight 会显示什么。请务必使用您的页面' 在您描述 Silverlight 内容时使用目标关键字。下面是如何在页面的 Silverlight <object> 标记代码中包含上下文替代信息的示例：

<object data="data:application/x-silverlight-2," style="display: block" type="application/x-silverlight-2" >
  <param name="minRuntimeVersion" value="3.0.40624.0" />
  <param name="source" value="ClientBin/KingCountyTrafficMap.xap" />
  <div class="down-level">
    <h1>Traffic Map for King County, Washington</h1>
    <!-- Static image from the application -->    
    <img src="KingCountyAfternoonTraffic.jpg" alt="Typical King County metro weekday rush-hour traffic at 5:00pm" />
    <p>Silverlight enabled computers can use this page to see up-to-date traffic conditions on the major roads and highways in King County, Washington.</p>
    <p>It's easy to <a href="http://www.microsoft.com/silverlight/get-started/install/">install Silverlight</a> on your computer. See what you've been missing!</p>
  </div>
</object>

如您所见，替代内容包括重要的 <h1> 标记和一些标识 Silverlight 应用程序角色的信息内容。通过提供安装 Silverlight 的链接，您可以让其他用户站起来并在其主视图中查看您的页面。

使用多个 <div> 部分创建 Silverlight 正常降级的另一种策略包括在页面上使用多个 <div> 部分：一个用于实际 Silverlight 内容，另一个用于在未安装 Silverlight 的计算机上显示。与前面的示例类似，此技术示例演示了静态页面内容的呈现：

<div id="King County Traffic Map">
  <object data="data:application/x-silverlight-2," style="display: block" type="application/x-silverlight-2" >
    <param name="minRuntimeVersion" value="3.0.40624.0"/>
value="ClientBin/KingCountyTrafficMap.xap" />
  </object>
  <iframe style="visibility: hidden; height: 0; width: 0; border: 0px"></iframe>
</div>
<div id="AlternativeContent" style="display: none">
    <h1>Traffic Map for King County, Washington</h1>
    <!-- Static image from the application -->
    <img src="KingCountyAfternoonTraffic.jpg" alt="Typical King County metro weekday rush-hour traffic at 5:00pm" />
    <p>Silverlight enabled computers can use this page to see up-to-date traffic conditions on the major roads and highways in King County, Washington.</p>
    <p>It's easy to <a href="http://www.microsoft.com/silverlight/get-started/install/">install Silverlight</a> on your computer. See what you've been missing!</p>
</div>

笔记
替代 <div> 默认创建为隐藏内容。与最近的页面级网络垃圾邮件文章“页面级网络垃圾邮件的有害背信弃义”中给出的一般建议相反，在这种情况下使用隐藏内容被搜索引擎识别为与优雅降级策略的上下文相关银光。因此，在这种情况下使用它不会向搜索引擎发出任何关于潜在网络垃圾邮件的危险信号。与这些类型的事情一样，解释用户意图是搜索引擎机器人识别模棱两可的页面元素是否可能是恶意的关键。

Silverlight、Adobe Flash和其它基于RIA的内容如何进行SEO优化

笔记

替代 <div> 默认创建为隐藏内容。与最近的页面级网络垃圾邮件文章“页面级网络垃圾邮件的有害背信弃义”中给出的一般建议相反，在这种情况下使用隐藏内容被搜索引擎识别为与优雅降级策略的上下文相关银光。因此，在这种情况下使用它不会向搜索引擎发出任何关于潜在网络垃圾邮件的危险信号。与这些类型的事情一样，解释用户意图是搜索引擎机器人识别模棱两可的页面元素是否可能是恶意的关键。

公开替代的动态内容如果您在电子商务方案中使用了站点范围的 Silverlight 应用程序，您需要公开深层链接内容的库存目录以供搜索，而不是让它在 Silverlight 中不可见。对于这种方法，替代内容必须描述您希望对搜索引擎机器人可用的任何和所有端点。由于这是一种更复杂的技术，因此我不会在此介绍它，而是参考一些有用的资源，了解如何将这些端点公开给非 Silverlight 用户和机器人。两者都包括很好的代码示例和对如何使用该技术的清晰解释：
在 JavaScript 中使用 createObject 函数这是一种更加面向开发人员的技术策略，您可以在 Silverlight 中使用它。该技术使用 JavaScript 自动生成创建 <object> 标记及其所需参数所需的标记代码。以下是一些有用的资源以获取更多信息：一旦策略到位，请务必在未启用 RIA 的环境中测试您的正常降级更改，以确认它们按预期执行。SEO 中流行的测试环境选择包括基于文本的 Web 浏览器环境，例如Lynx 浏览器或 SEO 浏览器。