Jquery for Header
-
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.
-
Exactly Jonathon, but preferably in other less noted sections of the site.
-
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
-
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
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Multiple H1s and Header Tags in Hero/Banner Images
I work on education websites, and our sites are being flagged by SEO and accessibility checkers for having multiple H1s. The home pages have the site name as an h3 in the hero image, and an aspirational headline (think: Be Like Mike) as an H1. The sub-pages have two H1s: one on the site name in the banner image, and the other on the page title. Note that the site name is very keyword-rich. If we were to remove the H1 and H3 tags from the hero/banner images, would it do any SEO harm? At the same time, we’d rewrite the H1 on the home page to be more keyword-focused. Any other options? I also read that it’s OK to have multiple H1s as long as it’s clear which H1 belongs to the heading area and which one belongs to the body area of the page. Thanks in advance!
On-Page Optimization | | UWPCE0 -
Header/Menu Links
Hey there, I seem to have heard mixed results on this. We have a LOT of pages that we are trying to tell google are important. Does it make that big of a difference if those pages are linked in the homepage/header menu? Or mega menu for example? We are essentially a review site, so we potentially have thousands of links that could be implemented into the menu. Thoughts are greatly appreciated!
On-Page Optimization | | HashtagHustler0 -
Having a terrible time ordering the CSS Styles and Scripts in my header
Hi Guys, I am having a terrible time trying to get the correct optimized (for speed, none blocking etc) order for loading my external css and JS. I follow the recommendations from Google Page Speed or Chrome Audit and it seems no matter where I move the CSS file too (top or bottom) it complains about more blocking and stopping rendering of the page. My URL is http://www.MyFairyTaleBooks.com if some smart person out there could help me figure out what I am doing wrong and the order in which my should be organized I'd appreciate it! Oh I'm not a developer but I can re-arrange text in a file! 😉 Thank you!
On-Page Optimization | | MyFairyTaleBooks
Dinesh0 -
Crosslinking Question - Footer or Header?
We own 9 fashion blogs that focus on different niches. We have Your Next Shoes focusing on shoes, Your Next Dress focusing on dresses, Your Next Handbag focusing on handbags, and so on. Previously we had links in the blog header to the other sister sites. Your Next Shoes had text links to its 8 sister sites, and so on. However, we were told that this could cause a cross-linking penalty, so we removed these links. My understanding now is that the advice we were given is not necessarily correct. We think it is useful for our visitors to see that we also operate other blogs, so we are thinking of adding back the links - this time to our footer. Basically I am looking for advise on the best way to go about this.
On-Page Optimization | | Jantaro0 -
Header Links vs. In Page Links
We have lost considerable rank for some of our top search terms (department names) and the rank loss correlates to a change we made on our homepage. That change was to remove a secondary navigation to the major departments in the content of our homepage. Now all we have is the global header navigation on the homepage (and all other pages on the site). I have read that in-page links pass more value than sitewide header links and I'm wondering if this is really true. These were text links (not linked images) and our header also contains text links (and some javascript). We did not make any other changes on our site at this time and this was not around the time of any major algorithm updates. The site is www.ebags.com.
On-Page Optimization | | SharieBags1 -
How would you handle network header links?
Some companies have a lot of sites covering various topics, for example, http://ninemsn.com.au/. Each category also have dropdown menus where there are more links, taking their pages to well over 100 links. Should these headers be implemented in javascript? Is there a list of best practices somewhere when dealing with a lot of network sites? I'd prefer to reduce the number of links, but sometimes company policies don't allow this. Any suggestions or tips would be helpful.
On-Page Optimization | | bigpond0 -
HTTP Headers
I ran an independant SEO test that recommended I do the following: Missing Header: Cache-Control header missing, should be presentMissing Header: Content-Length header missing, should be presentMissing Header: Content-Encoding - why don't you try using gzip or deflate?Missing Header: Expires header missing, should be presentMissing Header: Last-Modified header missing, should be presentIs any of this necessary?
On-Page Optimization | | BradBorst0