Evernote tip: Easier web clipping using Readability

May 21, 2009 · 33 comments

I've previously written about how I use Evernote to organize my youth ministry, and my use of the program has only expanded since then. Consequently, I am constantly tweaking the way I use Evernote to make both the program and my time as efficient as possible.

I recently discovered a killer (and super simple) method for using Evernote's Web Clipper in tandem with arc90's Readability to import articles/blogs into the program. Here's how it's done.

I'll be using this article from Youth Worker Journal as the example throughout. Here's what the page looks like in a browser (you can click any of the images below for a full-sized version):

The article that I actually want to save and clip into Evernote is surrounded by tons of noise that I don't want. If I use the Web Clipper to clip the entire page, here's what I get:

If I scroll about halfway down the note, I am finally at the start of the text I want to save, but it's still surrounded by all the noise from the original page:

At this point, some of you might be wondering why I don't use one of the most useful features of the Web Clipper -- text highlighting. One can highlight text and/or images from any page and clip it all into Evernote with ease, which is really handy, but in this case even if I highlight all the text and clip it, there's still an advertisement stuck in the middle of my note:

Utilizing Readability, there's no need for highlighting text in the browser and no unnecessary removal of unwanted text or images once the article has been clipped into Evernote. In fact, just two clicks does the trick.

Once I've added the Readability bookmarklet to my bookmark toolbar, I visit the page I want to clip into Evernote, and click the Readability bookmarklet. Doing so results in something like this:

Now, instead of a great article surrounded by distracting noise, there is only the text of the article itself -- and without that pesky advertisement. I click the Web Clipper on my browser to clip the resulting page into Evernote and I get the following result:

Voilà! A clutter-free version of the article I want imported into Evernote with just two clicks. I hope you find this helpful; let me know if you do!

