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
-
H1 text and Header Image Overlap?
I have images with text at the top of every page on my site. But no H1 or H tags at all. I would like the text on the image to be my H1 text. But I don't want to be repetitive. What should I do?
On-Page Optimization | | Calligraphy0 -
Ecommerce site Header tag compulsory to follow till h6?
Hello Experts? Header tags for homepage, category, product pages is it required to be have from h1 till h6? If No...then w3c validator will give me Warning and it will never Pass my site so? Do google say h1, h2, h3..etc should be in sequence only? As per my site design I cannot define h1 always on top it can be after h2 or h3 so? h1 can be only 1 for per page but it is fine h2, h3 etc multiple for same page? At listing page to give all 30 products names as h3 is fine or it is not correct way? For ecommerce site what is the best header tags you suggest? I mean till h3 is fine or h1 also fine? Do header tags helps google in crawling ? or for ranking purpose? or header tags should be best for blog not for ecommerce site? Thanks!
On-Page Optimization | | Johny123450 -
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 -
Is it redundant to include a redirect to my canonical domain (www) in my .htaccess file since I already have the correct rel="canonical" in my header?
I've been reading the benefits of each practice, but not found anyone mentioning whether it's really necessary to do both? Personally I try to stay clear of .htaccess rewrites unless it's absolutely necessary, since because I've read they can slow down a website.
On-Page Optimization | | HOPdigital0 -
How to "on page" seo a small local service business - particularly headers
First off, let me apologize if this question is posted elsewhere, worded differently. I've looked around quite a bit and have been unable to find the answer. Basically, we are a small web design firm just getting our feet with with SEO. Most of our clients, especially initially, will be quite small, local, service businesses. For example: and electrician, a pet sitter, a retail printing and map store, a surgeon etc. Almost all of their sites will follow a basic "business card on the web" format... Home Page - About Us - Testimonials - Rates - FAQ - Contact Us - Etc So, from what I've read about on-page optimization, making sure my keywords are in the title, header, body, and meta description is one of the easiest and quickest things we can do for our clients. This is a straightforward concept for me when applied to the homepage. For example, take the local pet sitting business. Her keywords are: Pet sitting, Dog walking, and the city we live in, Anytown USA. So, I've used those keywords in all the appropriate places on the home page: title: Dog Walking and Pet Sitting Service in Anytown USA header: Dog Walking and Pet Sitting Service in Anytown USA first sentence of body: We are a professional Dog Walking and Pet Sitting Service in Anytown USA meta description: We are a professional Dog Walking and Pet Sitting Service in Anytown USA. At Business Name your furry friends become a part of our family. So, my question is: Do I also optimize the "about us" page? I've changed the title of all the pages to follow this format: Dog Walking and Pet Sitting in Anytown USA - Home Dog Walking and Pet Sitting in Anytown USA - About Us Dog Walking and Pet Sitting in Anytown USA - Rates Dog Walking and Pet Sitting in Anytown USA - FAQ Dog Walking and Pet Sitting in Anytown USA - Etc Easy enough so far. Also pretty easy for the meta description, and the body. However, how would I add keywords to the header without making it look ridiculous? We use wordpress with the genesis framework, and child themes from studiopress. The header is always prominently visible at the top of the page. Most people would expect to see the header be the same as the link they clicked on the nav bar: for example, on the "about us" page, people expect the header to be: "about us" Not: "dog walking and pet sitting in Anytown USA - About Us" Do I just not worry about the headers on the other pages? For that matter, I'd really like people to "land" on the home page, not any of the other pages, so should I not optimize them at all? Does optimizing the rest of the pages help the home page to show up higher in the SERPS? If I do end up optimizing the rest of the pages, should I use slightly different spellings of the keywords: like Dog walker instead of dog walking? Or pet sitter instead of pet sitting? I've repeatedly seen people talk about not using the same keywords on more than one page... but for most of these businesses there are really fairly few keywords. There just isn't that many different ways that someone is going to search for an electrician, or a plumber, or a pet sitter. By the second or third page that I optimize on one site, I imagine I'll start running out of different variations of the keywords. I recognize that a lot of what we'll do that will be most helpful to local clients has nothing to do with on page optimization (setting up google places, google+, yahoo + bing local, etc). I'd just like to make sure that I'm doing the on page stuff as perfectly as possible. Thanks for your time and responses! -Matt p.s. while I'm at it, let me ask another question about domain names as well. Right now the pet sitting client mentioned above is using: www.petcare_Anytown_.com After operating her business for the last year she realized she is much more interested in dog walking than pet sitting. We are in the processes of redesigning the site, and when finished, are considering moving it to: www.dogwalking_Anytown_.com My assumption is that as long as we use permanent redirects from the old site to the new one, we shouldn't lose much SEO value. Is this thinking correct? On a related note though: another article I read mentioned that using a brand name in the domain may actually be more useful than the keyword rich domains above. However, www._businessname._com happens to already be taken by a pet sitting business at the other end of the country. We could however use: www.businessnameAnytown.com Which one do you think would work better? The keyword/location domain, or the businessname/location domain? Thanks!
On-Page Optimization | | Webformix0 -
Recommendation: Add a canonical URL tag referencing this URL to the header of the page.
Please clarify: In the page optimization tool, seomoz recommends using the canonical url tag on the unique page itself. Is it the same canonical url tag used when want juice to go to the original page? Although the canonical URL tag is generally thought of as a way to solve duplicate content problems, it can be extremely wise to use it on every (unique) page of a site to help prevent any query strings, session IDs, scraped versions, licensing deals or future developments to potentially create a secondary version and pull link juice or other metrics away from the original. We believe the canonical URL tag is a best practice to help prevent future problems, even if nothing is specifically duplicate/problematic today. Please give example.
On-Page Optimization | | AllIsWell0 -
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 -
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