Social Sharing 画像 (og:画像 と twitter:画像): Sizes, Limits, と Fallbacks

暫定日本語案: TL;DR — social sharing 画像 is picture in preview card いつ あなた 暫定日本語案: paste link へ Facebook, LinkedIn, Slack, または X. あなた 設定 it とともに og:image 暫定日本語案: tag (と twitter:image 向けに X). 作る it full https:// web address, sized 暫定日本語案: について 1200×630 pixels, と 保つ file small. If it’s 誤った size, 暫定日本語案: broken link, または too big, あなた don’t get nice card — あなた get whatever プラットフォーム 暫定日本語案: grabs instead. 暫定日本語案: Evidence for this claim The Open Graph protocol uses og:image to identify an image and defines optional image URL, MIME type, width, height, and alt properties. Scope: Open Graph protocol metadata. Confidence: high · Verified: 2026-07-14 Open Graph protocol Evidence for this claim X Cards support summary and summary_large_image card types and image metadata, subject to X's crawler and card requirements. Scope: Current X Cards markup documentation. Confidence: high · Verified: 2026-07-14 X Developer Platform: Cards markup

何 social 画像 is

暫定日本語案: いつ あなた share link, 大半の apps 表示 little preview card: headline, bit of 暫定日本語案: text, と picture. その picture is social sharing 画像. あなた tell 各 暫定日本語案: プラットフォーム which 画像 へ 使用 とともに tag in あなた ページ’s head called og:image. X 暫定日本語案: (Twitter) できる 使用 separate twitter:image tag, ただし if あなた don’t 設定 one, X just 暫定日本語案: reuses あなた og:image.

暫定日本語案: この ページ is について 画像 itself — どのように big it すべき be, どのように small file 暫定日本語案: すべき be, と 何 breaks. tags その point at 画像 are covered separately 暫定日本語案: in Open Graph と Twitter Cards topics; here 私たち care について picture.

one size へ remember

暫定日本語案: There’s no single 公式 size その すべての プラットフォーム agrees on, ただし one number is 暫定日本語案: safe デフォルト everywhere: 1200 × 630 pixels, wide rectangle (について 1,91-へ-1). 暫定日本語案: Facebook recommends “at least 1200 x 630 pixels,” と その size looks right on 暫定日本語案: LinkedIn, Slack, と X too. 使用 it と あなた’ll be fine on almost everything.

Three rules その trip 人々 up

1. 暫定日本語案: 使用 full web address, ない relative path. og:image needs 完全な 暫定日本語案: https://www.example.com/image.jpg URL. shortcut like /image.jpg won’t 機能 — 暫定日本語案: プラットフォーム その read あなた tag できる’t figure out あなた domain on their own, so それら 暫定日本語案: just skip it.
2. 暫定日本語案: 保つ file small. Facebook 許可 up へ 8 MB, ただし other apps quietly drop 暫定日本語案: 画像 その are too heavy. Aim へ 保つ it well 下で 1 MB — few hundred KB is 暫定日本語案: plenty 向けに preview.
3. 暫定日本語案: ** 不足している または broken 画像 isn’t blank card.** If あなた 画像 is 不足している, 暫定日本語案: プラットフォーム grab some other picture off あなた ページ. If あなた 画像 link is broken 暫定日本語案: (誤った address, blocked, too big), some apps 表示 no picture at all — which できる 暫定日本語案: look worse than 決して 設定 one.

なぜ 画像 sometimes won’t update

暫定日本語案: If あなた fix あなた 画像 ただし 古い one 保持 表示 いつ あなた share link, その’s 暫定日本語案: caching — プラットフォーム saved 古い version. あなた have へ ask it へ look again 暫定日本語案: using ツール like Facebook’s Sharing Debugger または LinkedIn’s Post Inspector. 同じ 暫定日本語案: story as とともに other social tags.

暫定日本語案: Want exact numbers per プラットフォーム, file-size caps, Google’s own 画像 rules, 暫定日本語案: と difference 間に “missing” と “broken”? Switch へ Advanced tab.

暫定日本語案: TL;DR — この is 画像 spec sheet, ない tag syntax — og:image / 暫定日本語案: twitter:image mechanics live in Open Graph と Twitter Cards siblings. 暫定日本語案: 1200×630 (1,91:1) is safe デフォルト, ない 公式 universal standard. だけ 暫定日本語案: Meta’s numbers are 主要-sourced: 200×200 minimum, 600×315 floor, ≥1200×630 暫定日本語案: recommended, 1,91:1, 8 MB cap. X’s ~1200×628/675 と ~5 MB, Slack’s ~32 KB 暫定日本語案: early-HTML read, と WhatsApp’s ~300 KB silent drop are community consensus, ない 暫定日本語案: freshly-verifiable 最初-party specs — I flag which is which. absolute-URL 暫定日本語案: rule is real silent failure: social crawlers don’t resolve relative paths. 暫定日本語案: 不足している ≠ broken: absent tag falls back へ scraped body 画像; present 暫定日本語案: ただし failing 画像 (404, oversized, auth/robots-blocked) 多くの場合 表示 nothing. 暫定日本語案: Google 現在 reads og:image 向けに its own 検索 と Discover thumbnails (March 2026), 暫定日本語案: ただし its spec is 16:9 / ≥1200px wide / ≥300K pixels / no logo / no text — 暫定日本語案: 異なる shape than 1,91:1 social crop. Caching means fix doesn’t reach 暫定日本語案: already-shared links until あなた force re-scrape. 暫定日本語案: Evidence for this claim The Open Graph protocol uses og:image to identify an image and defines optional image URL, MIME type, width, height, and alt properties. Scope: Open Graph protocol metadata. Confidence: high · Verified: 2026-07-14 Open Graph protocol Evidence for this claim X Cards support summary and summary_large_image card types and image metadata, subject to X's crawler and card requirements. Scope: Current X Cards markup documentation. Confidence: high · Verified: 2026-07-14 X Developer Platform: Cards markup

何 この 記事 covers (と 何 siblings cover)

暫定日本語案: tag mechanics — four 必要 Open Graph プロパティ, name= vs. property=, 暫定日本語案: four Twitter Card types, と twitter:image → og:image fallback rule — are 暫定日本語案: already handled in Open Graph Tags と 暫定日本語案: Twitter Card Tags. この piece is 暫定日本語案: companion spec sheet: dimensions, aspect ratio, file size, format, absolute-URL 暫定日本語案: requirement, と 何 actually breaks いつ any of それらの is 誤った. If あなた’re here へ 暫定日本語案: write <meta> line, start とともに それらの two; if あなた’re here because あなた 画像 is 暫定日本語案: 誤った size または won’t 表示, あなた’re in right place.

暫定日本語案: One quick reuse of fallback rule, because it decides どのように many 画像 あなた need: 暫定日本語案: twitter:image falls back へ og:image いつ it’s absent, so 大半の サイト 設定 one 暫定日本語案: 画像 と 使用 it 向けに both — あなた だけ diverge if あなた specifically want 異なる 暫定日本語案: crop 向けに X.

safe デフォルト: 1200×630 (1,91:1) — と なぜ it’s compromise

暫定日本語案: Nearly すべての guide leads とともに 1200×630 と stops there. It’s good デフォルト, ただし it’s 暫定日本語案: worth being honest について どこ it comes から: it’s ない single cross-プラットフォーム 暫定日本語案: standard anyone publishes identically. It’s community-converged size その 暫定日本語案: clears Facebook’s recommendation と renders acceptably on everything else. Some 暫定日本語案: guides say 1200×627, some say 1200×628 向けに X — それらの are rounding と legacy variants 暫定日本語案: of 同じ ~1,91:1 idea, ない competing specs. Pick 1200×630, と だけ place 暫定日本語案: あなた might want second 画像 is X, if あなた care について tighter crop there.

Per-プラットフォーム dimensions と file size

暫定日本語案: single 大半の useful thing この ページ できる do is separate 何’s 主要-sourced 暫定日本語案: (Meta) から 何’s community consensus (everything else). I’ve been explicit について 暫定日本語案: which is which — don’t treat non-Meta numbers as gospel.

Facebook / Meta (主要-sourced)

暫定日本語案: から Meta’s own sharing-画像 ドキュメント:

• 暫定日本語案: Minimum: “The minimum allowed image dimension is 200 x 200 pixels.”
• 暫定日本語案: Floor へ 避ける small render: “At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.”
• 暫定日本語案: Recommended: “Use images that are at least 1200 x 630 pixels for the best display on high resolution devices.”
• 暫定日本語案: Aspect ratio: 保つ it “as close to 1,91:1 aspect ratio as possible” へ 避ける 暫定日本語案: cropping in フィード.
• 暫定日本語案: File-size cap: “The size of the image file must not exceed 8 MB.”

暫定日本語案: Meta is また ソース of “first-share” caching quirk: crawler has へ see 暫定日本語案: 画像 at least once 前に it renders, so “the first person who shares a piece of content won’t see a rendered image.” (LinkedIn behaves similarly — この is 暫定日本語案: re-scrape story, covered in Open Graph sibling.)

X / Twitter (community consensus — treat とともに caution)

暫定日本語案: X’s numbers are ones へ be careful とともに. 公式 Card Validator was 暫定日本語案: deprecated in 2022 とともに no replacement, と developer.x.com’s Cards ドキュメント 暫定日本語案: is effectively gone: it returned HTTP 402 Payment 必要 レスポンス in early July 暫定日本語案: 2026, と as of この update 同じ URL instead リダイレクト (HTTP 307) へ docs.x.com’s 暫定日本語案: homepage, どこ equivalent Cards-markup path 404s — dead link either way, so 暫定日本語案: there is no live, freshly-checkable 最初-party X spec right 現在. figures その 暫定日本語案: circulate 全体で guides — roughly 1200×628 または 1200×675 向けに summary_large_image, 暫定日本語案: 300×157 minimum, 4096×4096 maximum, と ~5 MB file cap, とともに small 暫定日本語案: summary card needing smaller ~144×144-minimum square — are third-party consensus, 暫定日本語案: ない confirmed 現在の 公式 spec. それら’re close enough へ 1,91:1 デフォルト へ 暫定日本語案: be useful, ただし I wouldn’t present any specific X byte または pixel number as authoritative. 暫定日本語案: ( X ドキュメント と validator situation is covered in full in 暫定日本語案: Twitter Cards sibling.)

LinkedIn, Slack, WhatsApp, Discord, iMessage

• 暫定日本語案: LinkedIn is one non-Meta プラットフォーム とともに its own documented numbers: its 役立つ 暫定日本語案: ページ 向けに making サイト shareable states minimum of 1200×627 pixels, 暫定日本語案: recommended ratio of 1,91:1, と 5 MB max file size — と separately notes 暫定日本語案: その “images less than 401 pixels wide display as a thumbnail image.” 構築 へ 暫定日本語案: 1200×630 デフォルト と あなた clear この とともに margin; don’t confuse it とともに Facebook’s 暫定日本語案: numbers, それら’re LinkedIn’s own. Its Post Inspector is re-scrape ツール.
• 暫定日本語案: Slack is placement gotcha more than size one: it’s widely reported へ read 暫定日本語案: だけ 最初 ~32 KB of ページ’s raw HTML いつ unfurling. If あなた head tags — 暫定日本語案: と thus あなた og:image reference — sit below その, Slack 可能性がある 決して see them. 暫定日本語案: Slack’s own unfurling docs confirm it reads Open Graph / X Card metadata ただし don’t 暫定日本語案: publish byte limit, so treat 32 KB figure as reported, ない officially 暫定日本語案: confirmed.
• 暫定日本語案: WhatsApp is reported へ silently drop preview 画像 向けに large files — 暫定日本語案: commonly cited around ~300 KB, even though higher (~600 KB) “official-sounding” 暫定日本語案: WhatsApp number また floats around. Either way, heavy 画像 is failure mode.
• 暫定日本語案: Discord と iMessage inherit Open Graph とともに no separately documented 画像 暫定日本語案: specs — 構築 へ 1200×630 デフォルト と それら follow.

暫定日本語案: honest takeaway: rather than chasing tightest documented number, target 暫定日本語案: 下で ~1 MB — ideally 100–300 KB — と あなた clear すべての プラットフォーム’s ceiling とともに 暫定日本語案: margin.

absolute-URL rule — real, silent failure mode

暫定日本語案: この one is stated as fact everywhere ただし rarely explained. og:image と 暫定日本語案: twitter:image 必要がある be absolute https://... URL. relative path like 暫定日本語案: /images/share.jpg isn’t rejected とともに visible error — it’s just silently 暫定日本語案: ignored. 理由: ブラウザー resolves relative path against ページ’s own URL 暫定日本語案: because it already knows 何 ページ it’s on, ただし social crawler fetching あなた tag has 暫定日本語案: no such base context と won’t reliably reconstruct あなた domain. So it skips tag 暫定日本語案: と falls back へ whatever else it できる scrape. If あなた 画像 “isn’t showing” と 暫定日本語案: path in あなた ソース starts とともに / instead of https://, その’s あなた bug.

One 画像, two masters: Google’s 2026 thumbnail spec

暫定日本語案: Here’s freshest と least-covered angle. As of March 2, 2026, Google 暫定日本語案: documents og:image as one of two accepted metadata ソース (alongside schema.org 暫定日本語案: primaryImageOfPage) 向けに selecting its own thumbnails in 検索 と Discover 暫定日本語案: — Google’s own docs describe これらの two surfaces specifically と don’t extend 暫定日本語案: claim へ AI Overviews または other AI surfaces, so I won’t either. その means 同じ 暫定日本語案: 画像 file 現在 多くの場合 has へ satisfy both social プラットフォーム と Google’s 暫定日本語案: text-result/Discover thumbnails — と their specs aren’t 同じ shape.

暫定日本語案: Google’s 画像 guidance (Discover と 画像 SEO docs):

• 暫定日本語案: Dimensions: “at least 1200 px wide.”
• 暫定日本語案: Aspect ratio: 16:9 ratio — ない social world’s 1,91:1.
• 暫定日本語案: Resolution: “more than 300\u00a0000 total pixels” ( 1280×720 画像 is 921 600 pixels 暫定日本語案: と clears この comfortably).
• 暫定日本語案: コンテンツ: 避ける “a generic image (for example, your site logo) or an image with text,” と 避ける “an extreme aspect ratio.”
• 暫定日本語案: 適格性 prerequisite: へ get large thumbnail treatment in Discover at 暫定日本語案: all あなた need max-image-preview:large ( robots meta directive) または AMP — 暫定日本語案: separate lever から 画像 file, covered in 暫定日本語案: robots meta tag topic.

暫定日本語案: nuance へ flag rather than hand-wave: 1200×630 (1,91:1) social 画像 is 暫定日本語案: 630px tall, so it’s 756 000 total pixels — it clears Google’s ≥1200px-wide と 暫定日本語案: ≥300K-pixel bars fine — ただし 1,91:1 is ない 16:9. In practice one well-built 画像 暫定日本語案: satisfies both, ただし if あなた want へ optimize 各 independently あなた できる supply 暫定日本語案: separate primaryImageOfPage in schema 向けに Google while 保持 1,91:1 crop 向けに 暫定日本語案: social. Either way, “no logo, no text-heavy image” advice is good 向けに social CTR 暫定日本語案: too — logo doesn’t differentiate one shared link から another.

不足している vs. broken — two 異なる failure modes

暫定日本語案: 人々 conflate これらの, と それら behave differently:

• 暫定日本語案: ** og:image tag is absent.** プラットフォーム fall back へ scraped in-body 画像 暫定日本語案: または generic デフォルト. あなた get uncontrolled preview, rarely truly blank one. 暫定日本語案: (この is tag-不足している ケース handled in Open Graph sibling.)
• 暫定日本語案: ** og:image tag is present ただし 画像 fails** — 404, oversized file 暫定日本語案: silently dropped, 誤った MIME type, または URL blocked by auth または robots.txt. 暫定日本語案: Behavior here is less forgiving: several プラットフォーム 表示 no 画像 at all rather 暫定日本語案: than falling back further, because それら already “know” あなた specified one. この is 暫定日本語案: ケース unique へ この 記事, so it’s worth stating plainly: broken 画像 暫定日本語案: reference できる render worse card than no reference at all.

暫定日本語案: と render-vs-クロール gotcha underneath both: 大半の social bots don’t run 暫定日本語案: JavaScript, so if あなた tag is injected クライアント-side it won’t be seen. As I put it in 暫定日本語案: my Ahrefs JavaScript SEO guide, “Social media bots don’t run JavaScript, so things like OG tags won’t be seen unless you render the content before serving it to them.” サーバー-render tag, または 画像 暫定日本語案: 決して had chance.

Format support

• 暫定日本語案: JPEG/JPG と PNG are universally supported — safe everywhere.
• 暫定日本語案: WebP is supported by 大半の modern consumers (Meta lists it explicitly), ただし I’d 暫定日本語案: 保つ JPEG/PNG fallback 向けに anything あなた できる’t テスト.
• 暫定日本語案: Animated GIF/WebP are unreliable 向けに still preview card — 大半の プラットフォーム grab 暫定日本語案: single frame または ignore animation. Don’t rely on motion in share 画像.

Caching — 最後 mile

暫定日本語案: Fixing oversized または broken 画像 doesn’t propagate へ links 人々 already shared 暫定日本語案: until あなた force re-scrape: Facebook Sharing Debugger と LinkedIn Post 暫定日本語案: Inspector re-fetch あなた ページ と refresh their cached preview. この is 暫定日本語案: centerpiece of Open Graph sibling, 暫定日本語案: so I’ll leave it at one line here: edit 画像, then re-scrape, または 古い one 暫定日本語案: lingers.

どこ この fits

暫定日本語案: この is deep dive 下で Meta Tags 向けに SEO 暫定日本語案: hub, sitting right next へ two tag-syntax siblings — 暫定日本語案: Open Graph と 暫定日本語案: Twitter Cards — その この 記事 暫定日本語案: extends. It また brushes separate 画像 SEO cluster (which covers file 暫定日本語案: formats, alt text, と 画像 インデックス登録 in general): difference is その 画像 SEO 暫定日本語案: is について pictures inside あなた コンテンツ, while この is について one metadata 暫定日本語案: 画像 その represents whole ページ in share card と, 現在, Google thumbnail.

AI要約

暫定日本語案: condensed take on Advanced version:

• 暫定日本語案: Scope: 画像 requirements 向けに og:image / twitter:image, ない tag 暫定日本語案: syntax (その’s Open Graph と Twitter Cards siblings). twitter:image falls 暫定日本語案: back へ og:image, so 大半の サイト 使用 one 画像 向けに both.
• 暫定日本語案: Safe デフォルト: absolute HTTPS URL へ ~1200×630px (1,91:1) 画像 — 暫定日本語案: community-converged compromise, ない single 公式 cross-プラットフォーム standard.
• 暫定日本語案: だけ Meta’s numbers are 主要-sourced: 200×200 minimum, 600×315 floor, 暫定日本語案: ≥1200×630 recommended, 1,91:1, 8 MB cap. X’s ~1200×628/675 と ~5 MB, Slack’s 暫定日本語案: ~32 KB early-HTML read, と WhatsApp’s ~300 KB silent drop are community 暫定日本語案: consensus — X’s validator is dead と its docs are gone (paywalled, then dead 暫定日本語案: リダイレクト).
• 暫定日本語案: Absolute-URL rule: relative paths are silently ignored — social crawlers 暫定日本語案: have no base context へ resolve them.
• 暫定日本語案: 不足している ≠ broken: absent tag falls back へ scraped body 画像; 暫定日本語案: present-ただし-failing 画像 (404, oversized, auth/robots-blocked) 多くの場合 表示 no 暫定日本語案: 画像 at all.
• 暫定日本語案: Google (March 2026) reads og:image 向けに its own 検索 と Discover thumbnails 暫定日本語案: (its own docs scope この へ それらの two surfaces, ない “AI thumbnails” broadly), ただし 暫定日本語案: its spec is 16:9 / ≥1200px wide / ≥300K pixels / no logo / no text — 暫定日本語案: 異なる shape than 1,91:1. 1200×630 画像 clears Google’s pixel minimums ただし 暫定日本語案: isn’t 16:9; needs max-image-preview:large 向けに large Discover thumbnail.
• 暫定日本語案: Formats: JPEG/PNG universal, WebP mostly fine, animated formats unreliable.
• 暫定日本語案: Rendering: social bots don’t run JavaScript — サーバー-render tag.
• 暫定日本語案: Practical target: 下で ~1 MB, ideally 100–300 KB, へ clear すべての プラットフォーム.
• 暫定日本語案: Caching: fixing 画像 doesn’t fix already-shared links until あなた force 暫定日本語案: re-scrape (Facebook Sharing Debugger, LinkedIn Post Inspector).

