【问题标题】:Page url links to pages internal frame页面 url 链接到页面内部框架
【发布时间】:2012-03-12 21:01:30
【问题描述】:

我有一个个人网站,我(尽我所能)在没有模板的情况下制作了该网站。我在 HTML 方面不是很有经验,所以不完全确定这是否是不好的做法,但这是我的问题。

我的网站由一个frameset 组成,它有 3 个框架。两个不改变(横幅和导航面板),另一个是内容。我在主框架中显示内容的方式是通过 iframe。麻烦就在这里。我已经向爬虫推荐了我的网站,它当然会爬取所有页面的内容。当我单击 google 建议的链接之一(例如,一个项目)时,浏览器会加载该单独的 .html 文件,而没有我的任何其余帧。换句话说,它不会通过我设置格式和页面框架的index.html 链接到页面,而只是将 html 作为独立页面加载。

有没有办法可以避免这种情况,如果我的网站链接是从外部链接(不是我的域)点击的,页面首先加载我的index.html,然后是感兴趣的页面,所以它看起来好像是从我的索引中正常访问的?我不确定是否应该找到一种在主框架中显示我的内容的新方法以避免 iframe,或者只需要一个简单的脚本来重定向用户。

不确定它是否有用,但我附上了我的页面照片,以便更好地解释我正在使用的框架布局。

非常感谢!!!

【问题讨论】:

    标签: html css google-crawlers


    【解决方案1】:

    当您显示一致的内容时,iFrame 绝对不是要采用的路线...从看起来是导航、标题,当然还有内容。当然,当“搜索引擎蜘蛛”抓取您的页面时会出现问题......据我了解,当您从另一个页面调用“内容”时,蜘蛛会抓取该页面但不会抓取 index.html我们当前正在查看的页面。当“蜘蛛”爬取页面时,它会查找静态 HTML 标签/内容/关键字/等,并且当您从其他页面调用所有内容时,“蜘蛛”也会将该内容视为在另一个页面上。

    你要我推荐吗?始终避免使用 iFrame。 iFrame 的目的是显示来自另一个位置(外部)的内容,或者在页面上显示静态内容,而无需滚动您正在查看 iFrame 的当前页面。

    使用 iFrame 是不好的做法,我建议使用 DIV。在这些 DIV 中,您可以放置​​内容、图像、链接...几乎任何您想要的东西,以及让人们查看您的网站以及搜索引擎蜘蛛的所有好处。

    我希望这会有所帮助! 谢谢, 亚伦

    【讨论】:

    • 只使用divs,我是否仍然可以像现在一样循环内容,每个页面都有.html文件?或者我应该在每个页面中设置frameset 以包含导航栏、横幅等?
    • @iKiar:为什么您需要将 iFrames 用于导航和横幅?您是否尝试将 iFrame 用作“包含”文件?所以您不必在每个页面中静态地重复导航和横幅?如果是这种情况,我建议研究一下服务器端包含,例如 PHP。
    • 我不将 iframe 用于横幅,它们只是框架集的一部分,正如您所说,它们在每个页面中静态显示。我会研究 PHP,但与此同时,我认为会采纳您的初步建议,并将内容包含在 div 中。谢谢!
    • @iKair:不客气,只是小费。很多不了解 PHP 或经常使用 PHP 的人仍然使用 PHP 包含...这样他们就不必不断重复他们的内容,这些内容将在整个网站上保持一致...因此导航栏和/或横幅。
    • 我做到了,别担心! ;) 而且我对 Divs 和 iFrames 之间的差异感到满意,只是不确定我是否遗漏了大量信息。
    【解决方案2】:

    iFrame 是一个糟糕的选择。如今,AJAX 非常简单。只需将大 iFrame 替换为 Div,然后 AJAX 页面,将内容放入该 Div。

    用标签替换你的锚点,用名字替换href,像这样:

    <div name='main.html' class='link' />
    

    您需要一个 id 为“loadHere”的 div: 然后包含 jQuery(这很简单,用 google 搜索)并在 HTML 的末尾放上:

    $('.link').click(function(){
        $.post(this.name,function(dat){
            $('#loadHere').html(dat); }); });
    

    【讨论】:

    • 您能详细说明一下吗?如何在 div 中放置一个 AJAX 页面,然后通过使用我的链接,定位 AJAX 页面以显示我的其他 .html 页面。
    猜你喜欢
    • 1970-01-01
    • 2012-12-12
    • 2011-04-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多