{"id":21751,"date":"2018-10-21T10:52:10","date_gmt":"2018-10-21T14:52:10","guid":{"rendered":"http:\/\/blumenthals.com\/blog\/?p=21751"},"modified":"2018-10-21T11:19:46","modified_gmt":"2018-10-21T15:19:46","slug":"preparing-images-for-the-coming-google-mobile-carousel","status":"publish","type":"post","link":"https:\/\/blumenthals.com\/blog\/2018\/10\/21\/preparing-images-for-the-coming-google-mobile-carousel\/","title":{"rendered":"Preparing Images for the (Coming?) Google Mobile Local Carousel"},"content":{"rendered":"

\"\"<\/a>Last week, off and on, we started seeing<\/a> the use of the image carousel in the mobile Local Finder. \u00a0This is a format that has long been present in the restaurant search results. The carousels have been seen off<\/a> and on<\/a> since then, showing up and then disappearing, only to show once again. When they did show they were not in all categories.<\/p>\n

For example we saw them in most product driven categories like jewelry, cars and sporting goods but not in professional categories like lawyers and doctors. \u00a0We saw them in some services like plumbers and HVAC, Dog Grooming and Insect Control (Really? Yes really<\/a>.) but not in Locksmith or Electricians or Salons. Clearly a test at a grand scale.<\/p>\n

Will they become the new normal? As I have said before “Who the f knows<\/a>?” but it seems likely to me that their use will expand. I am seeing them today on some devices but not all.<\/p>\n\n\n\n
\n

\"\"<\/a>
When “More Places” is selected the searcher is taken to the Mobile Finder<\/figcaption><\/figure><\/td>\n
\n

\"\"<\/a>
Mobile Local Finder with Carousel<\/figcaption><\/figure><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Of course this made me curious about the aspect ratios and whether a vertical or horizontal image might be better for optimizing the outcome. Google has never made image management easy and this new display is no exception.<\/p>\n

\"\"<\/a>
The black border indicates the crop of a horizontal image<\/figcaption><\/figure>\n

In this case it doesn’t seem to matter whether you are using a vertical or horizontal image as long as the shot is in close AND the main content of the image is center weighted.<\/p>\n

The carousel crops to a roughly 480 pixel wide by 240 pixel high view, a 2 to 1 aspect ratio. It will cut that from either vertical or horizontal images.<\/p>\n

\"\"<\/a>
It cuts the same 2 wide to 1 high horizontal section out of the vertical image. The black border represents the area displayed in the carousel.<\/figcaption><\/figure>\n

Both of these images worked reasonably well but the difficulties start coming in when you also want to optimize the image for the 3 pack on mobile, the Branded Mobile Knowledge Panel and all the many variations imposed by the desktop and Maps results.<\/p>\n

The mobile pack results seems to be one area where you should focus. If the image looks good there AND in the carousel, it is reasonable to take your chances elsewhere.<\/p>\n

In this image I have overlain \u00a0the original image with the crop for both the carousel (solid black line) AND the mobile 3 pack (dotted) so you can get a sense of what I mean by “center weighted”.<\/p>\n

\"\"<\/a>
The solid black line represents the crop from the carousel, while the dotted line is the 3 pack crop.<\/figcaption><\/figure>\n

It becomes an almost impossible task for an image to look perfect in every image environment that Google presents. You will see a totally different crop that shows for the Brand Knowledge panel in a mobile browser.<\/p>\n

Adding text to the image makes the problem more obvious and a solution more difficult. That being said in many contexts, the text is a differntiator.<\/p>\n

\"\"<\/a>
The crop is still centered weighted but wider in the mobile Knowledge Panel.<\/figcaption><\/figure>\n

And on the desktop you can see a totally different crop the shows in the \u00a0local finder.<\/p>\n

\"\"<\/a>
Once again a different crop but like all, centered weighted.<\/figcaption><\/figure>\n

Last but not least is the fact that Google seems to be experimenting with images and swapping out the cover photo and occasionally showing a different image. It seems to me that this image is perhaps more contextually relevant to the query but it could just as well be a usability test or a machine learning training exercise. \u00a0\"\"<\/a><\/p>\n

I would be curious to hear of your examples of the types of images Google is showing when swapping out and whether they seem to be query related.<\/p>\n","protected":false},"excerpt":{"rendered":"

Last week, off and on, we started seeing the use of the image carousel in the mobile Local Finder. \u00a0This is a format that has long been present in the restaurant search results. The carousels have been seen off and on since then, showing up and then disappearing, only to show once again. When they …<\/p>\n","protected":false},"author":262,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[],"class_list":["post-21751","post","type-post","status-publish","format-standard","hentry","category-google-plus"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blumenthals.com\/blog\/wp-json\/wp\/v2\/posts\/21751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blumenthals.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blumenthals.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blumenthals.com\/blog\/wp-json\/wp\/v2\/users\/262"}],"replies":[{"embeddable":true,"href":"https:\/\/blumenthals.com\/blog\/wp-json\/wp\/v2\/comments?post=21751"}],"version-history":[{"count":13,"href":"https:\/\/blumenthals.com\/blog\/wp-json\/wp\/v2\/posts\/21751\/revisions"}],"predecessor-version":[{"id":21772,"href":"https:\/\/blumenthals.com\/blog\/wp-json\/wp\/v2\/posts\/21751\/revisions\/21772"}],"wp:attachment":[{"href":"https:\/\/blumenthals.com\/blog\/wp-json\/wp\/v2\/media?parent=21751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blumenthals.com\/blog\/wp-json\/wp\/v2\/categories?post=21751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blumenthals.com\/blog\/wp-json\/wp\/v2\/tags?post=21751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}