公式ドキュメント

暫定日本語案: 主要-ソース ドキュメント 向けに 画像 spec.

暫定日本語案: Meta / Facebook ( 大半の authoritative ソース 向けに dimensions と file size)

• 暫定日本語案: Sharing — 画像 — ≥1200×630 recommendation, 200×200 minimum, 600×315 floor, 1,91:1 ratio, と 8 MB file-size cap.
• 暫定日本語案: Sharing — Webmasters — どのように crawler scrapes, 最初-share caching behavior, と fallback heuristics いつ markup is absent.

暫定日本語案: ** Open Graph protocol**

• 暫定日本語案: ogp.me — og:image sub-プロパティ: og:image:url, og:image:secure_url, og:image:type, og:image:width, og:image:height, と og:image:alt.

暫定日本語案: Google

• 暫定日本語案: Specify preferred 画像 とともに metadata — og:image と schema.org as thumbnail-selection ソース; 避ける logos, text-in-画像, と extreme aspect ratios (updated March 2, 2026).
• 暫定日本語案: Google Discover — concrete 画像 numbers: at least 1200px wide, 16:9, more than 300 000 total pixels, plus max-image-preview:large / AMP 適格性 requirement.

暫定日本語案: LinkedIn

• 暫定日本語案: 作る あなた Webサイト shareable on LinkedIn — LinkedIn’s own numbers: 1200×627 minimum, 1,91:1 recommended ratio, 5 MB max file size, と 画像 narrower than 401px render as thumbnail.

暫定日本語案: Slack

• 暫定日本語案: Unfurling links in messages — confirms Slack reads Open Graph / X Card metadata; it does ない publish specific byte または 画像 limit in この doc.

暫定日本語案: X / Twitter (status: largely inaccessible as of 2026)

• 暫定日本語案: developer.x.com Cards markup docs returned HTTP 402 (paywalled) in early July 2026 research; as of この update 同じ URL instead リダイレクト (HTTP 307) へ docs.x.com’s homepage, どこ equivalent Cards-markup path 404s, と legacy developer.twitter.com Cards path また リダイレクト と 404s. Either way there’s no live 最初-party spec へ 確認. Treat すべての X-specific dimension または file-size figure as third-party consensus — see Twitter Cards sibling 向けに full picture.

出典からの引用

暫定日本語案: On—record statements on 画像 spec. 各 link jumps へ (または documents) 暫定日本語案: quoted passage.

暫定日本語案: Meta / Facebook — 主要-sourced numbers

• 暫定日本語案: “Use images that are at least 1200 x 630 pixels for the best display on high resolution devices.” — Meta 向けに Developers, Sharing 画像 docs. 暫定日本語案: ソース
• 暫定日本語案: “At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.” 暫定日本語案: ソース
• 暫定日本語案: “The minimum allowed image dimension is 200 x 200 pixels.” と “The size of the image file must not exceed 8 MB.” 暫定日本語案: ソース

暫定日本語案: LinkedIn — its own documented minimum

• 暫定日本語案: “Minimum image dimensions: 1200 (w) x 627 (h) pixels”, “Recommended ratio: 1,91:1”, “Max file size: 5 MB”, と “Images less than 401 pixels wide display as a thumbnail image.” — LinkedIn 役立つ, “Make your website shareable on LinkedIn.” 暫定日本語案: ソース

暫定日本語案: Google — og:画像 as thumbnail ソース (March 2026)

• 暫定日本語案: Google influences its automated 画像 selection “by providing your preferred image through one of the following metadata sources” — schema.org primaryImageOfPage または og:image meta tag. 暫定日本語案: Jump へ quote
• 暫定日本語案: “Avoid using a generic image (for example, your site logo) or an image with text in the schema.org markup or og:image meta tag.” 暫定日本語案: Jump へ quote
• 暫定日本語案: On Discover, Google says へ “use either schema.org markup or the og:image meta tag to specify a large image,” at least 1200px wide, 16:9, と more than 300 000 total pixels. 暫定日本語案: Jump へ quote

暫定日本語案: Barry Schwartz, 検索エンジン Land — coverage of March 2026 update

• 暫定日本語案: Reported その Google 使用 both schema.org markup と og:画像 meta tag as ソース いつ determining 画像 thumbnails in Google 検索 と Discover. 暫定日本語案: Read coverage

暫定日本語案: Patrick Stox — rendering gotcha

