javascript - 在meteor中使用Spiderable会在body标签中显示html之前复制head内容-6ren

javascript - 在meteor中使用Spiderable会在body标签中显示html之前复制head内容

转载作者：行者123 更新时间：2023-11-28 07:02:32

我一直在试图解决我的 meteor 网站遇到的这个奇怪的问题。我首先认为这是 Google 未建立索引的问题，但经过进一步调查，我认为我可能会导致 Spiderable 包出现某种问题。

我使用的是 meteor 版本1.1.0.3。按照meteorpedia的建议安装了spiderable包以及gadicohen:phantomjs 。

我遇到的问题是，它似乎没有为 Google 创建一个漂亮的 html 页面，而是在新的 head 标签内多次重复默认的 head 代码，然后结束新的 head 标签并显示正文和 html 内容。代码比较长，可以通过访问suleimanholdings.com?_escaped_fragment_=查看问题。并查看页面源代码。

我希望有人对我可以采取什么措施来停止重复并正确创建一个 html 版本供 Google 抓取有一个想法或建议。

编辑

以下是我使用的代码，每个模板都在正文标记之间输入

<head>
<meta charset="UTF-8">
<title>Suleiman Holdings</title>
<link rel="icon" href="/favicon.ico?v=2">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="/prefixfree.min.js"></script>
<script src="/jquery.flexslider.js"></script>
<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-62610011-1', 'auto');
    ga('send', 'pageview');

</script>

编辑2

This is the template code from the homepage:

    <template name="home">
    {{> nav}}


    <div style="overflow:hidden">
    <div id="main" role="main">
        <section class="slider">
            <div class="flexslider">
                <ul class="slides">
                    <div class="slider-bottom"></div>
                    <li style="background-image: url('/one-tech2.jpg');">
                        <div class="news" style="background-image : linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, .6) 20%);">
                            <h1>
                                One Technology Place
                            </h1>
                            <div class="news2">
                                <h2>
                                    Acquired: February 2015
                                </h2>
                                <p>
                                    Suleiman Holdings acquires the Nebraska Technology Park’s flagship office in a 3.3M cash transaction.
                                </p>
                            </div>
                        </div>
                        <div class="slider-bottom">
                            <div class="line" style="margin-left:0px; margin-right:10px;"></div>
                            <h3>
                                2015
                            </h3>
                            <div class="line" style="margin-left:80px"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                        </div>
                    </li>
                    <li style="background-image: url('/12thQ-inside2.jpg');">
                        <div class="news" style="background-image : linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, .6) 20%);">
                            <h1>
                                University of Nebraska
                            </h1>
                            <div class="news2">
                                <h2>
                                    Leased: January 2015
                                </h2>
                                <p>
                                    Suleiman Holdings welcomes the University of Nebraska College of Journalism and Mass Communications to Downtown Lincoln
                                </p>
                            </div>
                        </div>
                        <div class="slider-bottom">
                            <div class="line" style="margin-left:0px; margin-right:10px;"></div>
                            <h3>
                                2015
                            </h3>
                            <div class="line" style="margin-left:80px"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                        </div>
                    </li>
                    <li style="background-image: url('/interns.jpg');">
                        <div class="news" style="background-image : linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, .7) 20%);">
                            <h1>
                                Summer Internship Series
                            </h1>
                            <div class="news2">
                                <h2>
                                    Starting Summer 2015
                                </h2>
                                <p>
                                    Suleiman Holdings welcomes three interns to Lincoln for a summer of acquisitions and accounting.
                                </p>
                            </div>
                        </div>
                        <div class="slider-bottom">
                            <div class="line" style="margin-left:0px; margin-right:10px;"></div>
                            <h3>
                                2015
                            </h3>
                            <div class="line" style="margin-left:80px"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
    </div>
</div>
    {{> footer}}
    </template>

这是导航模板的代码

<template name="nav">

    <div class="logobox">
        <div class="mainnavwrap">
            <div class="menumain">
                <a href="/">
                    <div style="position:absolute; height:50px; width:150px; top:0px; z-index:5500; margin-left:60px;"></div>
                </a>
                <ul style="/*position:absolute; width:400px; right:0;*/">

                    <!--<li><a href="private-equity">PRIVATE EQUITY</a></li>
                    <li><a href="real-estate">REAL ESTATE</a></li>-->
                </ul>
            </div>
        </div>

        <div class="toggleMobile">
            <span class="menu1"></span>
            <span class="menu2"></span>
            <span class="menu3"></span>
        </div>
        <div class="logo2">
            <a href="home"><img src="/logo-black.png"></a>
        </div>
        <div id="mobileMenu">
            <ul>
                <a href="home">
                    <li>HOME</li>
                </a>

                <a href="real-estate">
                    <li>REAL ESTATE</li>
                </a>
                <a href="private-equity">
                    <li>PRIVATE EQUITY</li>
                </a>
                <a href="about"><li>ABOUT</li></a>
            </ul>
        </div>
    </div>
</template>

这是页脚模板的代码

<template name="footer">
    <div class="footer">
        <span class="copyright">&copy; Copyright 2015 Suleiman Holdings</span>

        <div class="legal">
            <span style="margin-left:20px; font-size:12px;">
                <a href="about" style="margin-right:10px;">About</a>
                <a href="press" style="margin-right:10px;">Press</a>
                <!--<a href="careers" style="margin-right:10px;">Careers</a>-->
                <label class="btn" for="modal-1">Contact</label>
                <a href="legal">Legal</a>
            </span>
        </div>
    </div>


    <input class="modal-state" id="modal-1" type="checkbox"/>

    <div class="modal">
        <label class="modal__bg" for="modal-1"></label>

        <div class="modal__inner">
            <label class="modal__close" for="modal-1"></label>

            <div class="contact">
                <div class="con-logo"><img src="/contact-logo.jpg"></div>
                <p>
                    4665 Innovation Drive
                    <br>
                    Lincoln, Nebraska 68521
                </p>
            </div>
        </div>
    </div>

