IMAGE REPRESENTATIVE HITAPP GUIDELINES

Task
Your task is to determine whether the image is within the main body of the page and is related to the title and the page content.

How to identify the images that represent the webpage?

For an image to represent the webpage (be related to the webpage), it must satisfy the following conditions:
1. The image must be a part of the main body of the webpage.
• IGNORE the headers, footers, side bars, and "related" sections.
• IGNORE the logos icons, expect when webpage is a profile page and the image is a profile pic such as on news homepage,
a blogger's homepage, a Twitter profile page, or Facebook profile homepage.
2. The image is related to the title of the webpage.
• Use the search options (Bing and Google search buttons) provided to learn about the title.
• If the title is not present or is gibberish, you can look into the webpage’s main body and find its title at the beginning of
the main body content. The title will be related to the main body.
3. The image is related to the main body of the webpage. This means that the image represents the main point of the page or
the essence of the page.

How to identify the main body of the webpage?

• Part of the webpage in the yellow box is the main

body of this webpage.
• The main body starts with the title of the page i.e.,
'Full Scale Stormtrooper Helmet (wearable)' on
this page.
• As the title suggests, all the images in the yellow
box show the product images i.e., the helmet,
points to its source video and gives the product
description. Thus, defining the main body and
content of this page according to the title.
• The rest of the components on the page with red
boxes are not the main body and do not represent
this webpage.
• The images or icons in the red boxes are not
related to the page title and do not represent this
page's main body.

Screenshot of the HitApp

Hitapp has three main sections (marked in red in the image above, for reference):
• Section 1 contains:
o The list of labelling instructions which can be quickly expanded and glanced upon in case of any doubts by clicking on
‘Guidelines’ button.
o If the webpage view (i.e., Section 2) does not load, check the ‘Page did not load’ option under instruction #1.
o To view the detailed guidelines with visual examples, click on the blue link under instruction #6.
o If the page content is not in English, click on the green link under instruction #7 to translate into English.
o The list of hotkey or keyboard shortcuts to navigate and click through various options in the app.
• Section 2 contains:
o The view of the webpage, which can be scrolled through the see all the contents on the page.
o Above the webpage, on the top left is the title of the webpage, the blue text when clicked on will open the webpage in
a new tab. You can use this in case the webpage does not load.
o On the top right is the SUBMIT button.
• Section 3 contains:
o The image which needs to be labelled according to the given task.
o The list of labels with radio buttons to select one of the labels (Yes/No/Image did not load)

Label Summary
Yes Image is related to the title and the main content and is part of the main body.

No Image is not related to the title or the webpage or is not part of the main body.

Image did not load No image in the hit view. Press "o" to open the image in a new tab.

Labeling Steps
Follow the steps given below in the exact same order to determine which first label best fits the image hit:
1. If the image did not load or if it represents just a stub - Image did not load
2. If the image is not on the page - No
3. If the image has a bad quality, and it is hard to understand the image content - No
4. If the image is related to the title and is not part of the main body - No
5. If the image is in the header, footer, side bars or in the 'related' sections of the page - No
6. If the image is a logo icon, either related or not related to the page - No
7. If the image is part of the main body and not related to the title - No
8. If the title is not present or is gibberish, and if the image is related to the main content and is part of the main body - Yes
9. If the image is related to the title, main content and is part of the main body - Yes
10. If the page title or page content contains a list of items or steps, and the image is under these listed items or steps - Yes
11. If the image is part of the main body, related to the title and is not related to the main content -No

Additional Directions:
• Look at the enlarged image by hovering cursor over the image (shown on the top left). If the image did not load, click on the
image window to open the image on a new tab or press key "O".
• If the image is not seen on the webpage, open the live webpage by clicking on the title and then label it.
• If the page does not load, check the page did not load option and open the page in a new tab, by either clicking on the title
which is on top of the webpage.

Examples
Webpage Title: AQUASWISS Swissport XG Diamond D (Brand New) Retails at $ 2,900.00

Image

