The Role Of Illustrations In The SEO Optimization Of A Article

I am often surprised to see how web sites owners neglect the optimization of the images inserted in their pages (if there is any).

The presence and the SEO optimization of images in a web page is a crucial element inreinforcing your articles’ relevance, itactively participates in its visibilityvia Google image engine.

Here is my best recommendations to make your images beneficial to your web site referencing.

An article written by  ReferencementPME, S.E.O Agency in Montreal

File name .jpg

Whether your photo comes from:

  • your Kodak,
  • a web site of copyright-free photos,
  • a paid source such as Istock,

it should be renamed and given a short but,descriptive name.

We will make sure to use nothing but lowercase Latin letters, unaccented, without apostrophe, while separating the words by a dashandeventually eliminating articles and pronouns,  Like :    name-of-image.jpg

Size of the photo in favorthe loading time of the page

Google has been announcing it for a long time and monitoring it via webmaster tool : the Loading time of your page is a SEOcriterion.

If there is an element that you can control in a simple way when it comes to the loading time speed of your Web pages, it would be the size of the images, on two different levels:

1) The pixel dimension of the illustration

Whether your images come from a modern numeric camera or your iPhone, (mine makes images of 3200pix X 2450pix and 1Mo of size)  they are way too big for a blog post, which rarely offers more than 600 pixels of width on a page that has a sidebar.

And if you are planning to only fill 300 pixels on the page, scale it down before inserting it in the library.

Inserting a page that is too wide forces an adjustment process for its display on your CMS and takes a toll on its resources, and slows the site down.

2) The size in Kilobyte

After The pixel dimension, the size of the photos should be reduced. The web doesn’t need the millions of colors that forms the HD photos that comes from modern electronic optical sensors,it is a question of bringing that back to reasonable and sufficient proportionsin order to charm the eye, using the display capabilities of the screens.

Photoshop element does this very well with thefunction « Save for Web » of the File menu.

Depending on the settings that your eye will find acceptable,  the 6/9 color image resized to 600 pixels of width and in « High »  quality will have a size of 30 to 75 Kb which is about right.

d53bfb7d8b.jpg (660×587)

Function « Save for Web » of Photoshop Element.

The Alt attribute

Originally created in order to display a description of the photo when the Internet connection speed would not allow its display,the alternative attribute of the image tag is now used by search engines to identify and index this content in the “series of pixels that is a picture”.

Avoid the useless keywords sequence in the Alt, be precise, stay in the keyword, but write a delicately refined expression of 3 to 5 words.

The TITLE attribute of the image

The content of The Title attribute of the image aims to provide an enhanced user experience by being displayed as a thumbnail when moving the mouse overits pixels.

Not or rarely taken into account for the referencing, nonetheless, it’s a text space where it’s possible to insert clear and legible information and it basically costs nothing to fill it.

Who knows if Google will not sneakily take it into account tomorrow …Make it a habit to fill it.

Contextualize your images

The caption

When it is descriptive, the caption is a text content that is directly affixed and associated with the illustration. These few words bring great credibility by contextualization.

The practice of putting a copyright or photo credit is a mistake, we will avoid this type of information in the footnotes and favor an expanded description of the file.

The surroundingparagraph

The position of the image on the page has a rarely exploited importance.

If we start from the principle thatthis file illustrates the words, andthat it brings a value-added graphical addition, then in the « fruits basket » article,it is better to put the Granny smith illustration in the paragraph that talks about the apples, rather than in that which describes pears or discusses fruit or agricultural generalities.

The sketch in question is an element of credibility for the page that needs to be exploited in the best place in relation to the words.

Linking on the image

Linking the photo to a relevant content is a good practice.

It is generally done from the home page for ergonomic reasons and to facilitate the users visits, but this can be envisaged in a more systematic way.

On the other hand we remove the image link to its source filewhen the file page adds nothing more in its version where it is isolated from the text.

Icing on the cake

The latest Search metrics study (evolution of positioning factors in 2015) shows that even the number of images weighs in the ranking…