The best SEO practices optimizing images of your site for searching for Google

The best SEO practices optimizing images of your site for searching for Google

For the convenience of working with collections and systematizing content, it is possible to maintain and group materials on your preferences.

The Google search engine offers many functions and products that help users visually find information on the Internet, such as text results with images, recommendations tape and pictures search. Despite the differences in appearance, general recommendations for optimizing images for their appearance in the search results are the same.

To increase the chances of your images to appear in the results of the Google search, follow the following recommendations for the O optimization of your site:

  • Provide search engines with the possibility of detecting and indexing your images
  • Optimize pages with images on your site

Ensuring the detection and indexing of site images in Google

In order to get the content of your site, including images, technical requirements must be observed in the results of the Google search. Since the images are a different format than there are additional requirements for their indexation. For example, finding images on the site and a way to display them affect whether the images will be indexed and by what keywords.

Using standard tags for images of your site in Google

In order for the search robot to effectively find and process images, use the standard tag <img>. Google reads the path to the image from the attribute src this tag, even if it is inside other elements, for example, <picture>. Images added through CSS are not indexed.

Right:

<img src="image.jpg" alt="Описание изображения" />

Wrong:

<div style="background-image:url(image.jpg)">Описание</div>

Creating and using an image map for your Google site

In order for the search engine to find images that otherwise could remain not indexed, you can create and send a site card indicating the URL images.

Unlike standard site cards, the addresses from other domains can be indicated in the image map, which is useful when using content delivery networks (CDN). It is recommended to confirm the rights to the CDN domain in the webmaster tools to obtain information about possible scan errors.

Using adaptive images for a better display on all Google devices

The creation of adaptive pages improves user experience, allowing you to comfortably view the site on various devices. Check out the recommendations on adaptive images for your site.

For adaptability, the tag is used <picture> or attribute srcset At the tag <img>. However, some browsers and search robots may not support these opportunities, so be sure to indicate the backup address in the attribute src.

An example of using the SRCSET attribute:

<img srcset="small.jpg 320w, medium.jpg 480w, large.jpg 800w" sizes="(max-width: 320px) 280px, (max-width: 480px) 440px, 800px" src="large.jpg" alt="Описание изображения">

Tag <picture> Combines various formats of one image and provides a backup option for browsers without supporting new formats.

An example of use <picture> With a backup image:

<picture>
 <source type="image/webp" srcset="image.webp">
 <source type="image/png" srcset="image.png">
 <img src="image.png" alt="Описание изображения">
</picture>

Using supported images for your Google site

For indexing, Google supports the following images: BMP, GIF, JPEG, PNG, WebP, SVG and AVIF. Make sure that the file extension corresponds to the format.

Images can also be inserted in the form of Data URI (built-in Base64-code) into the attribute src Tag <img>. This reduces the number of requests to the server, but can significantly increase the size of the page. Use this method with caution.

Optimization of the speed of download and quality of the site for Google

High -quality and clear images attract users more than blurry or fuzzy. Bright and clear preview increase the likelihood of crossing the links. However, images usually occupy a significant part of the page weight and can slow down the load. It is recommended to use modern methods of optimization and adaptive download for quick and high -quality work of the site.

Check the speed of downloading the site using specialized tools and adhere to recommendations for improving performance.

Optimization of pages with images of your site to search for Google

The content and metadata pages on which the image is placed significantly affect the display and ranking of the image in the results of the Google search.

Checking the headlines and descriptions of the site page for Google

The search engine automatically creates headlines and snippets in order to describe the results as accurately as possible and their compliance with user needs. You can improve the quality of these elements by following the recommendations for writing headlines and descriptions for your site.

Adding structured data for images of your site in Google

The introduction of structured data allows you to display images in advanced search results with additional icons, increasing the relevance and attracting the target audience.

Follow the general rules and requirements for specific types of structured data. The image attribute is required to obtain advanced results.

Using descriptive file names, headlines and alternative text for images of the site in Google

The search engine extracts information about the content of the image not only from metadata, but also from the text on the page, next to the image, including headlines and signatures. Place the images next to the relevant text and on the corresponding pages of your site.

Use understandable, short and descriptive file names, for example, Black-cat.jpg Instead of meaningless names. When localization, take into account the translation of the names and the rules for coding URL.

The most important element is the attribute alt - It describes the image, improving the availability for users with restrictions and helping search engines better understand the content.

An example of poor use (without ALT):

<img src="image.jpg" />

Example of poor use (Pyspam with keywords):

<img src="image.jpg" alt="ключевое слово ключевое слово ключевое слово" />

The right example:

<img src="image.jpg" alt="Описание изображения" />

Also, follow the availability: for SVG elements you can use the tag <title> With a unique identifier for screen reading rooms.

<svg aria-labelledby="title1">
 <title id="title1">Описание изображения</title>
</svg>

It is recommended to check the availability using special tools and the emulation of a slow Internet.

If the image is found on several pages of the site, always use the same URL so that the search engine can effectively cach and re -use the image by saving the resource of your site.

Prohibition on built -in links to images in the search results for Google your site

You can limit the show of full -sized images directly in the search results, turning off the built -in links to them.

  • When the image is requested, check the http referrer header.
  • If the request comes from the Google domain, respond with status 200 with contents or 204 without contents.

Google will continue to scan the page and see the image, but only an automatically generated miniature version will be shown in the results. This setting is available at any time and does not require website processing. It is not considered a hidden display of content and will not lead to sanctions.

In addition, you can completely exclude images from the search results.

Optimization for the Safesearch Safety Filter of your site in Google

The Safesearch filter is designed to filter or block unsuitable content in the search results. It is important to correctly indicate the nature of your site so that the filter is correctly used, if necessary. For this, there are special recommendations on pages labeling.

If you have questions about the SEO site optimization, you can contact SEO.compter by email info@seo.computer Or through WhatsApp +79202044461.

ID 36

Send a request and we will provide a consultation on SEO promotion of your website