Product images Online Shop

Search engine optimization & usability

Freddy Czaja

An online shop without product pictures, is like a offline Store without products! Not only for this reason, the topic "product images" is of utmost importance in e-commerce, but it also decides whether an online shop in the search results of the search engines is on the first places. What we have to note, we tell you in this article.

Odoo CMS - a big picture

INFLUENCE OF CUSTOMERS

An online shop with professional product images can gain an advantage over the competition. Product pictures influence customer in different ways: First, an online store is more trustworthy, which also affects the bounce rate from the first second. Trustworthiness and security are therefore of immense importance, especially for high-priced articles. The quality of the product itself is usually highlighted, so that consumers are more likely to choose the product; In return, an unfavorable product photo will certainly not motivate you to buy. Also, certain product details are of great importance to some consumers, if they are displayed on the product photos, then the online shop has the edge - also in relation to the important image search engines, but more in the field of search engine optimization.

Summary:

The shop seems more trustworthy
The product quality will be emphasized
Customers are more likely to buy the product
Details give new impressions
More offers convinced

Odoo CMS - a big picture

SEARCH ENGINE OPTIMIZATION

PICTURE SIZE, loading TIME AND USABILITY

Not only the product image is important, but also the presentation, through the corresponding online shop software. Loading time is especially important here as long loading times tend to drive consumers out - this also applies in principle to the loading time of the online shop. Also enlarging the product photo is sometimes important - as long as the view is not very large in the standard version - a magnification tool does not work if the magnification is not clear or the image quality suffers greatly.

Important: High-resolution screens, such as Retina displays, require larger images to ensure they are displayed in appealing quality. Therefore, to get crisp images, product images should be about twice the length and width that is actually displayed (half is possible to improve quality). The problem: the pictures have four times more data volume! Here we have a conflict that affects search engine optimization. Fast load times of less than 0.2 seconds are demanded by Google - because fast websites mean a better user experience for consumers and Google wants that. Online shops with 0.5 seconds load time are currently in the green area.

PNG vs. JPG

For image-heavy product pages, several hundred kilobytes quickly come together, also because product photos are used in PNG image format. Here you should opt for the JPG format, if the layout of the online shop allows it. JPG usually has a smaller volume of data but can not be transparent. In summary: if product pages and product images are displayed too slowly in the online shop, this is clearly at the expense of usability and the search engines do not like it either.

Summary:
Improve loading time
Enlargement of the product (gallery)
Sharp pictures
Optimization of usability

RESPONSIVE WEBDESIGN

As mentioned in the previous paragraph, product photos should be sharply displayed. Therefore, for smartphones and tablets, the original image must be larger than the displayed size. In the case of smartphones, it is also sensible that multiple product images can also be changed by sliding them - this is more convenient than clicking on a button. Furthermore, it makes sense to display product images across the entire width of the display. Small pictures (half the width of the screen) can be seen very badly on the smartphone - Rule: usability first!

Odoo CMS - a big picture

SEARCH ENGINES & ALT-TAGS

Consumers are looking for products in the search engines and image search engines! This is probably the biggest advantage of online shops over service websites - and it should definitely be used - online shops they dont do that, will lost traffic and customers. The most important in the product image optimization for search engines is the so-called "alt-tag" (alternative text) of the image. It contains the short description of the image (what it represents) and is stored in the CMS. Search engines like Google read this text and show the product image with a corresponding search request of a user.

For example Football boots (Alt-tag): 
Nike Mercurial Vapor 6 blue black football boots

The product is (probably) found when a consumer types something generic, such as "Nike Mercurial Vapor 6," or better, using the appropriate color. Here, however, as in all areas of search engine optimization: only with very good quality (SEO) of the online shop, the products are displayed on the front squares of the search engines (image search engines). Important is that in the naming of the images, much effort is given.


It is also important that the name of the image should already contain the keywords (as you save the image). This URL along with the alt text is a strong indication of the relevance of an image, they are among the important ranking factors for search engines. In addition, search engines equate the content of the product page with the product image - true to the motto: what is in the title-tag, H1 and content of the product page, that is also visible in the picture.

Alt text Example:
<img src = "https://www.onlineshop-1234.de/nike-mercurial-vapor-xi" alt = "nike-mercurial vapor xi">

Summary:
Alt text
image Description
Image URL
Context: alt-tag, title tag, H1, content

About Freddy Czaja

SEO is the air he breaths. If it has a bit of Oxygen, he doesn't care/ He likes his coffee black and cold.