Utilizing Spiderable within Meteor results in the replication of head content before it is presented in the body tags

Having trouble with my meteor site, thought it was Google indexing, now suspecting an issue with the Spiderable package.

Meteor version 1.1.0.3 is in use, along with spiderable package and gadicohen:phantomjs as suggested by meteorpedia.

The current issue involves a duplication of default head code multiple times before displaying the body and html content. To see the problem, visit suleimanholdings.com?_escaped_fragment_= and view the page source.

If anyone has suggestions on how to fix this duplication issue and generate proper HTML for Google crawling, I'd appreciate it.

EDIT

Code used, with each template between the body tags:

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

EDIT 2

This is the homepage template code:

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

Nav template code:

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

Footer template code:

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

Answer №1

If you are working with iron router, make sure to delete the body and head tags from your main HTML template (main || masterLayout || layout) and keep only the {{> yield}}

For example:

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

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Guide on sending a JavaScript variable as a URL parameter in Django

I need to pass a radio ID to my view, but I'm struggling with how to do it using the GET method in the URL: html: <a href="{% url 'maintenance_issue_fix' %}?radio_id=checked"> <img src="{% static 'images/ma ...

React classes with external scripts

I'm currently working on embedding an external map service into my React application. The recommended way to integrate the API into a regular HTML web page is shown below: <script type="text/javascript" src="//map.search.ch/api/map.j ...

Anticipating the completion of multiple observable subscription functions

Is there a way to replace and convert all words in an array using an object's method that returns an observable? I found a helpful solution on this post which uses bind to pass the correct value. After all subscriptions are complete, I want to execut ...

Encountering issues with Visual Studio Code following the integration of the MongoDB API Mongoose into my code

As I delve into the world of web development, I have been exploring databases with MongoDB Atlas and mongoose. Interestingly, my debugging process has hit a bump when using the node.js(legacy) debugger in VS code after importing mongoose with const mongoos ...

Sticky positioning is not maintaining its position at the top

I've noticed a strange behavior where, when I scroll down, the yellow box goes on top of the blue box. I have set both boxes to have a position sticky so that they should stay in place and not overlap. However, I want only the orange box to be scrolla ...

Guide on showing a message on the server side when pressing a button in the web browser

I need the following question to function seamlessly on all major browsers including Opera, Internet Explorer, Chrome, Safari, and Firefox I am working on an application that requires users to follow a specific order of pages Text1.php, Text2.php, Text3.p ...

Encountering a hiccup while trying to retrieve information from a JSON

I am currently working on a Jquery Drop Upload form and everything is functioning well. However, I am encountering an error when trying to retrieve data from the database using JSON. I'm not sure why this error is occurring, so please see below for mo ...

Tips on how to update the status variable to true depending on the index value

Once I click on the close button, the value immediately changes to "Fruit." How can I achieve this? For instance: Apple close Grapes close Pineapples close Alternatively, is there a way to set the state of "cancel" to true ...

Trouble with a third-party library component not functioning properly on the server side in a Next.js environment

I've encountered a puzzling issue lately in my work. Recently, I started using the new NextJS v13 with React server components. I'm integrating it into a project that depends on a small private third-party library I created and shared among mul ...

Transforming the jQuery tooltip to be shown in a column layout

Hello, I am currently using the displayTag library to showcase some tables. My goal is to include a tooltip on each display:column element by utilizing jQuery. Below is the code snippet in question: <c:set var="titleName"><wp:i18n key="FILENAME" ...

Insufficient image quality on mobile when using HTML5 canvas toDataURL

I've encountered an issue with the toDataURL("image/png") function. My canvas contains various lines, colored shapes, and text. While the resulting png image appears sharp on desktop Chrome, it becomes pixelated and low quality when viewed on mobile C ...

How can I prevent buttons from being created using ngFor in Angular?

I need help with creating an HTML table that includes a cell with a button and a dropdown generated using ngFor. How can I disable the buttons (generated via ngFor) if no value is selected from the dropdown? Here's what I have tried so far: In my App ...

Tips for effectively utilizing axios without Vue.js CLI (for instance, in JS Fiddle)

Currently, I am immersing myself in the world of vue.js. To get a better understanding of the dependencies, I have chosen not to utilize the Vue cli just yet, opting for JS Fiddle instead. My next goal is to interact with an API using axios. Here is a glim ...

Retrieve the value of a nested JSON object using the name of an HTML form field, without the use of eval

I am facing a similar issue to Convert an HTML form field to a JSON object with inner objects, but in the opposite direction. Here is the JSON Object response received from the server: { company : "ACME, INC.", contact : { firstname : "Da ...

a guide on expanding a submenu in a shiny dashboard sidebar without using automated functions

I am facing a challenge in manually expanding a submenu within a sidebar on shiny dashboard. The function updateTabItems does not seem to work with nested menus, only with normal menus. For example, when I click on 'Switch tab', it switches the ...

Editing content directly within an ASP.NET Core MVC application through AJAX encounters a 400 error, indicating a Bad Request

I'm attempting to implement inline editing using AJAX in ASP.NET Core MVC, but I keep receiving a 400 error (Bad Request). The idea is to click on a table row to edit and save the new values in an SQL database. Could someone confirm if I am on the r ...

Utilizing Axios Instances for Authorization in Next.js Data Fetching

I am currently utilizing NextJS version 12.0.10 along with next-redux-wrapper version 7.0.5. I have implemented an Axios custom instance to store the user JWT token in local storage and automatically include it in every request, as well as to handle errors ...

What are the steps to customizing a package on atmospherejs.com within meteor.js?

When working with atmosphere in meteor.js, installing a package is typically as simple as using a single command. However, if there is a need to make changes to a specific package for customization purposes, the process becomes a bit more complex. For ex ...

The hash navigation feature of jQuery Mobile fails to function in a multipage template when a user enters the site through an interior page

Site Navigation Issue After setting up a website with jQuery Mobile, I encountered a problem. When entering the site from an interior page like the blog and clicking on navigation buttons in the header to return to the homepage, none of the ajax or hash-b ...

The modal refuses to close after ajax call succeeds

When utilizing ajax to load the content of a modal, I encountered an issue where the modal was not closing after updating a table and calling $('modal-container').modal('hide');. This specific modal includes a table with pagination. To ...