Resolution - the dimensions of the graphic in px
Posted: Wed Dec 11, 2024 3:29 am
Another often overlooked area of optimization is image scaling . Sites often load images that are then scaled down by browsers to fit the user's screen configuration. It is important not to display images wider than the user's window, in order to save on unnecessary bytes. The recommended resolution for graphics on websites is 72 dpi (pixels per inch). Creating and optimizing a website template that will display correctly in multiple resolutions is a real challenge for developers. It is very important to scale images correctly so that they are adapted to the number of pixels available on a given device.
Checking the original size of a graphic on a page
Checking the original size of a graphic on a page
To see the original size of the image, right-click on it, select Inspect, and hover over the img element. You'll see the actual dimensions of the image, along with the browser's reduced size.
Graphical Indexing Tag
Please note that if you want your images to be indexed and ranked in Google Images, you should use the regular HTML tag <img src="zdjecie.jpg" alt="Alt description"> .
The src attribute allows you to localize the image. Here you can provide a link to any image from the Internet or one located on your FTP server. Attribute parameters should be placed in quotation marks.
Image Audit
Google positioning of stores and other websites should be preceded by a thorough audit, during which all elements that affect the position in the Google search engine will be examined. Graphic elements should also be analyzed.
The fastest and easiest way to get information about all the images on a website is to use the Screaming Frog tool . With its help, you can easily generate a list of all graphic elements and get information about their size and alt attribute content.
Screaming Frog
Screaming Frog
An SEO audit would not be possible without the tools created by Google: Lighthouse and PageSpeed Insight, which provide detailed data on the technical parameters of the website, indicate errors and overseas chinese in worldwide data present suggestions on how to improve the effectiveness of the website, including in terms of graphics.
PSI tool analysis result.
PSI tool analysis result.
How to check if image positioning in Google search engine is effective?
The easiest way to check how the graphics on our website are doing in Google is to use the Google Search Console tool .
To view image performance in search, you need to log in to your verified Console -> then go to the performance report (Search Results) -> set the search type to "Images" -> click "Apply".
Google Search Console Search Type
Google Search Console Search Type
GSC Image Search Report
Google Search Console Search Type
What you need to know about Google Search Console reports
The tool does not extract different images on the same page, so unfortunately we will not see the file names displayed in the SERPs. We will only see the pages where the image is embedded.
For items, the number of results displayed per row depends on the screen width. It is counted from left to right, top to bottom.
If an image is displayed in regular SERPs rather than in image search, its clicks, impressions, and positions will be reported separately in regular web results.
To sum up...
Often overlooked and underestimated, images are slowly starting to emerge as a key element in website positioning . They are gaining more and more attention, and their importance is growing among Internet users who find products of interest through image search.
Having trouble with your visibility in Google?
Rely on the specialists from KS!
Check out the offer!
If you want your site's graphic assets to be more visible in image searches:
First of all, take care of its positive reception by users,
think about the website's audience, not the search engines,
ensure good context by placing only original content and images on the page,
always place graphics next to the content related to them,
take care of the highest quality of information on the website, because for Google Images content is just as important as images,
adapt your website to different types of devices.
Checking the original size of a graphic on a page
Checking the original size of a graphic on a page
To see the original size of the image, right-click on it, select Inspect, and hover over the img element. You'll see the actual dimensions of the image, along with the browser's reduced size.
Graphical Indexing Tag
Please note that if you want your images to be indexed and ranked in Google Images, you should use the regular HTML tag <img src="zdjecie.jpg" alt="Alt description"> .
The src attribute allows you to localize the image. Here you can provide a link to any image from the Internet or one located on your FTP server. Attribute parameters should be placed in quotation marks.
Image Audit
Google positioning of stores and other websites should be preceded by a thorough audit, during which all elements that affect the position in the Google search engine will be examined. Graphic elements should also be analyzed.
The fastest and easiest way to get information about all the images on a website is to use the Screaming Frog tool . With its help, you can easily generate a list of all graphic elements and get information about their size and alt attribute content.
Screaming Frog
Screaming Frog
An SEO audit would not be possible without the tools created by Google: Lighthouse and PageSpeed Insight, which provide detailed data on the technical parameters of the website, indicate errors and overseas chinese in worldwide data present suggestions on how to improve the effectiveness of the website, including in terms of graphics.
PSI tool analysis result.
PSI tool analysis result.
How to check if image positioning in Google search engine is effective?
The easiest way to check how the graphics on our website are doing in Google is to use the Google Search Console tool .
To view image performance in search, you need to log in to your verified Console -> then go to the performance report (Search Results) -> set the search type to "Images" -> click "Apply".
Google Search Console Search Type
Google Search Console Search Type
GSC Image Search Report
Google Search Console Search Type
What you need to know about Google Search Console reports
The tool does not extract different images on the same page, so unfortunately we will not see the file names displayed in the SERPs. We will only see the pages where the image is embedded.
For items, the number of results displayed per row depends on the screen width. It is counted from left to right, top to bottom.
If an image is displayed in regular SERPs rather than in image search, its clicks, impressions, and positions will be reported separately in regular web results.
To sum up...
Often overlooked and underestimated, images are slowly starting to emerge as a key element in website positioning . They are gaining more and more attention, and their importance is growing among Internet users who find products of interest through image search.
Having trouble with your visibility in Google?
Rely on the specialists from KS!
Check out the offer!
If you want your site's graphic assets to be more visible in image searches:
First of all, take care of its positive reception by users,
think about the website's audience, not the search engines,
ensure good context by placing only original content and images on the page,
always place graphics next to the content related to them,
take care of the highest quality of information on the website, because for Google Images content is just as important as images,
adapt your website to different types of devices.