Question

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

目前我通过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（见下文），但我不确定谷歌会解析它并“看到”这些链接......

<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>

Answer 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>

Answer 2

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

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

Answer 3

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

Answer 4

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

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

Answer 5

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

Answer 6

也许你应该创建一个API。这肯定会解决问题＃2 - 允许发布商按照自己喜欢的方式设置内容的样式。

关于问题＃1 - SEO - 我不确定。不明白网站的语言，但根据我的理解，你允许人们在他们自己的网页上嵌入某种有用的计算器，而他们网页的内容通常会保持独特，所以这可能是也可能不是SEO的好处，我也想知道是否有任何SEO专家读过这篇文章。

搜索引擎优化的友好替代iframe？

6 个答案: