How to use images on a web page? Tips for 2019

How to use
images on a
web page?
Tips for 2019

How to use images on a web page? More than once we have asked ourselves this question. We know that the visual aspect is decisive because it attracts new users, increases visits and the possibilities of improving sales.

This is a reality. Almost all of us in the world of web design live daily the exhausting experience of searching for images. I’m sure you know what that’s like.

We are used to that pilgrimage that resembles Thanos collecting the Gems of Infinity at Avengers. But it’s an essential job to achieve our goal and you have to be very demanding when it comes to choosing and editing.

It is not difficult to notice that when we enter a web page the first thing that catches us are the images. They are an element of communication and also of information.

But, is it enough to download them or take them with our camera and then upload them to our site? No, this is not enough. To be successful with our website we must consider several aspects. It requires analysis, dedication and an appropriate strategy.

Tips to use images on a web page

1. Use quality images

Low quality affects visitor perception and does not give confidence in the site. A sharp image, of good size, certainly attracts much more than a blurry photo.

You can make your own images and in this case you will be free of copyright and legal terms.

You can also find good images under Creative Commons license. These are advisable as long as the terms of use are respected.

And finally there are many banks of both free and paid images that can help you.

In addition, images must implicitly contain a call to action. In other words, when the visitor sees them, he feels the need to consume your product.

2. Compress them

Reducing the size of the file is essential so that it is not so heavy. This way the page will load faster.

This is very important because visitors don’t expect much and if your site is slow they will abandon the attempt.

There are several programs that facilitate this work such as https://tinypng.com/, but you can look for others because the offer is very varied.

3. Optimize them before publishing them

With regard to image optimization is an aspect that Google gives a preponderant place. It is therefore essential to perform this process before uploading them.

To do this, it is important that the keyword is in the file name and title so that the search engine knows what it is about.

It must also be placed in the “Alt” attribute, so that when the mouse passes over it the text will be displayed.

You must also include the keyword in the legend.

4. Analyze trends

While I am in favour of trying to differentiate ourselves from the competition, this does not mean that we ignore the trends in vogue.

I usually analyze the orientation of my competition and I like to achieve exclusive effects that differentiate me.

But I must respect the circumstances of the moment. It would be very difficult to sell, for example, electric cars, which represent a time of technological boom, with a vintage landscape from the 1960s.

5. Edit them all the time

Whether it’s a free or paid image, keep in mind that there will be many of the same on the Internet.

Then, if the license allows it, it is convenient to make modifications so that the search engine interprets that this before a unique content. This practice will favor the positioning.

Adding elements or combining several images achieves good effects and as a consequence we will have an exclusive product.

Google detects if the image is the same as another on the Internet and in this case will interpret it as duplicate content and this damages the position it gives us.

6. Choose the correct file format

Google Images supports images in these formats: BMP, GIF, JPEG, PNG, WebP and SVG.

BMPs are hardly used anymore because they are too heavy.

JPG files can provide a good balance between quality and size.

On the other hand, the PNG offers better quality images but with more weight.

If you want animated images you can use GIF.

And the WebP format is from Google and is the lightest of all, but still does not work in all browsers.

7. Make sure you have the license

Do not use images on which we do not have the corresponding license.

You can find royalty free images on various platforms such as https://pixabay.com/, https://unsplash.com/, https://gratisography.com/.

There are also payment platforms that contain excellent products for your website.

Improve the visibility of your content on Google Images

You can increase the visibility of your content in Google Images by creating a good user experience. In order to do this, Google recommends the following:

  • Providing a good context

That is to say that the visual content is relevant to the theme of the page. It also suggests that both the images and the text are original.

  • Optimize the location

Placing the images close to the relevant text and placing the most important images at the top are some of Google’s tips in this regard.

  • Do not enter text in images

