Getting a thumbnail image to show up next to google search results

I'm having trouble figuring out how to optimize my website so the thumbnail images associated with a blog post show up next to google search results. 

I've attached a screenshot showing our google result next to someone's who has obviously figured this out a little better than I have.

I'm using the Farro template. Any advice you may have is appreciated.

I would love some advice on this topic as well 👍

So what you're seeing here are search results that are showing some structured data, or schema, associated with the page. Schema structures information in a way that Google understands and doesn't have to make guesses as to what something is. There are almost 1,000 different schemas, although Google only uses a select few in their search results. https://schema.org/docs/schemas.html

In the case of the screenshot above, it does link to a blog post but they are using the recipe schema. Here's a link to a page that describes how they did that: https://www.sitesell.com/blog/recipe-schema/

 Squarespace does automatically generate a few types of schema for you, like blog post and products. But there are tool out there like this one ( https://technicalseo.com/tools/schema-markup-generator/ ) where you fill in the blanks, copy the output code, and paste the results into your individual webpage's code injection.

Even if you add this to your page, it's at Google's discretion if they display it or not in the search results. Its debatable if adding schema to a page helps directly with SEO. However, it can definitely make your search result more enticing to people to click on it — and higher click through rates do help with SEO.