Evernote tip: Easier web clipping using Readability
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!
Did you enjoy this post? Why not leave a comment below and continue the conversation, or subscribe to my feed to have articles like this delivered automatically to your feed reader. If you don't have a feed reader, you can always sign up for email updates and have fresh content delivered daily to your inbox.
Trackbacks & Pingbacks
Comments
Leave a comment
Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>








No feed reader? No problem! Subscribe by email to receive daily updates featuring the freshest content from JakeBouma.com!













Thanks for this. I've been trying out Readability for a while now, but never thought of combining with Evernote. Nice!
Beautifully simple. I am ravenous for more uses for Evernote; I just love the possibilities. Thank you for the recommendation!
No problem, Blake. Why keep these discoveries to ourselves? :)
No problem, Blake. Why keep these discoveries to ourselves? :)
You're welcome, Miriam!
This sounds like a great idea. I had never heard of the readability bookmarklet. Thanks for the tip.
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.
Nice tip!
- The kids at Arc90
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!
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.
Click the Print link. Copy/paste. Delete the two images.
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.
I'll assume you're the commenter below as well and that you spoke to soon… :)
That's true, but not every article has a "Print" option (although I wish they did…).
Chris, you won't regret it. Just be very intentional in the way you file things into folders and use tags, etc.
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!
Thanks, guys! I'm loving Readability and had to share the love!
Glad that this helps!
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.
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.