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:
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.
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>
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.
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>
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.
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.
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.
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.
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.
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.
You can limit the show of full -sized images directly in the search results, turning off the built -in links to them.
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.
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