• 暫定日本語案: “Social media bots don’t run JavaScript, so things like OG tags won’t be seen unless you render the content before serving it to them.” — から my Ahrefs JavaScript SEO guide. 暫定日本語案: ソース

暫定日本語案: Note: Google Discover dimension figures (≥1200px wide, 16:9, >300 000 total pixels) と 検索エンジン Land line are relayed 通じて ドキュメント summaries と 同じ-day industry coverage rather than named-spokesperson quote — confirm exact wording against live ページ 前に treating them as final. Meta numbers were re-verified directly against live developers.facebook.com Sharing 画像 ページ as part of この update, と match exactly. LinkedIn minimum (1200×627, 1,91:1, 5 MB, 401px thumbnail threshold) was likewise re-verified live against LinkedIn’s own 役立つ ページ. All X-specific dimension と file-size figures are third-party community consensus, ない live 最初-party spec — Card Validator is deprecated, と developer.x.com’s Cards docs, 確認 live during この update, 現在 リダイレクト へ 404 rather than earlier paywall レスポンス. My JavaScript-SEO line is reproduced as my own words から my Ahrefs guide.

”My image isn’t showing” — is it size, URL, または cache 問題

暫定日本語案: 機能 top へ bottom; 最初 “yes” is almost 常に あなた fix.

暫定日本語案: 1. Did あなた just change 画像, と 古い one is still 表示? 暫定日本語案: → It’s cache 問題. Force re-scrape: Facebook Sharing Debugger, 暫定日本語案: LinkedIn Post Inspector. Nothing else あなた do matters until プラットフォーム re-fetches.

暫定日本語案: 2. Is og:image value relative path (starts とともに / または ./)? 暫定日本語案: → It’s URL 問題. Social crawlers silently ignore relative paths — change it へ 暫定日本語案: full absolute https://... URL と re-scrape.

暫定日本語案: 3. Is 画像 tag injected by JavaScript / だけ present 後に render? 暫定日本語案: → It’s rendering 問題. Social bots don’t run JS — サーバー-render tag へ 暫定日本語案: initial HTML.

暫定日本語案: 4. Does 画像 URL load in fresh incognito ブラウザー (no login)? 暫定日本語案: → If no — 404, 必要とする auth, または blocked by robots.txt — it’s reachability 暫定日本語案: 問題. present-ただし-broken 画像 多くの場合 表示 no card 画像 at all. Fix path 暫定日本語案: または unblock it.

暫定日本語案: 5. Is file bigger than ~1 MB (または 画像 超えて Meta’s 8 MB hard cap)? 暫定日本語案: → It’s file-size 問題. Meta rejects 超えて 8 MB outright; WhatsApp と others 暫定日本語案: silently drop large 画像 well below その. Compress へ 100–300 KB と re-scrape.

暫定日本語案: 6. Is 画像 tiny (下で 200×200) または odd shape? 暫定日本語案: → It’s dimensions 問題. Below 600×315 あなた get small/cropped render; below 暫定日本語案: 200×200 Meta rejects it. Rebuild at ~1200×630.

暫定日本語案: 7. Still 誤った on Slack specifically, fine elsewhere? 暫定日本語案: → Likely placement 問題 — Slack reads だけ 最初 ~32 KB of HTML. 作る sure 暫定日本語案: あなた head tags 表示される early in document.

暫定日本語案: If none of これらの apply と card is fine except Google’s thumbnail, その’s 暫定日本語案: 異なる question — see “one image, two masters” section in Advanced.

Social 画像 cheat sheet

暫定日本語案: Per-プラットフォーム spec — sourced honestly

暫定日本語案: Fast facts

• 暫定日本語案: One safe デフォルト clears almost everything: absolute HTTPS URL, ~1200×630 (1,91:1), 暫定日本語案: file 100–300 KB.
• 暫定日本語案: Absolute URL だけ — relative paths are silently ignored, ない errored.
• 暫定日本語案: twitter:image falls back へ og:image — one 画像 usually serves both.
• 暫定日本語案: 不足している ≠ broken: 不足している tag → scraped fallback 画像; broken 画像 → 多くの場合 no 暫定日本語案: 画像 at all.
• 暫定日本語案: Google wants 16:9, social wants 1,91:1 — 1200×630 画像 (756K pixels) clears 暫定日本語案: Google’s ≥1200px-wide / ≥300K-pixel bars ただし isn’t 16:9.
• 暫定日本語案: Formats: JPEG/PNG everywhere; WebP mostly; animated formats unreliable.
• 暫定日本語案: だけ Meta’s 8 MB is officially documented — すべての other byte number is 暫定日本語案: community consensus.
• 暫定日本語案: Fixing 画像 doesn’t fix shared links until あなた re-scrape.

Social 画像 audit — 確認

暫定日本語案: pass へ confirm あなた share 画像 is 正しい, reachable, と sized right:

