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:
Access 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:
The image file is an INTERNAL resource.
The 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:
The image an embedded resource using the Data URI scheme.
- Blank, when the image is a normal file resource.