Founder of Scriffer

How to annotate web pages on mobile and desktop for free

A screenshot showing highlights overlayed on an article about london as a tech hub

So you’ve come to the conclusion that the best way to take notes on the internet is to actually take notes directly ON the internet! Annotating web pages is a great way to organise your thoughts while preserving a lot of contextual information that you’d miss if you just write down your thoughts in a word document.

There are a few tools out there to help you do that. We think Scriffer is the best because it works on any device and you don’t need to install anything. Crucially becuase you don’t need to install anything that means that your friends and colleagues don’t need to either so you can share your annotations with anyone and start collaborating!

We’ve made it so easy to do. Let’s get started and take your note taking skills to the next level.

  1. Find an interesting article/PDF/web page you want to make notes on.

    Scriffer supports lots of sites and PDFs and we’re always working to improve the rendering engine. Any content you want to annotate should work as long as it’s not behind a paywall (We’re working on this too).

  2. Copy the link and paste it into Scriffer

    Grab the link to whatever you’re reading, paste it into the link bar on Scriffer and hit enter. Magic is about to happen 😮! The content you’re reading should appear perfectly within Scriffer ready to start annotating.

    Scriffer new link form

    Pro tip: Grab the Scriffer extension for Chrome or Firefox to save time opening links in Scriffer

  3. Highlight any text on the page and add comments

    Select the text you want to annotate. A comment box will appear on the side (desktop) or at the bottom (mobile) of the screen. Write something witty and intelligent into the box and hit ‘Add’.

    An image of an annotation being created on mobile

    Make sure you’re signed in to be able to save comments.

    That’s it! You’ve just created your first annotated page. Every page you annotate will be saved to your dashboard so you can come back and review your notes whenever you like.

  4. Share the link with anyone!

    Scriffer was built for discussion and sharing. Annotations are a great way to share your opinions with others and to have a productive debate around content.

    It’s so easy to get people involved in the discussion. Simply copy the URL at the top of the screen and send it to anyone. By default anyone with the link can see your annotations and add their own.

    If you want to keep the discussion private you can change audience privacy settings with a paid plan

  5. Bonus pro tip - Readability mode

    Image showing an article in readability mode for clearer annotation

    Turn on readability mode when you first create a link in order to display the content beautifully without distractions so you can focus on reading and annotating the content that’s important to you.

    Readability mode can be triggered at the top of the page before you save your first comment.

    If you’re sharing the page with others they will appreciate the clean minimal design that doesn’t get in the way of the content. You can get on the same page quicker if your readers don’t have to wade through a bunch of adverts or popups before seeing your annotations. Keep it clean and simple and your thoughts will stand out best!