Annotate the Web

CC BY-NC-SA Karen Eliot. Question Mark.

CC BY-NC-SA Karen Eliot. Question Mark.

Hangout on Air Netcast: March 11, 8:30 pm

Join Julie Coiro, an international expert in online reading and research comprehension and Greg McVerry as they host a fifteen minute show on markers of credibility..

Live Twitter Chat:

Join Dave Quinn as he co-moderates our Twitter chat Thursday at 9:00 pm EST to the teaching of credibility in the classroom.

Make Cycle:

For this cycle we will be exploring two tools. and For this make cycle you have to create an account using either tool. We will use to annotate sources and to create biased think-alouds.

Then share a blog post on how you would have students annotate the web for credibility and argumentation. Do you see them as connected? What tagbook would you use?

CC-BY. Michael Pollack. How My Professors Annotate Books Part One.

CC-BY. Michael Pollack. How My Professors Annotate Books Part One.


Teachers who complete this module can apply for the web annotator badge.

Badge icon "Magnifying Glass (4585)" provided by SimpleScott, from The Noun Project under Creative Commons - Attribution (CC BY 3.0) Tutorial is an open source project to annotate the web. It is a non-profit company that used open web standards.

There are other annotation tools out there such as Diigo and Rap Genius. We love them all. just allows us to annotate any website including PDFs. You can also use pseudonyms to protect student privacy.

This tutorial will cover:

  • How to install
  • How to annotate the web
  • How to make multimodal annotations
  • How to share your annotations

How to install Hypothesis

Step One: Go to
Step Two: Click on Install Chrome Extension*
Step Three: Accept permission (note menu not visible in image below)

*Firefox extension coming soon

Step Four: A New Page will open up. Go to the page
Step Five: Click on Create Account
Step Six: Use a username (pseudonyms allowed –good for student privacy but I would stick with Twitter handle for adult learners)
Step Seven: Add email, and password

Step Eight: Check your email and activate account:

How to Annotate the Web

Step One: Choose a text worthy of reading
Step Two: Click on the speech box in the upper right hand corner.
Step Three: Highlight Text
Step Four: Click on Pen

Step Five: Add an annotation
Step Six: Click Save

How to Make Multimodal Annotations

Add an Image

Step One: Find the relevant image. Copy the image url (right click on image>save image url)
Step Two: Highlight text and click on the annotation pen.
Step Three: Copy your image url into the code.
Step Four: Add an image description
Step Five: Add an optional description below. This texts will show allowing the web to be accessible to all.

Add a Link:

Step One: Highlight Text:
Step Two: Click on Link:
Step Three: Copy in Link:
Step Four: Type in the the link text

Important the bracket and parentheses must not be deleted.

How to Share Your Annotations

Tag your Annotations

Tagging your annotations lets people find them.

Step One: add a questiontheweb tag (note the “#” sign is not necessary)
Step Two: add a tag if this annotation refers to a specific code book tag (claim, evidence, source)
Step Three: Add an optional classroom tag is assigned by the instructor.

Step Four: View the stream. Click on a tag.
Step Five: Share the link to the stream anywhere

Share your Annotations

Step One: Click on Share
Step Two: Send out link on your social networks using #QuestionTheWeb hashtag.

Other great features:

You can also reply directly to other annotations by clicking reply.
You can set any annotation to private or public.