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 -
Google Parsing jQuery Links as Real Links
While trying to diagnose a recent Google penalty I found out that links were being parsed by Google even though they were made using jQuery. I had the linkify plugin on my site and configured it to convert URLs to links on all of my pages. Today I found links to other sites of mine from sites that should not have been linking to them and found that the links came from pages whose links were generated via jQuery. This makes me wonder, how do I know if Google is counting javascript generated links? Is it possible that my native ad widgets are creating links that Google might count? Since I don't own any of the sites that advertise via the widgets I don't know how to tell if they are getting link juice or not. It used to be that Google didn't parse javascript, so you could add as many links to your site via javascript as you wanted without being seen by Google as linking to those sites. Does anyone know of a jQuery plugin that does turn URLs into clickable links that Google won't parse as real links?
On-Page Optimization | | STDCarriers0 -
Impact of keyword/keyphrases density on header/footer
Hi, It might be a stupid question but I prefer to clear things out if it's not a problem: Today I've seen a website where visitors are prompted no less than 5 times per page to "call [their] consultants".
On-Page Optimization | | GhillC
This appears twice on the header, once on the side bar (mouse over pop up), once in the body of most of the pages and once in the footer. So obviously, besides the body of the pages, it appears at least 4 times on every single pages as it's part of the website template. In the past, I never really wondered re the menu, the footer etc as it's usually not hammering the same stuff repeatedly everywhere. Anyway, I then had a look at their blog and, given the average length of their articles, the keyword density around these prompts is about 0.5% to 0.8% for each page. This is huge! So basically my question is as follow: is Google's algorithm smart enough to understand what this is and make abstraction of this "content" to focus on the body of the pages (probably simply focusing on the tags)? Or does it send wrong signals and confuse search engine more than anything else? Reading stuff such as this, I wonder how does it work when this is not navigational or links elements. Thanks,
G Note: I’m purposely not speaking about the UX which is obviously impacted by such a hammering process.0 -
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 -
Deleting hidden H6 headers
Dear Moz members, In our webshop we have hidden H6 headers for example: http://www.rijwielcashencarry.nl/bovag-fietsreparatie and then the diagnoses chrome://seoquake/content/modules/diagnosis/diagnosis.html?id=1. How can we delete the h6 headers because i dont see them in the editor. It looks like they are somewhere in the source code. But where? Greeting, A SEO Noob 😞
On-Page Optimization | | rijwielcashencarry0400 -
Jquery in top of page vs text on bottom page
Is it the best way to use jquery sliders on the top of your page to still get all your text above the fold and score in search engines? for example: http://www.wolf-howl.com/wp-conte... is much better to score high ranks in search engines than http://www.wolf-howl.com/wp-conte... ?? Thanks!
On-Page Optimization | | HMK-NL0 -
Links in header tags
Hello Seomozzers I have a query, is it good to have links in h2, h3, h4 tags. Does it have a positive factor over on page optimisation or a negative factor. Thanks
On-Page Optimization | | usef4u0 -
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