Evernote tip: Easier web clipping using Readability

May 21, 2009

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!

{ 32 comments… read them below or add one }

Blake Huggins May 22, 2009 at 12:56 am

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

Reply

Miriam May 22, 2009 at 4:01 am

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

Reply

Jake Bouma May 22, 2009 at 5:08 am

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

Reply

Jake Bouma May 22, 2009 at 5:08 am

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

Reply

Jake Bouma May 22, 2009 at 5:09 am

You're welcome, Miriam!

Reply

SonofGroucho May 22, 2009 at 5:23 am

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

Reply

pendolino May 22, 2009 at 7:45 am

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.

Reply

Rich May 22, 2009 at 1:32 pm

Nice tip!

- The kids at Arc90

Reply

CoffeeWithChris May 22, 2009 at 1:35 pm

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!

Reply

JTF May 22, 2009 at 2:08 pm

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.

Reply

Ryan May 22, 2009 at 2:37 pm

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

Reply

Ryan May 22, 2009 at 2:42 pm

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.

Reply

Jake Bouma May 22, 2009 at 3:54 pm

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

Reply

Jake Bouma May 22, 2009 at 3:56 pm

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

Reply

Jake Bouma May 22, 2009 at 3:57 pm

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

Reply

Jake Bouma May 22, 2009 at 3:59 pm

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!

Reply

Jake Bouma May 22, 2009 at 4:00 pm

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

Reply

Jake Bouma May 22, 2009 at 4:01 pm

Glad that this helps!

Reply

sonja December 12, 2009 at 6:59 pm

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.

Reply

sonja December 12, 2009 at 6:59 pm

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.

Reply

Dominique February 23, 2011 at 3:01 am

Nice explanation

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

Reply

Dominique February 23, 2011 at 3:01 am

Nice explanation

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

Reply

Dominique February 23, 2011 at 3:01 am

Nice explanation

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

Reply

Dominique February 23, 2011 at 3:01 am

Nice explanation

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

Reply

Dominique February 23, 2011 at 3:01 am

Nice explanation

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

Reply

Dominique February 23, 2011 at 3:01 am

Nice explanation

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

Reply

Kell August 13, 2011 at 9:34 am

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

Reply

Kell August 13, 2011 at 9:34 am

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

Reply

Kell August 13, 2011 at 9:34 am

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

Reply

Kell August 13, 2011 at 9:34 am

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

Reply

Kell August 13, 2011 at 9:34 am

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

Reply

Kell August 13, 2011 at 9:34 am

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

Reply

Leave a Comment

{ 1 trackback }

Previous post:

Next post: