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
-
True or False? Having your phone number in the header of your nav bar is good for SEO?
I have been told by a a few different SEO and Marketing Agency friends that by putting your address and phone number in the top section of your navbar is great for SEO. Does this myth have any merit or is it just misguided? Tksac28
On-Page Optimization | | UndergrndMarketing0 -
Trying to SEO a site that used Header Tags for Design
I am trying to SEO a website that was built years ago and uses Header tags for design. The site must have 25 and tags used for design purpose. Is there any way to work around this problem? Perhaps a code that tells Google to ignore these as Headers? The web designers say that they are looking to fix the problem sometime this summer but you never know if that means it a month away or years away. I really want to help this website but I believe that the Header tags are one of the reasons that his site does not show in the top 100 rankings for any keywords. Any help would be great. www.wallybuysell.com Chris.K
On-Page Optimization | | CKerr0 -
Multi-Site SEO using Host Headers
Hi - I'm working on a proposal for a client who runs 3 different career websites. He uses "host headers" to direct the website visitor to the correct website. For example, if the visitor comes from Washington he goes to one url. If he is in Kansas, he goes to another URL. Does anyone have any experience doing SEO with this type of system? What do I need to know? What are hurdles I'll encounter? Thanks, -Hunter
On-Page Optimization | | HunterW0 -
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 -
Same H1 tag in header across entire site
Should I have the same H1 tag in my header through out my entire site? Or is this considered to be self canalization for my main keywords. For example right now I have an H1 tag with my main targeted keywords on every page on my site, even if the pages content doesn't necessarily match the keywords in the H1 tag.
On-Page Optimization | | TRICORSystems0 -
# hidden by the header?
Can someone please clarify whether hiding tags behind the image header is an accepted best practice or is frowned upon by Google? I was doing some competitive analysis and noticed some websites were doing it, but it certainly wasn't egregious.
On-Page Optimization | | dignan990 -
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