Webpage
 Is the image part of the main body? Yes
Is the image related to the title? Yes
Is the image related to the main content of the webpage? Yes
Is the image in the header/footer/side bars/'related' sections? No
Is the image a logo or icon? No
Expected Label Yes
The above example image should be labeled 'Yes' based on the labeling step #10.
Given below are examples of all the related and non-related images on a webpage:
Webpage Title and Snapshot Related Images Explained
(Yellow box: Main body of the page, Green box: (Images in GREEN box)
Related Image, Red box: Non-Related Image)
Jack Johnson’s Fall Tour Will Raise Funds (and Awareness) Following the order mentioned in
for Hurricane Relief - Press - Jack Johnson Music the labeling steps:
✓ The image is part of the main
body.
✓ The image is related to the
main content of the webpage.
✓ The image is related to the
title.
Important points to note:
• It is important to read the
content of the page here to
understand if the image is
related to the title/ content.
• As the title refers to concert
relief funding and the image is
that of an album. The content
indicates that the artist will be
promoting the latest album in
his shows.
Hence, making the image
related.
Transcranial magnetic stimulation ✓ The image is part of the main
body.
✓ The image is related to the
main content of the webpage.
✓ The image is related to the
title.
Hence, making the image
related.
Non-Related Images
Explained
(Images in RED box)
Following the order mentioned
in the labeling steps:
Image 1
• The image is NOT part of the
main body.
• The image is a logo or icon.
• The image is NOT related to the
title.
• The image is NOT related to the
main content of the webpage.
Images 2,3
• The image is NOT part of the
main body.
• The image is in the side bars or
in the 'related' sections of the
page.
• The image is NOT related to the
title.
• The image is NOT related to the
main content of the webpage.
Hence, making the three red
boxed images nonrelated to the
webpage.
Following the order mentioned
in the labeling steps:
Images 1,2
• The image is NOT part of the
main body.
• The image is in the header of
the page.
• The image is a logo or icon.
• The image is NOT related to the
title.
• The image is NOT related to the
main content of the webpage.
Images 3,4
• The image is NOT part of the
main body.
• The image is in the side bar of
the page.
• The image is a logo or icon.
• The image is NOT related to the
title.
• The image is NOT related to the
main content of the webpage.
Images 5
• The image is NOT part of the
main body.
• The image is in the side bar of
the page.
• The image is NOT related to the
title.

Bake a Cake in 10 Steps Following the order mentioned
in the labeling steps:
✓ The images are part of the
main body.
✓ The images are related to the
main content of the webpage.
✓ The image is related to the
title.
✓ The page title/content
contains a list of items or steps,
and the images are under
these listed items/steps
Hence, making the two green
boxed images related to the web
page.
This is an example of an
educational institute website,
the images on the home page
within the main body would be
representative of the page.
Following the order mentioned
in the labeling steps:
✓ The images are part of the
main body.
✓ The images are related to the
main content of the webpage.
Hence, making the green boxed
images related to the web page.
• The image is NOT related to the
main content of the webpage.
Hence, making the five red
boxed images nonrelated to the
webpage.
Following the order mentioned
in the labeling steps:
Images 1,2
• The image is NOT part of the
main body.
• The image is in the header of
the page.
• The image is a logo or icon.
• The image is NOT related to the
title.
• The image is NOT related to the
main content of the webpage.
Image 3
• The image is NOT part of the
main body.
• The image is in the side bar of
the page.
• The image is a logo or icon.
• The image is NOT related to the
title.
• The image is NOT related to the
main content of the webpage.
Image 4
• Although the image is part of
the main body,
• The image is NOT related to the
title.
• The image is NOT related to the
main content of the webpage.
Hence, making the five red
boxed images nonrelated to the
webpage.
 This is an example of a shopping
website, the product images
suggested by the shopping
website within the main body
would be representative of the
page.
Following the order mentioned
in the labeling steps:
✓ The images are part of the
main body.
✓ The images are related to the
main content of the webpage.

Hence, making the green boxed

images related to the web page.