</template>

最佳答案

如果您使用iron router，您需要从 html 主模板( main || )中删除 body 标签和 head 标签。 masterLayout ||布局)并只保留{{>yield}}

示例:

<template name="masterLayout">
    {{> navbar}}
    <div class="container">
    {{> yield}}   
    </div>
</template>

关于javascript - 在meteor中使用Spiderable会在body标签中显示html之前复制head内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31994869/

文章推荐： javascript - 如何管理 getCookie 函数和 Google Analytics

文章推荐： ios - SKPhysicsBody 看起来很小

swift - 他们是否对哪个 body 是 body 和 body 什么时候开始做出任何保证(_ :) is called?
当调用 func didBegin(_ contact: SKPhysicsContact) 的 SKScene 中发生接触时，需要确定哪个 SKPhysicsBody 是contact.bodyA
html - body 内的元素不适合 body
HTML: CSS: body { width : 1000px ; } header { width : 100% ; } 如果有这样的代码，我认为页眉的宽度将与主体的
php - body 图像定位与 body
我刚刚通过网站完成设计，现在我正在尝试将整个 body 布置成一个整体，而不是不断重复的瓷砖。请问我该怎么做？我不确定我说的是否有道理，但就像一张墙纸在拉伸(stretch)，而不是 30 个小瓷砖
html - body 包装上的滚动条而不是 body
我试图在我的内部包装器上获得一个滚动条，而不是主体本身: CSS body { overflow: hidden; } #body_wrap { overflow-y: auto;
html - body 元素走出 body
body { margin: 0px; border: 1px solid black; } #head { text-align: center; background: linea
html - 我最近看到一个 CSS 文件，其中分别定义了 "body"和 ".body"。为什么要在 ".body"类中放置描述？
关闭。这个问题是opinion-based .它目前不接受答案。想要改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 9 年前。 Improv
html - css 选择器 : difference between "body h1", "body .h1"和 "body.h1"
我试图了解此 CSS 规则将应用于哪些元素: body h1, body .h1 { font-family: 'Open Sans', sans-serif !important;
express - Jade模板中的 `body!= body`是什么意思？
此问题与使用 Jade templates 有关与 Express.js . 我知道当我写 layout.jade其中包含: !!! html body != body hea
css - body 上的不透明度不影响 body 上的背景颜色
我正在尝试为 body 设置不透明度。但是，我遇到了一个问题。在body 上设置不透明度时，只有它的内容会受到影响。背景不受不透明度的影响。 $("button").click(function(
java - box2d body 穿过其他 body
我的游戏中有两个对象:球和星星球是静态或动态的物体。对于明星: 我需要知道星星何时与球相撞但它需要穿过小球并且不受碰撞影响我应该怎么做？谢谢袜套最佳答案您想使用 Sensors (6.
javascript - 关闭 body 点击菜单和动画 body
我以前问过这个问题，但所有答案都不起作用，所以我有一个示例页面，webpage .我有一个重新调整大小的菜单，我想在菜单外单击时关闭菜单，以及在第一次切换下拉菜单时让主体向下动画，这样下拉菜单就不会隐
jquery - 使水井漂浮在 body 上而不是将元素插入 body
我有一个漂浮在我其余内容上的井。我遇到的问题是，当它加载页面时，它会下推其余内容。我该如何更改它以便它悬停在所有内容上并且不会在页面加载时将内容下推。这是页面加载的图像。这是向下滚动页面的图片请
html - body 和 #body 有什么区别
在我的代码中我有这个: #body { background-color: #efeeef; clear: both; padding-bottom: 35px; } 还有这个
jquery - 获取字符串中的内容
我想做以下事情。 $("a").click(function (event) { event.preventDefault(); $.get($(this).attr("href"),
python - body 是什么？ `from fastapi import Body`
在documentation在其他地方，我看到使用了 Body 但不知道它是什么。谁能解释一下这三个选项是什么意思？ from fastapi import Body from pydantic i
javascript - 在不使用标签的情况下设置 body onload
我试图在 body 加载后触发一个功能。我知道你可以从 body 标签中做到这一点，但如果可能的话，我更愿意从 JS 中做到这一点。例如:document.getElementsByTagName(
当我旋转 body 时，Pymunk body 的形状不会旋转
在 Pymunk 中，当我旋转一个物体时，它的形状并没有旋转。当我施加一个冲动时，形状会如预期的那样同步移动。我的谷歌搜索表明 body 的形状应该在 body 旋转时旋转。我是否从根本上误解了旋转？
jquery - 标签正在从 jQueryMobile 插入到我的文档的头部
在我的移动网站/应用程序中使用 jQueryMobile 时，我刚刚开始遇到非常奇怪错误编辑我正在添加图片，可能更容易理解问题 edit2 我发现了这个问题。仍然好奇为什么会这样如果您想查看原
javascript - 使多部分 "fluid body"充当一个单一的 body
我正在使用 Phaser.js 及其 p2 物理来模拟“流体”。你可以在this中看到创建一种流体体的示例(归功于 John Watson)。唯一可能的交互是鼠标移动。我注意到一些有趣的特性可能有助
html - body > :not(element) and :not(body> element)? 有什么区别
我认为是后一项， :not(body> element) 说明 body 标签中的所有“元素”元素。这是否与同义 body >:not(element) ?? 最佳答案 body >:not(ele

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 在meteor中使用Spiderable会在body标签中显示html之前复制head内容