The Moz Q&A Forum

    • Forum
    • Questions
    • My Q&A
    • Users
    • Ask the Community

    Welcome to the Q&A Forum

    Browse the forum for helpful insights and fresh discussions about all things SEO.

    1. SEO and Digital Marketing Q&A Forum
    2. Categories
    3. On-Page / Site Optimization
    4. Jquery for Header

    Jquery for Header

    On-Page / Site Optimization
    4 3 540
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as question
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • younus
      younus last edited by

      Hi, I am using a Header template designed in jQuery, its having a small script. i woud like to know is there any bad impact on the website if I use Jquery. Thanks.

      1 Reply Last reply Reply Quote 0
      • JonathanLeplang
        JonathanLeplang last edited by

        No don't worry, you can have small animations in Jquery. The important thing is that the navigation, the content,... is not into the jquery script.

        Best regards,
        Jonathan Leplang

        Vahe.Arabian 1 Reply Last reply Reply Quote 0
        • Vahe.Arabian
          Vahe.Arabian last edited by

          Jquery calls elements using JavaScript(JS). Search crawlers will therefore have great difficulty accessing content wrapped in JS. If you had jquery embedded in different elements of the site, then I would see only this as a minimal issue. However since you are using jquery as part of your header template, this might impact how search engine crawlers potentially access your sites navigation, including deeper level pages. If you are still keen on using jquery, I would suggest the following tips when maximizing the search engine friendliness (SEF) of your site: 1. Reduce the number of html tags for Jquery, as much as possible. You want to make sure crawlers not only access the navigation effectively, but the pages meta data (usually located in the sites header). 2. Use tags to dynamically trigger events instead of blank onclick anchor tags. 3. Always contain a html version of a page. If Javascript is disabled for a browser, I should be able to see the HTML content. 4. Externalise JS files - This not only improves site speed, but helps crawlers focus on other more important content. To see whether or not your site might be impacted from JS or Jquery, you should disable JS on your browser and make UX observations. You should also look Google's cached version of the page and note any differences. Hope this helps, Vahe

          1 Reply Last reply Reply Quote 0
          • Vahe.Arabian
            Vahe.Arabian @JonathanLeplang last edited by

            Exactly Jonathon, but preferably in other less noted  sections of the site.

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            • First post
              Last post
            • Header/Menu Links
              JohnSammon
              JohnSammon
              0
              2
              33

            • H1 & H2 headers - When is too close
              ChrisAshton
              ChrisAshton
              0
              2
              119

            • Deleting hidden H6 headers
              RangeMarketing
              RangeMarketing
              0
              6
              199

            • Crosslinking Question - Footer or Header?
              zeepartner
              zeepartner
              0
              3
              189

            • Header Links vs. In Page Links
              SharieBags
              SharieBags
              1
              4
              487

            • Jquery in top of page vs text on bottom page
              matbennett
              matbennett
              0
              2
              382

            • Links in header tags
              WSOT
              WSOT
              0
              4
              665

            • # hidden by the header?
              kchandler
              kchandler
              0
              7
              954

            Get started with Moz Pro!

            Unlock the power of advanced SEO tools and data-driven insights.

            Start my free trial
            Products
            • Moz Pro
            • Moz Local
            • Moz API
            • Moz Data
            • STAT
            • Product Updates
            Moz Solutions
            • SMB Solutions
            • Agency Solutions
            • Enterprise Solutions
            • Digital Marketers
            Free SEO Tools
            • Domain Authority Checker
            • Link Explorer
            • Keyword Explorer
            • Competitive Research
            • Brand Authority Checker
            • Local Citation Checker
            • MozBar Extension
            • MozCast
            Resources
            • Blog
            • SEO Learning Center
            • Help Hub
            • Beginner's Guide to SEO
            • How-to Guides
            • Moz Academy
            • API Docs
            About Moz
            • About
            • Team
            • Careers
            • Contact
            Why Moz
            • Case Studies
            • Testimonials
            Get Involved
            • Become an Affiliate
            • MozCon
            • Webinars
            • Practical Marketer Series
            • MozPod
            Connect with us

            Contact the Help team

            Join our newsletter
            Moz logo
            © 2021 - 2026 SEOMoz, Inc., a Ziff Davis company. All rights reserved. Moz is a registered trademark of SEOMoz, Inc.
            • Accessibility
            • Terms of Use
            • Privacy