使用网址从另一个页面的div内加载内容

Question

我目前在页面上具有用于不同内容的Jquery选项卡，但这对SEO并没有帮助，因为google和其他地方不会选择此内容。

我正在寻找“标签”，但是当您单击链接时，它会加载该信息。

例如： http：//www.gamespot.com/watch-dogs

您单击“选项卡”上的评论，它将加载该内容以及http://www.gamespot.com/watch-dogs/reviews/

我正在寻找复制这样的东西，而不是使用Jquery选项卡。

您的帮助将是巨大的！

Answer 1

如果您希望搜索引擎提取内容，则必须使用原始HTML。 他们不会运行用于更新客户端上DOM的脚本。 因此，您需要在PHP中执行此操作：

<div>
<?php readfile("url"); ?>
</div>

但是，如果URL用于完整的网页，则可能不是一个好主意。 它将具有自己的<html> ， <head>和<body>标记，并且这些标记应仅在页面上出现一次，而不是嵌入在另一个页面中。

Answer 2

试试jQuery的load函数：

$( "#element to put data in" ).load( "address", function() {
  alert( "Load was performed." );
  //what to do when done loading page
});

Answer 3

<div id="myContent"></div>

加载方式：

$("#myContent").load("url to your content which you want to load", function(){
    // things which you want to do with.
});

Answer 4

为了使搜索引擎（可能不会执行JQuery）和用户（可能喜欢动态元素）都感到满意，您可以采取两种解决方案。 您可能具有一个链接，单击该链接将转到一个全新的HTML页面。 搜索引擎将点击此链接，并看到一个完整的单独页面。 然后，您的页面中（或链接的click事件中）可能会有一个javascript，该javascript拦截并覆盖原始链接的目标，而是执行诸如JQuery的$（）。load（）之类的东西。 要重用内容，您可以使目标页面既可以使用包装器也可以使用包装器来加载。

目标文件：

<?php if(!isset($_GET['skipWrapper'])) { include('header.php'); } ?>
Here's the content that matters!
<?php if(!isset($_GET['skipWrapper'])) { include('footer.php'); } ?>

源文件：

<?php if(!isset($_GET['skipWrapper'])) { include('header.php'); } ?>
Here's the orginal content!
<a href="TargeFile.php" onclick="asyncLoad('TargeFile.php'); return false;">
<?php if(!isset($_GET['skipWrapper'])) { include('footer.php'); } ?>

asyncLoad的定义：

function asyncLoad(url) { $('#targetElementId').load(url + '?skipWrapper=true'); }

但是，最好只坚持使用传统链接，而不要使用异步选项卡。 当后退按钮不起作用或常见行为（例如在新浏览器选项卡中单击鼠标中键以打开链接）不再起作用时，用户会感到困惑。

使用网址从另一个页面的div内加载内容

问题描述

4 个解决方案

解决方案1
1 2014-07-02 20:31:21

解决方案2
0 2014-07-02 20:28:12

解决方案3
0 已采纳 2014-07-02 20:40:41

解决方案4
0 2014-07-02 22:09:15

使用网址从另一个页面的div内加载内容

问题描述

4 个解决方案

解决方案1 1 2014-07-02 20:31:21

解决方案2 0 2014-07-02 20:28:12

解决方案3 0 已采纳 2014-07-02 20:40:41

解决方案4 0 2014-07-02 22:09:15

解决方案1
1 2014-07-02 20:31:21

解决方案2
0 2014-07-02 20:28:12

解决方案3
0 已采纳 2014-07-02 20:40:41

解决方案4
0 2014-07-02 22:09:15