• 暫定日本語案: [ ] og:image is absolute https://... URL — no relative paths.
• 暫定日本語案: [ ] 画像 is roughly 1200×630px (1,91:1) — at least 600×315, 決して 下で 暫定日本語案: 200×200.
• 暫定日本語案: [ ] File size is 下で ~1 MB, ideally 100–300 KB, へ clear すべての プラットフォーム’s 暫定日本語案: ceiling (Meta’s hard cap is 8 MB; others drop large files silently).
• 暫定日本語案: [ ] Format is JPEG, PNG, または WebP — ない animated GIF/WebP 向けに still card.
• 暫定日本語案: [ ] 画像 URL loads in fresh incognito ブラウザー — ない 404, ない auth-gated, 暫定日本語案: ない blocked by robots.txt.
• 暫定日本語案: [ ] og:image tag is in サーバー-rendered HTML, ない injected by JavaScript 暫定日本語案: (social bots don’t render JS).
• 暫定日本語案: [ ] tag sits early in <head> (役立つ Slack, which reads だけ 最初 暫定日本語案: ~32 KB).
• 暫定日本語案: [ ] twitter:image is either omitted (falls back へ og:image) または 設定 deliberately 暫定日本語案: 向けに 異なる X crop.
• 暫定日本語案: [ ] 画像 avoids bare logo または heavy text — good 向けに CTR と 必要 向けに 暫定日本語案: Google’s thumbnail 適格性.
• 暫定日本語案: [ ] 向けに Google’s large Discover thumbnail, ページ has max-image-preview:large 暫定日本語案: (または AMP).
• 暫定日本語案: [ ] 後に any change, あなた’ve re-scraped とともに Facebook Sharing Debugger / 暫定日本語案: LinkedIn Post Inspector so shared links refresh.

機能 例

暫定日本語案: Concrete 前に/後に ケース 向けに failure modes この 記事 covers.

暫定日本語案: Absolute vs. relative URL

<!-- Silently ignored — a social crawler has no base to resolve this against -->
<meta property="og:image" content="/images/share.jpg" />

<!-- Correct — a full absolute HTTPS URL -->
<meta property="og:image" content="https://www.example.com/images/share.jpg" />

暫定日本語案: One 画像 向けに both プラットフォーム (using fallback)

<!-- twitter:image is omitted on purpose; X falls back to og:image -->
<meta property="og:image" content="https://www.example.com/share-1200x630.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Descriptive alt text for the share image" />

暫定日本語案: ** 異なる, tighter crop 向けに X だけ**

<meta property="og:image" content="https://www.example.com/share-1200x630.jpg" />
<!-- Overrides the OG image on X specifically -->
<meta name="twitter:image" content="https://www.example.com/share-x-1200x675.jpg" />

暫定日本語案: ** two failure modes, side by side**

• 暫定日本語案: 不足している tag: no og:image at all → Facebook/LinkedIn scrape body 画像 または 表示 暫定日本語案: generic デフォルト. Uncontrolled, rarely blank.
• 暫定日本語案: Broken 画像: og:image points at https://www.example.com/old-hero.jpg which 現在 暫定日本語案: 404s → several プラットフォーム 表示 no card 画像, because それら already “know” あなた 暫定日本語案: specified one. Worse than 決して 設定 it.

暫定日本語案: Sizing math 向けに “two masters” question

• 暫定日本語案: Social target: 1200×630 = 1,91:1 = 756 000 total pixels.
• 暫定日本語案: Google’s bar: ≥1200px wide と >300 000 total pixels → 1200×630 画像 暫定日本語案: clears both comfortably.
• 暫定日本語案: Google’s preferred shape: 16:9 (e.g. 1280×720 = 921 600 pixels) — 1200×630 暫定日本語案: 画像 satisfies Google’s minimums ただし is ない 16:9, so if あなた want へ optimize 各 暫定日本語案: independently, supply separate primaryImageOfPage in schema 向けに Google.

Confirming social 画像 fix actually took effect

暫定日本語案: caching 問題 この 記事 describes — あなた fix 画像, ただし shared links 暫定日本語案: 保つ 表示 古い one — means “I edited the file” is ない proof of anything. これらの 暫定日本語案: are checks へ run 後に change, in order, 前に あなた consider fix done.

Confirm プラットフォーム re-scraped 新しい 画像

暫定日本語案: テスト へ run: Paste URL へ Facebook’s Sharing Debugger (または LinkedIn’s 暫定日本語案: Post Inspector) と クリック re-scrape/inspect button, ない just view cached 暫定日本語案: result. Expected result: debugger’s preview pane 表示 新しい 画像, と 暫定日本語案: ツール レポート fresh クロール timestamp. Failure interpretation: if 古い 画像 暫定日本語案: still renders 後に クリック re-scrape, プラットフォーム’s cache hasn’t cleared, または 暫定日本語案: tag still points at 誤った file. 監視 window: immediate — debugger 暫定日本語案: result is live, ただし other プラットフォーム なしで public debugger (WhatsApp, iMessage) できる 暫定日本語案: take up へ few hours へ reflect change. Rollback trigger: if debugger 暫定日本語案: 表示 Facebook-reported fetch error (ない just stale 画像) 後に two re-scrape 暫定日本語案: attempts, revert へ previous known-機能 画像 URL while あなた investigate.

Confirm URL is absolute と reachable

