• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
New Technologies
 

New Technologies

on

  • 4,143 views

Presented at Distilled's ProSEO (now called 'SearchLove') conference in Boston, May 2011. ...

Presented at Distilled's ProSEO (now called 'SearchLove') conference in Boston, May 2011.

The focus was on why new technologies can help you win in the SEO game - and some particularly useful tech that you can start using straight away.

This was also the presentation where I formally announced my own webapp, Linkstant - the instant link alert tool. It's available for you to use at:
http://www.linkstant.com

Feel free to get in touch if you have any particular questions about this presentation.

Statistics

Views

Total Views
4,143
Views on SlideShare
4,142
Embed Views
1

Actions

Likes
3
Downloads
27
Comments
0

1 Embed 1

https://twitter.com 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    New Technologies New Technologies Presentation Transcript

    • Future Technologies @RobOusbey
    • The Future Where we’re going, we don’t need roads.
    • Why doyou care?
    • Why do you care? Build Faster WebsitesExample data via: http://ezlocal.com/blog/post/page-speed-vs-pages-crawled.aspx
    • Why do you care? First Movers Get Benefits from GoogleRecipes: http://www.google.com/support/webmasters/bin/answer.py?answer=173379Events: http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=164506
    • Why do you care? First Movers Get LinksAny link building tactic diminishes in effectiveness over time. New technologies are a smart way toattract the interest of the Linkerati.
    • Why do you care? First Movers Get Linkshttp://upload.wikimedia.org/wikipedia/commons/7/74/Timeline_of_web_browsers.svgSVG Ranking Factors: http://www.andyjamesdavies.com/experiments/svg-two/
    • HTML5 It’s easy, once you’ve read the directions.
    • Why do you care? First Movers Get LinksApp launch website at: http://benthebodyguard.com/
    • HTML 5: Graphic.lyA beautifully presented HTML5 graphic-novel interface, with Frank Miller-esque touches.http://graphic.ly
    • HTML 5: Mag.Reevoo.ComA weekend hack project to demonstrate some HTML5/CSS3 features.http://mag.reevoo.com
    • CSS3 Third time lucky.
    • CSS3: Beautiful Siteshttp://www.zurb.com/playground/sliding-vinyl
    • CSS3: Text StrokeLots more at: http://www.css3files.com/ andhttp://www.smashingmagazine.com/2011/05/11/the-future-of-css-experimental-css-properties/
    • CSS3: Transitioninghttp://media.24ways.org/2009/14/5/index.html
    • CSS3: New Stuffhttp://webdesignerwall.com/trends/47-amazing-css3-animation-demos
    • CSS3: 39 Box Shadows, No Good ReasonA sample of the demos available at: http://www.viget.com/uploads/file/boxshadows/Info: http://www.viget.com/inspire/39-ridiculous-things-to-do-with-css3-box-shadows/
    • AJAX Looks more complicated than it ought to be.
    • Use jQuery. http://jquery.com/ You can thank me later.
    • AJAX: The Old Way Sucks www.example.com/shop www.example.com/shop#cameras www.example.com/shop#DVDs www.example.com/shop#laptopsThis sucks: link juice doesn’t go to the correct places.
    • AJAX: The Interim Way Kind of Sucks www.example.com/shop#!DVDs www.example.com/shop?_escaped_fragment_=DVDsInfo + Demo: http://www.seomoz.org/blog/how-to-allow-google-to-crawl-ajax-content
    • AJAX: Twitter’s Implementation twitter.com/RobOusbey 302 Google indexes the content here. twitter.com/#!/RobOusbey 200 ROBOTS USERS Google translates it to: See the page here. twitter.com/?_escaped_fragment_=/RobOusbey NON-JS USERS Not so much.Why? Why would anyone do this? It really f/#!/ng sucks.
    • AJAX: Gawker’s Implementation gawker.com/category/post-title-12345.php 302 gawker.com/#!12345/post-title 200 ROBOTS USERS Google translates it to: See the page here. gawker.com/?_escaped_fragment_=12345/post-title 200 NON-US USERS Allows Google to indexRedirects to home page. content here.
    • AJAX: Gawker’s ImplementationGawker resolved URLs at the ?_escaped_fragment_ stage, and they were indexed withhashbangs.
    • AJAX: The New Implementation$(nav a).click(function(e) { When someone clicks the link… url = $(this).attr("href"); $.getJSON("content.php", {cid: url, format: json}, function(json) { $.each(json, function(key, value){ … load content in with AJAX … $(key).html(value); }); }); window.history.pushState(object, New Title, url); … change the URL … $(li).removeClass(current); $(a[href="+url+"]).parent().addClass(current); e.preventDefault(); … but don’t refresh the page.}
    • history.pushState() history.replaceState()Very basic .pushState() demo published at http://html5.gingerhost.comSee the technology in use on any blogspot blog, eg: thesartorialist.blogspot.com/view/sidebar/More info: https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history
    • APIs Helping us get to the future, faster.
    • APIs: Contacting People – Twilio.com$response = $client->request("/v1/Accounts/id123/SMS/Messages", "POST", array( "To" => $cellNumber, "From" => "206-965-9265", "Body" => "Hi $customerName, your order is ready for collection at $location" ));
    • APIs: User Datawww.rapleaf.com // code.google.com/apis/socialgraph // qwerly.com
    • APIs: Qwerly.com
    • APIs: Google’s APIs Android Rendering API Honeycomb API Android Accessibility API Near Field Communications API Android Marketplace API Brain API Buzz API Google eBooks API Latitude API In-App Payments API Translate API Google Shopping API * Google Places API App Engine Pipeline API Blogger Admin API Google Fusion Tables API Google Apps APIs App Engine Task Queue API Google Maps API * Machine Learning Prediction API Google Earth API YouTube Caption API App Engine Full Text Search API YouTube Data API Google Checkout API Google Charts API * Google One Pass: Paywall API * Google Page Speed API Google Tasks API * Android Open Accessory API & Development Kithttp://developer.android.com/guide/topics/usb/adk.htmlhttp://www.google.com/enterprise/prediction/
    • APIs: Robots
    • APIs: Robotshttp://www.youtube.com/watch?v=FxXBUp-4800http://code.google.com/p/rosjava/
    • SPeeDY
    • SPDYhttp://www.chromium.org/spdyhttp://www.chromium.org/spdy/spdy-data
    • Polling Let’s be honest, it’s kind of old fashioned.
    • Polling: Server to Server Anything new? Anything new? Anything new? Publisher Reader Anything new? Anything new? For the love all that is good, YES. Anything new?This type of repeated polling is unnecessary; it puts additional load on thepublisher, and the subscriber has to downloads lots of data that it doesn’t need to.
    • Polling: Publisher / Subscriber 1: Anything new? Hub 2: I’ll letPublisher you know. Subscriber 3: I’ve got new content! 4: There’s something new!http://code.google.com/p/pubsubhubbub/http://code.google.com/apis/pubsubhubbub/
    • Polling: Browser to Server Anything new? Anything new? Web Anything new? Web Server Anything new? Browser Anything new? For the love all that is good, YES. Anything new?Examples: Twitter, webmail, etc.In this case, solutions include clever things like long-polling and websockets.
    • WebSockets They’re not safe, but they’re really effective.
    • WebSockets: Pusher.com<script src="http://js.pusherapp.com/1.8/pusher.min.js"></script>var pusher = new Pusher(API_KEY);var myChannel = pusher.subscribe(MY_CHANNEL);myChannel.bind(thing-create, function(thing) { alert(A thing was created: + thing.name);});
    • Go and Win HTML5 + CSS3 Make your site faster & cooler
    • Go and Win Qwerly• Parse your email subscription list• Reach out to the Twitter / Facebook users• Create some niche-site content
    • Go and Win WebSocketsMake life a lot easier for yourself: sign up for a Pusher.com account.
    • Thank you. www.distilled.net @RobOusbey