Manual: Page Images

The feature "Page Images" of Visual SEO Studio, documented in detail.

Page Images

This panel lists all images (img tags in the HTML) found in the selected web page in the main view.

An example of img tag in the HTML syntax is:

<img src="...(a relative or absolute URL)..." alt="a brief description" />

Visual SEO Studio spider recognizes and process image tags, and optionally downloads and stores them like a search engine web crawler.

Column headers

Nr

The progressive number of the image img tag as found in the HTML.

Absolute URL

The absolute URL of the image resource file pointed by the src attribute.

SRC value

The value of the src attribute in the HTML markup of the image. Attribute src can contain a relative or an absolute URL.

ALT value

The value of the alt attribute in the HTML markup of the image.
The alt attribute should contain an alternative text for the browser to show when the image resource file cannot be downloaded, and for visually impaired users using screen reader devices.
That being said, the alt attribute is also a good opportunity from an SEO standpoint to provide the search engine with a short text describing the concepts (or "keywords" and aliases) you want the image to position for in image search.
Don't just stuff a series of keywords, it should be a brief and descriptive text.
Purely decorative images not conveying any contribution to the page mission can be left with the alt attribute empty.

Title

The value of the optional title attribute in the HTML markup of the image. Browsers usually use the title attribute value as a tooltip. Search engines can occasionally use the title value to associate a text to the image, in particular when no alt attribute is present.

WIDTH value

The value of the optional width attribute in the HTML markup of the image.
Must be an integer without a unit. The width attribute tells the browser the desired width in pixel to display the image. A good practice is indicating the real measure without trying to resize the image because it would slow down rendering time and distort the image. On the contrary giving in advance the browser the correct size permits to speed up rendering time. Using a properly sized image can also help reducing download time.

HEIGHT value

The value of the optional height attribute in the HTML markup of the image.
Must be an integer without a unit. The height attribute tells the browser the desired height in pixel to display the image. A good practice is indicating the real measure without trying to resize the image because it would slow down rendering time and distort the image. On the contrary giving in advance the browser the correct size permits to speed up rendering time. Using a properly sized image can also help reducing download time.

Line

The line in the HTML file where the image tag was found.
The cell is an active link; clicking on it will highlight in the Content or DOM side panel (depending on what you choose from the resulting context menu) the image tag.

Position

The horizontal coordinate in the HTML file where the image tag was found.
The cell is an active link; clicking on it will highlight in the Content or DOM side panel (depending on what you choose from the resulting context menu) the image tag.

robots.txt

A symbol stating whether the visit to the URL of the image is allowed by the robots.txt file.
Possible values are:

  • robots.txt blockedAccess to the image resource is blocked by the robots.txt file.
  • Blank, when no blockage by robots.txt was detected.

Blocking directive in robots.txt

When the image is internal (i.e. when it points to a site internal resource), but could not be visited because of a block in the robots.txt file, the cell reports the blocking directive of the robots.txt file.
The directive has an active link: once clicked the robots.txt file will be selected in the main view, the Content side pane will be activated, and the corresponding line containing the directive in the robots.txt file will be highlighted.

Internal

A symbol stating whether the image file is an internal site image or an external resource.
Possible values are:

  • Internal linkThe image file is an INTERNAL resource.
  • External linkThe image file is an EXTERNAL resource.

Data URI

A symbol stating whether the image is embedded withing the HTML definition rather than the normal case of an image resource file to be downloaded separately (read the Wikipedia page to learn more about Data URI images).
Possible values are:

  • Internal linkThe image an embedded resource using the Data URI scheme.
  • Blank, when the image is a normal file resource.