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
-
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 -
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 -
Add Expires Headers
I noticed recommendations from yslow on "add expires headers" but they refer to sites that plug into mine (such as a you tube video). Can anything be done about this recommendation?
On-Page Optimization | | casper4340 -
Does Google index dynamically generated content/headers, etc.?
To avoid dupe content, we are moving away from a model where we have 30,000 pages, each with a separate URL that looks like /prices/<product-name>/<city><state>, often with dupe content because the product overlaps from city to city, and it's hard to keep 30,000 pages unique, where sometimes the only distinction is the price & the city/state.</state></city></product-name> We are moving to a model with around 300 unique pages, where some of the info that used to be in the url will move to the page itself (headers, etc.) to cut down on dupe content on those unique 300 pages. My question is this. If we have 300 unique-content pages with unique URL's, and we then put some dynamic info (year, city, state) into the page itself, will Google index this dynamic content? The question behind this one is, how do we continue to rank for searches for that product in the city-state being searched without having that info in the URL? Any best practices we should know about?
On-Page Optimization | | editabletext0 -
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 -
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 -
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