iframe 的 SEO 友好替代方案？答案

【问题标题】：SEO friendly alternative for an iframe?iframe 的 SEO 友好替代方案？
【发布时间】：2011-06-24 00:59:21
【问题描述】：

我有一些内容想与其他网站分享。

目前我通过 iframe 执行此操作：

<iframe width=“540”; height=“700” frameborder=“0” src=“http://www.energiekostencalculator.nl/forms/frame_tabs.php?first=yes&product=1&links=1&css=http://www.energiekostencalculator.nl/forms/susteen.css”></iframe>

这有两个问题。

它对 SEO 不友好。 iframe 内容上的链接不算作入站链接，因为它们的页面托管在我的服务器上。
（无论如何在我的服务器上）无法将外部 css 样式表链接到 iframe 的内容。目的是让其他网站能够轻松地将其样式表链接到我的内容。

谁有解决这些问题的办法？也许使用 jquery（见下文），但我不确定 Google 会解析它并“查看”链接......

<html>
<head>
<script src="/js/jquery.js" type="text/javascript">
</head>
<body>
<div id='include-from-outside'></div>
<script type='text/javascript'>
$('#include-from-outside').load('http://example.com/included.html');
</script>
</body>
</html>

【问题讨论】：

标签： php javascript ajax iframe seo

【解决方案1】：

看看 TripAdvisor 是如何做到的 - 一个静态链接，然后在页面加载后用 javascript 替换它。

<div id="TA_rated459" class="TA_rated">
<ul id="JRrkXsd6H" class="TA_links GYO6Zcd">
            <li id="IN1Gc4AMw8T" class="zQkgIs4xdv"><a href=http://www.tripadvisor.com/Hotel_Review-g294207-d501440-Reviews-Ngong_House-Nairobi.html>Ngong House</a></li>
      </ul>
  </div>
<script src="http://www.jscache.com/wejs?wtype=rated&amp;uniq=459&amp;locationId=501440&amp;lang=en_US"></script>

【讨论】：

【解决方案2】：

iframe 有一些更好的替代品，但它真的取决于“其他网站”通过创建 HTML 快照来使其可抓取，Making AJAX Applications Crawlable。
至于您的代码示例，由于Same origin policy，它无法从外部域加载内容。

其他 iframe 替代方案可能是大多数小部件使用的脚本标签，您可以在其中告诉内容用户将小部件（脚本标签）嵌入到将保存内容的父 div 中，并且当您的脚本加载时，它将自动填充它父元素，有内容。

【讨论】：

【解决方案3】：

有一种更“高级”的方法可以做到这一点，但它可能会受到某些共享服务器的限制。我认为您无法通过 AJAX 或 iFrames 解决您的问题的任何其他方式。由于它看起来都是 html 和 javascript，而不是在显示页面之前通过 php 解析的内容，您应该能够通过 fsocketopen 直接从服务器加载站点的实际内容，然后用它做任何事情来自其他服务器的内容。您可以预先生成可供您的客户或客户在其服务器上使用的代码。

【讨论】：

【解决方案4】：

没有上下文的链接集合不会对 SEO 友好，期间。在网络上传播一大段只有一些链接的 HTML 只会破坏嵌入它们的人的 PR。如果您想要 SEO 的好处，那么您需要独特的（相关的！）内容，其中包含每个链接到的站点上的链接（否则欢迎重复内容处罚）。

鉴于此，您不妨继续使用 iframe（假设向其他网站的访问者显示链接是有好处的）。

【讨论】：

确实如此。 “如果你想要 SEO 的好处，那么你需要独特的（相关的！）内容，其中包含每个链接到的站点上的链接”。这不能自动化。

【解决方案5】：

我认为您可能拥有DIV 和overflow: auto;（并指定尺寸）。然后 HTML 可以在 DIV 中（以及页面的一部分）而不是在单独的文件中。

【讨论】：

【解决方案6】：

也许您应该创建一个 API。这肯定会解决问题 #2 - 允许发布者以任何他们喜欢的方式来设计您的内容。

关于问题 #1 - SEO - 我不确定。不懂网站的语言，但据我了解，您允许人们将某种有用的计算器嵌入到他们自己的页面中，而他们页面的内容通常会保持独特，所以这可能会或可能不会对 SEO 有益，我也想知道是否有 SEO 专家阅读过这篇文章。

【讨论】：