email
  • http://intensedebate.com/people/blakehuggins Blake Huggins

    Thanks for this. I've been trying out Readability for a while now, but never thought of combining with Evernote. Nice!

  • Miriam

    Beautifully simple. I am ravenous for more uses for Evernote; I just love the possibilities. Thank you for the recommendation!

  • http://intensedebate.com/people/jakebouma Jake Bouma

    No problem, Blake. Why keep these discoveries to ourselves? :)

  • http://intensedebate.com/people/jakebouma Jake Bouma

    No problem, Blake. Why keep these discoveries to ourselves? :)

  • http://intensedebate.com/people/jakebouma Jake Bouma

    You're welcome, Miriam!

  • http://tvor.blogspot.com/ SonofGroucho

    This sounds like a great idea. I had never heard of the readability bookmarklet. Thanks for the tip.

  • http://intensedebate.com/people/pendolino pendolino

    this is brilliant and has the potential to be HUGE for evernote users. i was using printwhatyoulike.com to somewhat simulate this but the problem was that you lost the URL when clipping to evernote. sweet.

  • http://www.arc90.com Rich

    Nice tip!

    - The kids at Arc90

  • http://intensedebate.com/people/CoffeeWithChris CoffeeWithChris

    Looks like it's time for me to get back in the Evernote game! All the clutter was why a quit using it a while back! Thanks for the tip!

  • http://www.monday.pt JTF

    Well… I use instapaper and nothing else! One click only and I can read the article anywhere (web or mobile). Plus, I can opt to see the article at its full blown html version (pop-up with the original page) or the text version only. I used to use readability (I still do, actually), but right now I tend to use instapaper more oftenly.

  • Ryan

    Click the Print link. Copy/paste. Delete the two images.

  • Ryan

    OK, tried both and your method is cleaner.

    Alternatively, using Firefox and AdBlock Plus, it's easy to just remove the images (before copy) from the printer friendly page.

  • http://intensedebate.com/people/jakebouma Jake Bouma

    I'll assume you're the commenter below as well and that you spoke to soon… :)

  • http://intensedebate.com/people/jakebouma Jake Bouma

    That's true, but not every article has a "Print" option (although I wish they did…).

  • http://intensedebate.com/people/jakebouma Jake Bouma

    Chris, you won't regret it. Just be very intentional in the way you file things into folders and use tags, etc.

  • http://intensedebate.com/people/jakebouma Jake Bouma

    I've never used Instapaper… maybe I'll have to give it a try, although I have no problems with using Google Reader and Delicious to keep track of what I want to read.

    Also, Evernote serves a different purpose than Instapaper, I believe. Instapaper sounds like "Save that for later…" and Evernote is "Save that forever…". Maybe I'm wrong though!

  • http://intensedebate.com/people/jakebouma Jake Bouma

    Thanks, guys! I'm loving Readability and had to share the love!

  • http://intensedebate.com/people/jakebouma Jake Bouma

    Glad that this helps!

  • http://www.calacirian.org sonja

    Jake … did you post this in a tweet just yesterday (12/11/09)? I swear I just saw it then … weird …

    Anyway, I'm totally in awe and thanks for it. Many times I don't read articles because I just can't deal with the advertising … it's so much distracting noise.

  • http://www.calacirian.org sonja

    Jake … did you post this in a tweet just yesterday (12/11/09)? I swear I just saw it then … weird …

    Anyway, I'm totally in awe and thanks for it. Many times I don't read articles because I just can't deal with the advertising … it's so much distracting noise.

  • http://goo.gl/AUb8b Dominique

    Nice explanation

    Most interesting for Evernote power use is the Evernote Essentials eBook. Have a look here: http://goo.gl/AUb8b (affiliate link)

  • http://goo.gl/AUb8b Dominique

    Nice explanation

    Most interesting for Evernote power use is the Evernote Essentials eBook. Have a look here: http://goo.gl/AUb8b (affiliate link)

  • http://goo.gl/AUb8b Dominique

    Nice explanation

    Most interesting for Evernote power use is the Evernote Essentials eBook. Have a look here: http://goo.gl/AUb8b (affiliate link)

  • http://goo.gl/AUb8b Dominique

    Nice explanation

    Most interesting for Evernote power use is the Evernote Essentials eBook. Have a look here: http://goo.gl/AUb8b (affiliate link)

  • http://goo.gl/AUb8b Dominique

    Nice explanation

    Most interesting for Evernote power use is the Evernote Essentials eBook. Have a look here: http://goo.gl/AUb8b (affiliate link)

  • http://goo.gl/AUb8b Dominique

    Nice explanation

    Most interesting for Evernote power use is the Evernote Essentials eBook. Have a look here: http://goo.gl/AUb8b (affiliate link)

  • http://nailtechniciancourses.org Kell

    http://www.johnlago.com/2010/07/using-evernote-li… Came across this guy while i was searching. He has developed a bookmarklet that implements your method … (readability, then web clipper)… in a one click step…. sadly i cant get it working for myself yet, but it looks like there are a few happy people commenting over there too. great tip btw. thanks

  • http://nailtechniciancourses.org Kell

    http://www.johnlago.com/2010/07/using-evernote-li… Came across this guy while i was searching. He has developed a bookmarklet that implements your method … (readability, then web clipper)… in a one click step…. sadly i cant get it working for myself yet, but it looks like there are a few happy people commenting over there too. great tip btw. thanks

  • http://nailtechniciancourses.org Kell

    http://www.johnlago.com/2010/07/using-evernote-li… Came across this guy while i was searching. He has developed a bookmarklet that implements your method … (readability, then web clipper)… in a one click step…. sadly i cant get it working for myself yet, but it looks like there are a few happy people commenting over there too. great tip btw. thanks

  • http://nailtechniciancourses.org Kell

    http://www.johnlago.com/2010/07/using-evernote-li… Came across this guy while i was searching. He has developed a bookmarklet that implements your method … (readability, then web clipper)… in a one click step…. sadly i cant get it working for myself yet, but it looks like there are a few happy people commenting over there too. great tip btw. thanks

  • http://nailtechniciancourses.org Kell

    http://www.johnlago.com/2010/07/using-evernote-li… Came across this guy while i was searching. He has developed a bookmarklet that implements your method … (readability, then web clipper)… in a one click step…. sadly i cant get it working for myself yet, but it looks like there are a few happy people commenting over there too. great tip btw. thanks

  • http://nailtechniciancourses.org Kell

    http://www.johnlago.com/2010/07/using-evernote-li… Came across this guy while i was searching. He has developed a bookmarklet that implements your method … (readability, then web clipper)… in a one click step…. sadly i cant get it working for myself yet, but it looks like there are a few happy people commenting over there too. great tip btw. thanks

  • Pingback: John Lagomarsino » Using Evernote Like Instapaper