暫定日本語案: テスト へ run: Open exact og:image URL in fresh incognito ブラウザー window 暫定日本語案: (no login, no cache) — または run curl -I against it と 確認 status line. 暫定日本語案: Expected result: 画像 loads directly と returns HTTP/1.1 200 OK; URL 暫定日本語案: in address bar is full https://... path, ない relative one. Failure 暫定日本語案: interpretation: 404, リダイレクト へ login ページ, または non-200 status means 暫定日本語案: 画像 is unreachable へ social crawler too — この is “present but broken” 暫定日本語案: failure mode, which is less forgiving than 不足している tag. 監視 window: 暫定日本語案: immediate — この is point-in-time reachability 確認, re-run it right 後に 暫定日本語案: deploying fix. Rollback trigger: any non-200 レスポンス — revert og:image 暫定日本語案: value へ 最後 URL その returned 200 until 新しい asset is confirmed reachable.

Confirm tag is in サーバー-rendered HTML, ない injected by JavaScript

暫定日本語案: テスト へ run: View ソース (Ctrl+U / Cmd+Option+U) または curl ページ と 検索 暫定日本語案: raw HTML 向けに og:image — do ない 確認 rendered DOM in DevTools, since その 暫定日本語案: できる 含む JS-injected tags social bots 決して see. Expected result: 暫定日本語案: <meta property="og:image" content="https://..."> line is present in raw, 暫定日本語案: unrendered レスポンス body. Failure interpretation: if tag だけ 表示される in 暫定日本語案: ブラウザー’s Elements panel ただし ない in view-ソース/curl, it’s being injected 暫定日本語案: クライアント-side と social bots — which don’t run JavaScript — する 決して see it. 暫定日本語案: 監視 window: immediate, と worth re-確認 後に any deploy その touches 暫定日本語案: templating または hydration layer. Rollback trigger: tag 不足している から raw HTML 暫定日本語案: on two consecutive curl checks — treat templating change as broken と revert it.

Confirm dimensions と file size clear プラットフォーム limits

暫定日本語案: テスト へ run: 確認 deployed 画像’s actual pixel dimensions と file size 暫定日本語案: (画像-inspector ツール, ブラウザー dev ツール’ Network panel, または curl -sI 向けに 暫定日本語案: Content-Length). Expected result: roughly 1200×630px (1,91:1, at least 暫定日本語案: 600×315, 決して 下で 200×200) と file size 下で ~1 MB — ideally 100–300 KB. 暫定日本語案: Failure interpretation: dimensions 下で 600×315 trigger small/cropped 暫定日本語案: render; file size approaching または 超えて Meta’s 8 MB hard cap gets rejected outright, 暫定日本語案: と other プラットフォーム silently drop heavy files well below その. 監視 window: 暫定日本語案: immediate — この is static プロパティ of deployed file, ない something その 暫定日本語案: changes 超えて time. Rollback trigger: file size 超えて roughly 1 MB または dimensions 暫定日本語案: below 600×315 floor — swap in compressed, correctly-sized 画像 前に 暫定日本語案: re-scraping.

時間を使う価値のあるリソース

暫定日本語案: My related writing

• 暫定日本語案: JavaScript SEO 問題 & Best Practices — rendering side: なぜ social bots その don’t run JavaScript 決して see クライアント-injected og:image.
• 暫定日本語案: Beginner’s Guide へ Technical SEO — どこ on-ページ metadata like share 画像 fits in bigger picture.

暫定日本語案: My speaking

• 暫定日本語案: どのように 検索 機能 (SlideShare) — my walkthrough of クロール, rendering, と インデックス登録, including なぜ クロール-vs-render distinction decides whether metadata tag is even seen. (My standing disclaimer applies: “This is my understanding of systems… not going to be 100% complete or accurate.”)

暫定日本語案: 公式

• 暫定日本語案: Meta — Sharing 画像 — だけ 主要-sourced dimension と file-size spec (≥1200×630, 200×200 min, 600×315 floor, 1,91:1, 8 MB cap).
• 暫定日本語案: Open Graph protocol — og:image sub-プロパティ.
• 暫定日本語案: Google — Specify preferred 画像 とともに metadata と Google Discover — Google’s own thumbnail 画像 requirements.
• 暫定日本語案: Slack — Unfurling links in messages — confirms Slack reads OG / X Card metadata.

暫定日本語案: から around industry

• 暫定日本語案: Google 使用 both schema.org markup と og:画像 meta tag 向けに thumbnails in Google 検索 と Discover (検索エンジン Land, Barry Schwartz, March 2, 2026) — 同じ-day coverage of March 2026 doc update.
• 暫定日本語案: Google Clarifies どのように It Picks Thumbnails 向けに 検索, Discover (検索エンジン Journal) — companion write-up on 同じ update.
• 暫定日本語案: Open Graph Meta Tags: Everything あなた Need へ Know (Ahrefs, Michal Pecánek) — solid general Open Graph reference (ない my byline).
• 暫定日本語案: r/TechSEO — community 向けに debugging broken previews と re-scrape 問題.

テスト yourself: Social Sharing 画像

暫定日本語案: Five quick questions on og:image と twitter:image requirements. Pick answer 暫定日本語案: 向けに 各, then 確認.

変更履歴