/webmasters/community?hl=en
This content is likely not relevant anymore. Try searching or browse recent questions.
-
recipe image in google search recipe integration only shows part of original image 0 Recommended Answers 4 Replies 3 Upvotes
1 Recommended Answer
$0 Recommended Answers
If structured data according to https://developers.google.com/search/docs/data-types/recipe is implemented on a recipe page, this page is getting eligible to be displayed in Google search recipe integration (container on to of google search result page).
The developer documentation provides information regarding images and suggested aspect ratios.

The recipe integration in Google Search seems to display images in a 16:9 image ratio (whereas rich snippet results seem to show 1:1).
In some cases it seems as Google takes an image with other aspect ratio from a page and then crops it to 16:9 to display it in the google search recipe integration.
This leads to only part of a dish is displayed.
Example Google search result page: https://bit.ly/2UXBTVd
Example recipe page: https://bit.ly/3444vjQ

If I...
  • provide a recipe page with an image in 16:9
  • and this image is crawlable
  • and this image is also served in structured data according to schema.org

... should not Google also dislay the full image in the recipe integration?
(and not cropping annother image)

How can I make sure that the full image content is served in Googles recipe search integration?
Details
All Replies (4)
Your web page has the following images as image property values in your structured data

The second image has dimensions of 400x300 = 120000 and this does not comply with the following Google recommendation for Recipe images
For best results, provide multiple high-resolution images (minimum of 50K pixels when multiplying width and height) with the following aspect ratios: 16x9, 4x3, and 1x1. 

In its example (in the above guide), Google shows explicitly named folders (highlighted in bold) for the various ratio of images: 
"image": [
  "https://example.com/photos/1x1/photo.jpg",
  "https://example.com/photos/4x3/photo.jpg",
  "https://example.com/photos/16x9/photo.jpg"
]
You do not explicitly specify such folders and this may interfere with the quick and accurate finding of the required ratio image for the user's display. 

Your structured data for this web page have 4 warnings, which also does not help. 

All your images are not compressed. Check the result from WebPageTest -> click on the waterfall with the lowest download speed Run 2 -> select the horizontal image bar and click on it. I chose https://res.cloudinary.com/swissmilk/image/fetch/q_auto,f_auto/https://api.swissmilk.ch/wp-content/uploads/2019/06/beeren-smoothie-bowl-2560x1706.jpg and got the following result: 
URL: https://res.cloudinary.com/swissmilk/image/fetch/q_auto,f_auto/https://api.swissmilk.ch/wp-content/uploads/2019/06/beeren-smoothie-bowl-2560x1706.jpg
Loaded By: https://www.swissmilk.ch/_nuxt/68d602fb8caa7db68685.js:2
Host: res.cloudinary.com
Error/Status Code: 200
Request ID: 0.28
Discovered: 6.756 s
Request Start: 6.831 s
Time to First Byte: 61 ms
Content Download: 2547 ms
Bytes In (downloaded): 635.6 KB
Uncompressed Size: 635.0 KB
Bytes Out (uploaded): 0 B
Here interesting information is the following: 
Bytes In (downloaded): 635.6 KB
Uncompressed Size: 635.0 KB
This tells us that this image is not fully compressed. 

The webpage has poor performance = 38/100 and this also does not help. 


ImageRedirection error

For understanding, read Google Image best practices.
marked this as an answer
I forgot to mention that all of your image sizes contradict the specified Google guide: 
For best results, provide multiple high-resolution images (minimum of 50K pixels when multiplying width and height) with the following aspect ratios: 16x9, 4x3, and 1x1. 
Thus, it can be useful to create different ratios for the same base image that has a ratio of 1x1. All your images have different base sizes.
marked this as an answer
-
Hi

I'm not sure about the minimum size. 
The second image has dimensions of 400x300 = 120000 and this does not comply with the following Google recommendation for Recipe images
For best results, provide multiple high-resolution images (minimum of 50K pixels when multiplying width and height) with the following aspect ratios: 16x9, 4x3, and 1x1. 
120K > 50K. So the images should be fine with the Google recommendations?
marked this as an answer
120K > 50K. So the images should be fine with the Google recommendations?
I agree. I made a mistake here. However, in my humble opinion, the problem with your images is that you use separate widths for all of these images. For example, you can choose a base width such as 1600 and for this width the height aspect ratio is 1x1 = 1600; height 4x3 = 1200; and height 16x9 = 900. Check it out on the following online calculators:
And create folders with a name such as a ratio aspect.
marked this as an answer
This question is locked and replying has been disabled.
Discard post? You will lose what you have written so far.
Write a reply
10 characters required
Failed to attach file, click here to try again.
Discard post?
You will lose what you have written so far.
Personal information found

We found the following personal information in your message:

This information will be visible to anyone who visits or subscribes to notifications for this post. Are you sure you want to continue?

A problem occurred. Please try again.
Create Reply
Edit Reply
Delete post?
This will remove the reply from the Answers section.
Notifications are off
Your notifications are currently off and you won't receive subscription updates. To turn them on, go to Notifications preferences on your Profile page.
Report abuse
Google takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Go to the Legal Help page to request content changes for legal reasons.

Reported post for abuse
Unable to send report.
Report post
What type of post are you reporting?
Google takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Go to the Legal Help page to request content changes for legal reasons.

Reported post for abuse
Unable to send report.
This reply is no longer available.
/webmasters/threads
//accounts.google.com/ServiceLogin
You'll receive email notifications for new posts at
Unable to delete question.
Unable to update vote.
Unable to update subscription.
You have been unsubscribed
Deleted
Unable to delete reply.
Removed from Answers
Marked as Recommended Answer
Removed recommendation
Undo
Unable to update reply.
Unable to update vote.
Thank you. Your response was recorded.
Unable to undo vote.
Thank you. This reply will now display in the answers section.
Link copied
Locked
Unlocked
Unable to lock
Unable to unlock
Pinned
Unpinned
Unable to pin
Unable to unpin
Marked
Unmarked
Unable to mark
Reported as off topic
/webmasters/profile/0?hl=en