Ajax Simplified: I have been meaning to put this together, even for my own understanding and pros and cons and the SEO impact of using Ajax.
Pros:
1. Ajax does a great job of not fully loading the page, so refresh smaller areas/faster
2. A lot of fancy things auto complete\Edit in place\ratings\RSS reader and also sorts of gimmicks.
3. On refresh, it does not trigger a HTTP Post as opposed to traditional web apps.
4. Simpler actions makes the over all site faster, things like e.g. Facebook like
Cons:
1. SEO suffers as most crawlers are links based and have limited JS support so if you use fewer URL's to do a lot of actions, this is bad for SEO visibility of the site.
2. User experience, can not navigate to the path on refresh, so this could be bad user experience, if the Ajax is heavily used and you navigate to 3-4 levels and if you need to go back or forward.
Good Example of Ajax implemented site with SEO friendly URLs: https://github.com/
As you would see here with github, even though it is Ajax, the links are changing which is kind of best of both worlds: https://github.com/karmi/tire
Limitation of the above approach: Only HTML5 supports this feature--History supported browsers (most modern browsers). Push the URL to the browsers and ajax takes care of all the handling.You need to implement If\Else for older browsers and fortunately there is an API available, please find below link
https://github.com/browserstate/history.js
Top 10 Ajax applications in commerce (WCS): I will fill this soon.
Pros:
1. Ajax does a great job of not fully loading the page, so refresh smaller areas/faster
2. A lot of fancy things auto complete\Edit in place\ratings\RSS reader and also sorts of gimmicks.
3. On refresh, it does not trigger a HTTP Post as opposed to traditional web apps.
4. Simpler actions makes the over all site faster, things like e.g. Facebook like
Cons:
1. SEO suffers as most crawlers are links based and have limited JS support so if you use fewer URL's to do a lot of actions, this is bad for SEO visibility of the site.
2. User experience, can not navigate to the path on refresh, so this could be bad user experience, if the Ajax is heavily used and you navigate to 3-4 levels and if you need to go back or forward.
Good Example of Ajax implemented site with SEO friendly URLs: https://github.com/
As you would see here with github, even though it is Ajax, the links are changing which is kind of best of both worlds: https://github.com/karmi/tire
Limitation of the above approach: Only HTML5 supports this feature--History supported browsers (most modern browsers). Push the URL to the browsers and ajax takes care of all the handling.You need to implement If\Else for older browsers and fortunately there is an API available, please find below link
https://github.com/browserstate/history.js
Top 10 Ajax applications in commerce (WCS): I will fill this soon.
Wow. This really made my day. Thanks a lot!
ReplyDeleteJavaScript Online Training | HTML5 Online Training JQuery Online Training JQuery Online Training Javascript Online Training
Fantastic blog you have here. You’ll discover me looking at your stuff often. Saved! website search engine marketing
ReplyDeleteCool ideas! This post was presented with huge knowledge. Thanks for the good job to share this with us. Keep updating.
ReplyDeleteExcel Training in Chennai
Excel Advanced course
Pega Training in Chennai
Linux Training in Chennai
Job Openings in Chennai
Tableau Training in Chennai
Unix Training in Chennai
Oracle Training in Chennai
Soft Skills Training in Chennai
JMeter Training in Chennai
Excel Training in OMR
This blog contains useful information. Thank you for deliverying this usfull blog..
ReplyDeleteSpoken English Classes in Bangalore
Spoken English Classes in Chennai
English Speaking Course in Bangalore
Best Spoken English Classes in Bangalore
Spoken English in Bangalore
Spoken English Classes in Marathahalli
AWS Training in Bangalore
Data Science Courses in Bangalore
DevOps Training in Bangalore
DOT NET Training in Bangalore