html5 history api to ajaxify your magnolia website
DESCRIPTION
"Know your History! Use the HTML5 History api to Ajaxify your Magnolia site without sacrificing SEO or Usability." Using the history api, jQuery and Magnolia, learn how to create websites that are highly responsive, search engine friendly, have pretty urls, and don't break the back button. Using this technique we make everyone happy, from content publishers, to search engines and most importantly the end user.TRANSCRIPT
![Page 1: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/1.jpg)
Wednesday, September 5, 12
![Page 2: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/2.jpg)
Know Your History(API)
Using HTML5 History API to Ajaxify your Magnolia WebSite
Wednesday, September 5, 12
![Page 3: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/3.jpg)
• The story of when I realized I needed to learn more about the history API
• A stupidly simple example of the code in action• A walkthrough of our product tour redesign• How it works with magnolia
Agenda
Wednesday, September 5, 12
![Page 4: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/4.jpg)
• William Paoli• Front End Web Developer• From San Francisco,
California, USA• [email protected]
About Me
Wednesday, September 5, 12
![Page 5: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/5.jpg)
How we work together
Interactive Marketing TeamDesigners and Web Developers
Wednesday, September 5, 12
![Page 6: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/6.jpg)
How we work together
Interactive Marketing TeamDesigners and Web Developers
Product Marketing Managers
Wednesday, September 5, 12
![Page 7: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/7.jpg)
How we work together
Interactive Marketing TeamDesigners and Web Developers
Product Marketing Managers Demand Generation
Wednesday, September 5, 12
![Page 8: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/8.jpg)
The Website is our Salesperson
Wednesday, September 5, 12
![Page 9: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/9.jpg)
We wanted to go from “This” to “This"
The Atlassian Redesign
August 2012
Wednesday, September 5, 12
![Page 10: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/10.jpg)
We wanted to go from “This” to “This"
The Atlassian Redesign
1,800,000 Visits
Wednesday, September 5, 12
![Page 11: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/11.jpg)
We wanted to go from “This” to “This"
The Atlassian Redesign
4,006,000 Pageviews
Wednesday, September 5, 12
![Page 12: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/12.jpg)
We wanted to go from “This” to “This"
The Atlassian Redesign
Wednesday, September 5, 12
![Page 13: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/13.jpg)
The Big Redesign
Wednesday, September 5, 12
![Page 14: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/14.jpg)
• SEO • Clean URLS• Clean UI• Great Performance
The Concerns
Wednesday, September 5, 12
![Page 15: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/15.jpg)
• SEO • Clean URLS• Clean UI• Great Performance
The Concerns
Wednesday, September 5, 12
![Page 16: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/16.jpg)
The Conversation
Wednesday, September 5, 12
![Page 17: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/17.jpg)
Wednesday, September 5, 12
![Page 18: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/18.jpg)
Wednesday, September 5, 12
![Page 19: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/19.jpg)
Wednesday, September 5, 12
![Page 20: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/20.jpg)
Wednesday, September 5, 12
![Page 21: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/21.jpg)
Wednesday, September 5, 12
![Page 22: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/22.jpg)
Wednesday, September 5, 12
![Page 23: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/23.jpg)
Wednesday, September 5, 12
![Page 24: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/24.jpg)
Wednesday, September 5, 12
![Page 25: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/25.jpg)
Wednesday, September 5, 12
![Page 26: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/26.jpg)
Requirements of New Product Tour
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 27: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/27.jpg)
“DUDE, you
are using
the
HISTORY
API Right?”Wednesday, September 5, 12
![Page 28: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/28.jpg)
Of course I am, duh...
Wednesday, September 5, 12
![Page 29: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/29.jpg)
Of course I am, duh...
So uh...what’s the History API?
Wednesday, September 5, 12
![Page 30: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/30.jpg)
Wednesday, September 5, 12
![Page 31: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/31.jpg)
window.history.length - returns the number of items
window.history.go(n)- go forward/backward any number
window.history.back()- go back
window.history.forward()- go forward
window.history.pushState(data, title, url)
window.history.replaceState(data, title, url)
Wednesday, September 5, 12
![Page 32: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/32.jpg)
window.history.length - returns the number of items
window.history.go(n)- go forward/backward any number
window.history.back()- go back
window.history.forward()- go forward
window.history.pushState(data, title, url)
window.history.replaceState(data, title, url)
Wednesday, September 5, 12
![Page 33: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/33.jpg)
window.history.length - returns the number of items
window.history.go(n)- go forward/backward any number
window.history.back()- go back
window.history.forward()- go forward
window.history.pushState(data, title, url)
window.history.replaceState(data, title, url)
Wednesday, September 5, 12
![Page 34: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/34.jpg)
history.pushState(data,title,url)
Wednesday, September 5, 12
![Page 35: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/35.jpg)
history.pushState(data,title,url)
{tabName:‘foo’}Adds to history.state
Wednesday, September 5, 12
![Page 36: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/36.jpg)
history.pushState(data,title,url)
{tabName:‘foo’}
Currently Not Implemented
Wednesday, September 5, 12
![Page 37: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/37.jpg)
history.pushState(data,title,url)
{tabName:‘foo’}
Used to modify window.location
Wednesday, September 5, 12
![Page 38: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/38.jpg)
history.pushState(data,title,url)
{tabName:‘foo’}
AKA “Fake” URLS
Wednesday, September 5, 12
![Page 39: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/39.jpg)
history.pushState(data,title,url);
history.replaceState(data,title,url);
Wednesday, September 5, 12
![Page 40: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/40.jpg)
history.pushState(data,title,url);
history.replaceState(data,title,url);
window.onpopstate = function(){}
Wednesday, September 5, 12
![Page 41: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/41.jpg)
A useless example that hopefully illustrates
how this works
Wednesday, September 5, 12
![Page 42: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/42.jpg)
Level 1
Old Skool Style
Wednesday, September 5, 12
![Page 43: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/43.jpg)
Demo of static tabs (reload each time)
Wednesday, September 5, 12
![Page 44: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/44.jpg)
Static Site Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 45: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/45.jpg)
Static Site Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 46: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/46.jpg)
Static Site Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 47: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/47.jpg)
Static Site Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 48: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/48.jpg)
Static Site Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 49: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/49.jpg)
Static Site Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 50: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/50.jpg)
Static Site Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 51: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/51.jpg)
Level 2Get Some jQuery up in there!
Wednesday, September 5, 12
![Page 52: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/52.jpg)
JS tab solution
Wednesday, September 5, 12
![Page 53: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/53.jpg)
JS Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 54: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/54.jpg)
JS Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 55: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/55.jpg)
JS Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 56: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/56.jpg)
JS Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 57: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/57.jpg)
JS Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 58: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/58.jpg)
JS Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 59: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/59.jpg)
JS Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 60: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/60.jpg)
Level 3Let’s add that History thing William keeps talking about
Wednesday, September 5, 12
![Page 61: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/61.jpg)
History API to the Rescue
history.pushState(data,title, url)
Wednesday, September 5, 12
![Page 62: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/62.jpg)
History API’d tab solution
Wednesday, September 5, 12
![Page 63: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/63.jpg)
History API’d Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 64: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/64.jpg)
History API’d Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 65: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/65.jpg)
History API’d Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 66: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/66.jpg)
History API’d Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 67: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/67.jpg)
History API’d Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 68: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/68.jpg)
History API’d Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 69: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/69.jpg)
History API’d Tab Report Card
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 70: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/70.jpg)
Level 4Put it all together!
Wednesday, September 5, 12
![Page 71: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/71.jpg)
History API’d tab + Static Pages behind the fake urls solution
Wednesday, September 5, 12
![Page 72: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/72.jpg)
History API Tab with Static Behnd
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 73: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/73.jpg)
History API Tab with Static Behnd
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 74: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/74.jpg)
History API Tab with Static Behnd
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 75: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/75.jpg)
History API Tab with Static Behnd
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 76: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/76.jpg)
History API Tab with Static Behnd
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 77: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/77.jpg)
History API Tab with Static Behnd
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 78: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/78.jpg)
History API Tab with Static Behnd
Easy to Read and Real URLs
Search Engine Friendly/Discoverability
Don’t Break Back Button
Unique page titles for each tab
Unique Description and Keywords available
Great User Experience
Wednesday, September 5, 12
![Page 79: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/79.jpg)
Dude, um did you forget IE again?!
Wednesday, September 5, 12
![Page 80: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/80.jpg)
There’s a plugin for that
Wednesday, September 5, 12
![Page 81: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/81.jpg)
• HTML5 History api is very valuable• We can now create ajax pages that have clean urls and
is able to be search engine optimised• We made people happy!
Main Points to this
Wednesday, September 5, 12
![Page 82: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/82.jpg)
Whose Happy?
Wednesday, September 5, 12
![Page 83: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/83.jpg)
Whose Happy?
Jeff the Designer is Happy!
Wednesday, September 5, 12
![Page 84: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/84.jpg)
Whose Happy?
Jeff the Designer is Happy!
Mr “SEO” Joe is happy!
Wednesday, September 5, 12
![Page 85: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/85.jpg)
Whose Happy?
Jeff the Designer is Happy!
Mr “SEO” Joe is happy!
The Users of atlassian.com are Happy!
Wednesday, September 5, 12
![Page 86: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/86.jpg)
Thanks for listening!
Wednesday, September 5, 12
![Page 87: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/87.jpg)
Questions?
Wednesday, September 5, 12
![Page 88: HTML5 History api to Ajaxify your Magnolia Website](https://reader033.vdocuments.mx/reader033/viewer/2022051411/547b23095806b503408b458e/html5/thumbnails/88.jpg)
Be sure to check out:Continuous Media Playback and
RequireJS ModulesDavid Pronk
David Pronk
Wednesday, September 5, 12