惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
Docker
人人都是产品经理
人人都是产品经理
小众软件
小众软件
博客园 - Franky
WordPress大学
WordPress大学
Jina AI
Jina AI
Google DeepMind News
Google DeepMind News
I
InfoQ
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
F
Fortinet All Blogs
博客园 - 【当耐特】
IT之家
IT之家
G
Google Developers Blog
J
Java Code Geeks
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
云风的 BLOG
云风的 BLOG
Recent Announcements
Recent Announcements
有赞技术团队
有赞技术团队
V
Visual Studio Blog
U
Unit 42
阮一峰的网络日志
阮一峰的网络日志
月光博客
月光博客
GbyAI
GbyAI
雷峰网
雷峰网

MIGHTYminnow Web Design & Development in Oakland

Meta Description - How Search Engines Describe Your Site - MIGHTYminnow Web Design & Development in Oakland Maintaining Your Own site - MIGHTYminnow Web Design & Development in Oakland Breaking Down DMARC Records - MIGHTYminnow Web Design & Development in Oakland Should You Use Google Analytics? - MIGHTYminnow Web Design & Development in Oakland Early Thoughts on Using AI for Web Projects - MIGHTYminnow Web Design & Development in Oakland Squarespace vs. WordPress: How to Choose the Right Platform (Without Regret) - MIGHTYminnow Web Design & Development in Oakland Is Your Website Hacked? A Guide to Malware Scanning - MIGHTYminnow Web Design & Development in Oakland Is Your Website Backed Up? A Guide to Keeping Copies of Your Site - MIGHTYminnow Web Design & Development in Oakland Is Your Website Up? A guide to Uptime Monitoring - MIGHTYminnow Web Design & Development in Oakland WordPress “Your Site Is Experiencing a Technical Issue” Emails Sliders & Carousels Online Scheduling Finding Stock Photos
Social & SERP OG Image Sizes - MIGHTYminnow Web Design & ...
kristin · 2026-05-13 · via MIGHTYminnow Web Design & Development in Oakland

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 <head> 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 and paste your URL and see exactly what Facebook, LinkedIn, and Twitter will display.