# Social & SERP OG Image Sizes ## Why Google Is Showing a Random Image From Your Website Have you ever Googled your own business and seen a thumbnail you didn't choose? It's not an error, it's what happens we you don't tell search engines and social platforms which image to use. They pick one for you from the page content. ### What's actually happening Every time your page gets shared (on Facebook, LinkedIn, X, in iMessage, in a Google search result, in a Slack preview) the platform looks for a designated "preview image." If your page has one set properly, that's what shows up. If it doesn't, the platform makes its best guess from whatever images exist on the page. The technical name for this designated image is an **Open Graph image** (or "OG image"). It's a tiny piece of code in your page's ` ` that says, "Hey, when someone shares this, use *this* image." When that tag is missing or pointing to the wrong thing, you get the random-thumbnail problem. ### The catch: every platform crops differently You'd think one image could rule them all. It can — but only if you design it knowing how each platform is going to chop it up. Here are the rough behaviors: - **Google search results & Discover:** often crops to roughly square from the center - **Facebook & LinkedIn:** display close to the full 1.91:1 ratio - **X (Twitter):** crops to a slightly different ratio depending on whether it's a card or a thumbnail - **iMessage, Slack, WhatsApp link previews:** vary, but usually show most of the image - **Pinterest:** strongly prefers vertical images So a horizontal banner that looks great on Facebook can get its sides chopped off in Google. A logo placed in the bottom corner can vanish entirely from a Twitter card. ### The size that works almost everywhere: 1200 × 630, conditionally This is the official Open Graph spec, and it's what Facebook, LinkedIn, and most platforms expect. A few notes: - **Width matters for Google.** Their guidelines want images at least 1200 pixels wide for thumbnails to show up at full size in search. - **File size:** keep it under about 8MB. Most should land well under 1MB. - **Format:** JPG or PNG, sRGB color profile. #### The "safe zone" rule Because every platform crops differently, the only reliable strategy is to keep your logo and any important text **inside the center square** of the image. If your image is 1200 × 630, that means everything critical should live inside the middle 600 × 600 area. Anything outside that zone is fair game to get cropped on at least one platform. ### What we recommend 1. **Set a site-wide default OG image.** This is the fallback that shows up when a specific page doesn't have its own. A clean branded image like your logo, tagline, maybe a brand pattern, works well. This alone solves the "Google grabbed a random screenshot" problem. 2. **Set custom OG images for high-value pages.** Your homepage, services pages, top blog posts, and any page you actively share on social all deserve an intentional image. These should be more visually engaging than the default to give people a reason to click. 3. **Create a simple template.** Pick a single layout your team can fill in for new content: a branded header, a clean photo or illustration zone, and your logo lockup tucked safely inside the center safe zone. Consistency builds recognition. 4. **Check your robots meta.** For Google to show your image at full size in search results, your site needs the `max-image-preview:large` tag in place. Most modern WordPress SEO plugins (Yoast, Rank Math) set this by default, but it's worth verifying. ### How to set this up in WordPress If your site is on WordPress, both Yoast SEO and Rank Math include built-in fields for: - A site-wide default social image (under the plugin's general or social settings) - Per-post overrides (in the sidebar of every page and post) Once these are filled in, you can preview how your pages will look when shared using free tools like [opengraph.xyz](https://www.opengraph.xyz/) and paste your URL and see exactly what Facebook, LinkedIn, and Twitter will display.