It is not convenient to use text in images, especially if it is important information, since not all users can access it. This text cannot be scaled, cannot be searched, cannot be zoomed in or out, does not offer accessibility, and does not adapt well to devices. .

  • Good information and high quality

For the search engine, visual information is just as important as the information shown in the rest of the content of the web page. Google takes into account the quality of these elements when positioning images. It means that Google does not believe the saying “A picture is worth a thousand words”. Rather, all content is relevant.

  • The website must be compatible with all types of devices

And this must be so because most people search Google Images via cell phone. To use images on a web page you must make sure that they are displayed on any device, computer, tablet, cell phone, etc.

Importance about to use images on a web page

  • Websites with images attract more attention when they appear on search results pages and therefore generate more clicks. When you have good quality, optimized images, they might even come first when people search for images on Google.
  • Image pages invite you to share on social networks. Without the need to review research, common sense tells us that it’s much more appealing to share an article with a good image than to share just text.
  • They help spread your brand and give you personality. Studies show that users are more likely to click if a product description includes an image than if it only includes text.
  • Images not only communicate visual information but they can also convey sensations and this makes your offer more attractive.
  • For Google, images are important because they increase the CTR. CTR is the relationship between visualizations and clicks. For example if we have a result that has been seen 100 times and clicked on 5 times we have a CTR of 5%. This is a very important positioning value.

Google criteria about the images in the ranking

Google uses more than 200 different criteria to grant the ranking of our website. It is an algorithm that is not known in its entirety but that the experts define in an approximate way.
It is pointed out that the subjects related to the domain, the titles and the keywords occupy the first places. But without a doubt the images are also fundamental because they increase the CTR as we have already seen. It is different an ad that is viewed 20 times and clicked twice than an ad that is viewed 10 times and clicked twice. In the second case we will have twice as much CTR as in the first.

In the 2019 list by Brian Dean (SEO expert), the images appear as follows:

  1. Image optimization: images send important signals of relevance to search engines through their file name, alternative text, title, description and title.
  2. Multimedia: Images, videos and other multimedia elements can act as a quality content signal.
  3. Alt tag (for image links) : Alt text acts as anchor text for images.
    It means that if we use the images properly, our positioning in the SERP (results page of a search engine), will be favored.

You can also visit the TermInternet website. There you will find extensive information on “Google’s Top 11 Search Ranking Factors [Rank #1 on Google]” including images.

Statistics on time spent on a website

As we have already seen, the images must be well optimized so that the page can load quickly. In general, when a user enters a website, he waits 3 seconds and if he does not manage to enter the page, he abandons the attempt. Imagine if it will be important to optimize when using images on your website. These are statistics that allow us to illustrate this statement

Images vpnMentor


To use images on a web page requires a complex process. They must provide value, information, entertainment, trust, and above all create the need for the product or service we are offering.

But fundamentally we must be careful with all the requirements that we have pointed out that are so important to achieve a good positioning.

Keep in mind that if the user’s experience is satisfactory, you will surely share it with your friends through social networks, mails and other media. This translates into more traffic that ultimately favors sales.

In short, if your website offers a poor visual image surely visitors will leave quickly. In the event that the visual offer is catchy, if we have also optimized and edited properly, this will increase traffic and incite the click. Therefore our sales will increase.

Try to gradually incorporate the suggestions I give you in this article and you will see the results.

usar imágenes en una página web

Translated: DeepL

Images: Freepik

Generic placeholder image
Nicolás González

Web Designer & Developer

+598 98 398 010

[email protected]


Media library
the treasure
of your website

The WordPress Media Library is the place where we store multimedia elements and then add them to our content. It is a very valuable space, ...

Plugins for
Choose the best
in 2019.

Plugins for WordPress. They are fantastic tools that allow us to customize our website. The possibility of having these applications is perhaps the reason why ...

Your company’s web project. Where to start?

Your company’s web project translates into the creation of a web page that gives you visibility, traffic and most importantly: customers. Where to start? It ...