Hình ảnh chia sẻ mạng xã hội: kích thước, giới hạn và phương án dự phòng

Tóm tắt — social sharing image là picture trong preview card Khi bạn paste link vào Facebook, LinkedIn, Slack, hoặc X. bạn đặt nó với og:image tag (và twitter:image cho X). Làm nó đầy đủ https:// web address, sized về 1200×630 pixels, và giữ file nhỏ. nếu nó sai size, hỏng link, hoặc cũng big, bạn không nhận nice card — bạn nhận whatever nền tảng grabs thay vì.

Điều gì social image là

Khi bạn share link, phần lớn apps hiển thị little preview card: headline, bit của text, và picture. đó picture là social sharing image. bạn tell mỗi nền tảng mà image để sử dụng với tag trong của bạn trang head được gọi là og:image. X (Twitter) có thể sử dụng tách biệt twitter:image tag, nhưng nếu bạn không đặt một, X chỉ reuses của bạn og:image.

điều này trang là về image itself — Cách big nó nên là, Cách nhỏ file nên là, và Điều gì breaks. tags đó point tại image là covered riêng trong Open Graph và Twitter Cards topics; ở đây chúng ta care về picture.

một size để remember

có không single chính thức size đó mỗi nền tảng agrees on, nhưng một number là đó safe default mọi nơi: 1200 × 630 pixels, một wide rectangle (về 1,91-để-1). Facebook khuyến nghị “at least 1200 x 630 pixels,” (bản dịch) «ít nhất 1200 x 630 pixels,» và đó size looks right on LinkedIn, Slack, và X cũng. Dùng điều này và bạn’ll là fine on gần như mọi thứ.

Three rules đó trip mọi người lên

1. sử dụng đầy đủ web address, không relative path. og:image cần hoàn tất https://www.example.com/image.jpg URL. shortcut như /image.jpg sẽ không hoạt động — các nền tảng đó đọc của bạn tag có thể’t hình out của bạn domain on của họ own, so họ chỉ skip nó.
2. giữ file nhỏ. Facebook cho phép lên để 8 MB, nhưng khác apps âm thầm drop images đó là cũng nặng. Aim để giữ nó well dưới 1 MB — một vài hundred KB là plenty cho preview.
3. ** bị thiếu hoặc hỏng image không phải blank card.** nếu của bạn image là bị thiếu, các nền tảng grab some khác picture off của bạn trang. nếu của bạn image link là hỏng (sai address, blocked, cũng big), some apps hiển thị không picture tại all — mà có thể look tệ hơn không bao giờ setting một.

Vì sao image đôi khi sẽ không cập nhật

nếu bạn khắc phục của bạn image nhưng old một giữ cho thấy Khi bạn share link, đó bộ nhớ đệm — nền tảng saved old version. bạn có để ask nó để look again sử dụng tool như Facebook Sharing Debugger hoặc LinkedIn Post Inspector. giống nhau story as với khác social tags.

Muốn chính xác numbers theo nền tảng, file-size caps, Google own image rules, và khác biệt giữa “bị thiếu” và “hỏng”? Chuyển để Nâng cao tab.

Tóm tắt — Đây là image spec sheet, không tag syntax — og:image / twitter:image mechanics trực tiếp trong Open Graph và Twitter Cards siblings. 1200×630 (1,91:1) là safe default, không chính thức universal tiêu chuẩn. chỉ Meta numbers là chính-sourced: 200×200 minimum, 600×315 floor, ≥1200×630 được khuyến nghị, 1,91:1, 8 MB cap. X ~1200×628/675 và ~5 MB, Slack ~32 KB sớm-HTML đọc, và WhatsApp ~300 KB silent drop là community consensus, không freshly-verifiable đầu tiên-party specs — I flag mà là mà. absolute-URL rule là thực silent thất bại: social các crawler không resolve relative paths. Bị thiếu ≠ hỏng: absent tag falls lại để scraped thân phản hồi image; present nhưng failing image (404, oversized, auth/robots-blocked) thường hiển thị không có gì. Google hiện tại đọc og:image cho của nó own Tìm kiếm và Discover thumbnails (March 2026), nhưng của nó spec là 16:9 / ≥1200px wide / ≥300K pixels / không logo / không text — khác shape hơn 1,91:1 social crop. bộ nhớ đệm có nghĩ là khắc phục không reach đã-shared links cho đến khi bạn force re-scrape.

Điều gì điều này bài viết covers (và Điều gì siblings cover)

tag mechanics — four bắt buộc Open Graph properties, name= so với. property=, four Twitter Card types, và twitter:image → og:image fallback rule — là đã handled trong Open Graph Tags và Twitter Card Tags. điều này piece là companion spec sheet: dimensions, aspect ratio, file size, format, absolute-URL requirement, và Điều gì thực ra breaks Khi bất kỳ của những điều đó là sai. nếu bạn’re ở đây để ghi <meta> line, bắt đầu với những điều đó hai; nếu bạn’re ở đây vì của bạn image là sai size hoặc sẽ không hiển thị, bạn’re trong right place.

Một nhanh reuse của fallback rule, vì nó decides Cách nhiều images bạn cần: twitter:image falls lại để og:image Khi nó absent, so phần lớn các trang đặt một image và sử dụng nó cho cả hai — bạn chỉ diverge nếu bạn cụ thể muốn khác crop cho X.

safe default: 1200×630 (1,91:1) — và Vì sao nó compromise

Nearly mỗi hướng dẫn leads với 1200×630 và dừng ở đó. nó good default, nhưng nó worth là honest về nơi nó xuất hiện từ: nó không single cross-nền tảng tiêu chuẩn anyone publishes identically. nó community-converged size đó clears Facebook khuyến nghị và renders acceptably on mọi thứ khác. Some các hướng dẫn chẳng hạn 1200×627, some chẳng hạn 1200×628 cho X — những điều đó là rounding và legacy variants của giống nhau ~1,91:1 ý tưởng, không competing specs. Pick 1200×630, và chỉ place bạn có thể muốn thứ hai image là X, nếu bạn care về tighter crop ở đó.

Theo-nền tảng dimensions và file size

single phần lớn hữu ích điều này trang có thể làm là tách biệt Điều gì chính-sourced (Meta) từ Điều gì community consensus (mọi thứ khác). I’ve là rõ ràng về mà là mà — không treat non-Meta numbers as gospel.

Facebook / Meta (chính-sourced)

từ Meta own sharing-images tài liệu:

• Minimum: “The minimum allowed image dimension is 200 x 200 pixels.” (bản dịch) «Đó minimum được phép image dimension là 200 x 200 pixels.»
• Floor để tránh đó nhỏ render: “At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.” (bản dịch) «Tại đó minimum, bạn nên dùng images đó là 600 x 315 pixels để display link trang posts với lớn hơn images.»
• Được khuyến nghị: “Use images that are at least 1200 x 630 pixels for the best display on high resolution devices.” (bản dịch) «Dùng images đó là ít nhất 1200 x 630 pixels cho đó best display on cao resolution devices.»
• Aspect ratio: giữ điều này “as close to 1.91:1 aspect ratio as possible” (bản dịch) «as close để 1,91:1 aspect ratio as có thể» để tránh cropping trong Feed.
• File-size cap: “The size of the image file must not exceed 8 MB.” (bản dịch) «Đó size of đó image file không được exceed 8 MB.»

Meta là cũng đó nguồn of đó “đầu tiên-share” bộ nhớ đệm quirk: đó crawler có để see đó image ít nhất khi trước điều này renders, so “the first person who shares a piece of content won’t see a rendered image.” (bản dịch) «đó đầu tiên person ai chia sẻ một piece of nội dung sẽ không see một được kết xuất image.» (LinkedIn behaves similarly — này là đó re-scrape story, covered trong đó Open Graph sibling.)

X / Twitter (community consensus — treat với caution)

X numbers là ones để là careful với. chính thức Card Validator là deprecated trong 2022 với không replacement, và developer.x.com’s Cards tài liệu là effectively đã biến mất: nó được trả về HTTP 402 Payment Bắt buộc phản hồi trong sớm July 2026, và as của điều này cập nhật giống nhau URL thay vì các chuyển hướng (HTTP 307) để tài liệu.x.com homepage, nơi tương đương Cards-markup path 404s — dead link either way, so có không trực tiếp, freshly-checkable đầu tiên-party X spec hiện tại. figures đó circulate trên các hướng dẫn — khoảng 1200×628 hoặc 1200×675 cho summary_large_image, 300×157 minimum, 4096×4096 maximum, và ~5 MB file cap, với nhỏ summary card needing nhỏ hơn ~144×144-minimum square — là thứ ba-party consensus, không confirmed hiện tại chính thức spec. họ’re close đủ để 1,91:1 default để là hữu ích, nhưng I sẽ không present bất kỳ cụ thể X byte hoặc pixel number as có thẩm quyền. ( X tài liệu và validator situation là covered trong đầy đủ trong Twitter Cards sibling.)

LinkedIn, Slack, WhatsApp, Discord, iMessage

• LinkedIn là đó một non-Meta nền tảng với của nó own được ghi lại numbers: của nó help trang cho đang làm một site shareable trạng thái một minimum of 1200×627 pixels, một được khuyến nghị ratio of 1,91:1, và một 5 MB max file size — và riêng notes đó “images less than 401 pixels wide display as a thumbnail image.” (bản dịch) «images ít hơn 401 pixels wide display as một thumbnail image.» Xây dựng để đó 1200×630 default và bạn clear này với margin; không confuse điều này với Facebook numbers, họ là LinkedIn own. Của nó Post Inspector là đó re-scrape tool.
• Slack là một placement gotcha hơn một size một: đây là widely reported để đọc chỉ đó đầu tiên ~32 KB of một trang thô HTML khi unfurling. Nếu của bạn head tags — và thus của bạn og:image reference — sit dưới đó, Slack có thể không bao giờ see them. Slack own unfurling tài liệu xác nhận điều này đọc Open Graph / X Card metadata nhưng không publish một byte limit, so treat đó 32 KB hình as reported, không officially confirmed.
• WhatsApp là reported để silently drop đó preview image cho lớn files — commonly cited khoảng ~300 KB, mặc dù một cao hơn (~600 KB) “official-sounding” (bản dịch) «chính thức-sounding» WhatsApp number cũng floats khoảng. Either way, một nặng image là đó chế độ lỗi.
• Discord và iMessage inherit Open Graph với không riêng được ghi lại image specs — xây dựng để đó 1200×630 default và they follow.

honest takeaway: thay vì chasing tightest được ghi lại number, đích dưới ~1 MB — ideally 100–300 KB — và bạn clear mỗi nền tảng ceiling với margin.

absolute-URL rule — thực, silent thất bại chế độ

Này một là stated as fact mọi nơi nhưng rarely explained. og:image và twitter:image phải là an absolute https://... URL. MỘT relative path như /images/share.jpg không rejected với một visible lỗi — đây là chỉ silently đã bỏ qua. Đó reason: một trình duyệt resolves một relative path so với đó trang own URL vì điều này đã knows điều gì trang đây là on, nhưng một social crawler fetching của bạn tag có không such base context và sẽ không reliably reconstruct của bạn domain. So điều này skips đó tag và falls lại để whatever khác điều này có thể scrape. Nếu của bạn image “isn’t showing” (bản dịch) «không cho thấy» và đó path trong của bạn nguồn bắt đầu với một / thay vì https://, đó là của bạn bug.

Một image, hai masters: Google 2026 thumbnail spec

Ở đây freshest và least-covered angle. As của March 2, 2026, Google documents og:image as một của hai accepted metadata sources (alongside schema.org primaryImageOfPage) cho selecting của nó own thumbnails trong Tìm kiếm và Discover — tài liệu củ chính Google mô tả những điều này hai surfaces cụ thể và không extend claim để AI Overviews hoặc khác AI surfaces, so I sẽ không either. đó có nghĩ là giống nhau image file hiện tại thường có để satisfy cả hai social các nền tảng và Google text-kết quả/Discover thumbnails — và của họ specs không phải giống nhau shape.

Google image hướng dẫn (Discover và Image SEO tài liệu):

• Dimensions: “at least 1200 px wide.” (bản dịch) «ít nhất 1200 px wide.»
• Aspect ratio: một 16:9 ratio — không đó social world 1,91:1.
• Resolution: “more than 300,000 total pixels” (bản dịch) «hơn 300 000 total pixels» (một 1280×720 image là 921 600 pixels và clears này comfortably).
• Nội dung: tránh “a generic image (for example, your site logo) or an image with text,” (bản dịch) «một generic image (ví dụ, trang web của bạn logo) hoặc an image với text,» và tránh “an extreme aspect ratio.” (bản dịch) «an extreme aspect ratio.»
• Eligibility prerequisite: để nhận đó lớn thumbnail treatment trong Discover tại all bạn cần max-image-preview:large (một robots meta directive) hoặc AMP — một tách biệt lever từ đó image file, covered trong đó robots meta tag topic.

Đó nuance để flag thay vì hand-wave: một 1200×630 (1,91:1) social image là 630px tall, so đây là 756 000 total pixels — điều này clears Google ≥1200px-wide và ≥300K-pixel bars fine — nhưng 1,91:1 là không 16:9. Trong thực tế một well-được xây dựng image satisfies cả hai, nhưng nếu bạn muốn để optimize mỗi independently bạn có thể supply một tách biệt primaryImageOfPage trong schema cho Google trong khi giữ đó 1,91:1 crop cho social. Either way, đó “no logo, no text-heavy image” (bản dịch) «không logo, không text-nặng image» advice là good cho social CTR cũng — một logo không differentiate một shared link từ một sản phẩm khác.

Bị thiếu so với. hỏng — hai khác thất bại modes

Mọi người conflate những điều này, và họ behave differently:

• ** og:image tag là absent.** Các nền tảng fall lại để scraped trong-thân phản hồi image hoặc generic default. bạn nhận uncontrolled preview, rarely truly blank một. (Đây là tag-bị thiếu case handled trong Open Graph sibling.)
• ** og:image tag là present nhưng image fails** — 404, oversized file silently dropped, sai MIME loại, hoặc URL blocked by auth hoặc robots.txt. Behavior ở đây là ít hơn forgiving: several các nền tảng hiển thị không image tại all rather hơn falling lại further, vì họ đã “know” bạn specified một. Đây là case unique để điều này bài viết, so nó worth stating plainly: hỏng image reference có thể render tệ hơn card hơn không reference tại all.

Và đó render-so với-crawl gotcha underneath cả hai: hầu hết social bots không chạy JavaScript, so nếu của bạn tag là injected client-side điều này sẽ không là seen. As I put điều này trong my Ahrefs JavaScript SEO hướng dẫn, “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.” (bản dịch) «Social media bots không chạy JavaScript, so điều như OG tags sẽ không là seen trừ khi bạn render đó nội dung trước serving điều này để them.» Máy chủ-render đó tag, hoặc đó image không bao giờ đã có một chance.

Format hỗ trợ

• JPEG/JPG và PNG là universally supported — safe mọi nơi.
• WebP là supported by phần lớn modern consumers (Meta lists nó explicitly), nhưng I’d giữ JPEG/PNG fallback cho bất cứ điều gì Bạn có thể’t kiểm thử.
• Animated GIF/WebP là unreliable cho vẫn preview card — phần lớn các nền tảng grab single frame hoặc bỏ qua animation. không rely on motion trong share image.

bộ nhớ đệm — cuối cùng mile

Sửa oversized hoặc hỏng image không propagate để links mọi người đã shared cho đến khi bạn force re-scrape: Facebook Sharing Debugger và LinkedIn Post Inspector re-fetch của bạn trang và refresh của họ được lưu đệm preview. Đây là centerpiece của Open Graph sibling, so I’ll leave nó tại một line ở đây: edit image, sau đó re-scrape, hoặc old một lingers.

nơi điều này fits

Đây là deep dive dưới Meta Tags Đối với SEO hub, sitting right tiếp theo để hai tag-syntax siblings — Open Graph và Twitter Cards — đó điều này bài viết extends. nó cũng brushes tách biệt image SEO cluster (mà covers file formats, alt text, và image lập chỉ mục nhìn chung): khác biệt là đó image SEO là về pictures bên trong của bạn nội dung, trong khi Đây là về một metadata image đó represents toàn bộ trang trong share card và, hiện tại, Google thumbnail.

AI summary

condensed take on Nâng cao version:

• Phạm vi: đó image requirements cho og:image / twitter:image, không đó tag syntax (đó là đó Open Graph và Twitter Cards siblings). twitter:image falls lại để og:image, so hầu hết các trang dùng một image cho cả hai.
• Safe default: an absolute HTTPS URL để một ~1200×630px (1,91:1) image — một community-converged compromise, không một single chính thức cross-nền tảng tiêu chuẩn.
• Chỉ Meta numbers là chính-sourced: 200×200 minimum, 600×315 floor, ≥1200×630 được khuyến nghị, 1,91:1, 8 MB cap. X ~1200×628/675 và ~5 MB, Slack ~32 KB sớm-HTML đọc, và WhatsApp ~300 KB silent drop là community consensus — X validator là dead và của nó tài liệu là đã biến mất (paywalled, thì một dead chuyển hướng).
• Absolute-URL rule: relative paths là silently đã bỏ qua — social các crawler có không base context để resolve them.
• Bị thiếu ≠ hỏng: an absent tag falls lại để một scraped thân phản hồi image; một present-nhưng-failing image (404, oversized, auth/robots-blocked) thường cho thấy không image tại all.
• Google (March 2026) đọc og:image cho của nó own Tìm kiếm và Discover thumbnails (của nó own tài liệu phạm vi này để những hai surfaces, không “AI thumbnails” (bản dịch) «AI thumbnails» broadly), nhưng của nó spec là 16:9 / ≥1200px wide / ≥300K pixels / không logo / không text — một khác nhau shape hơn 1,91:1. MỘT 1200×630 image clears Google pixel minimums nhưng không 16:9; cần max-image-preview:large cho đó lớn Discover thumbnail.
• Formats: JPEG/PNG universal, WebP mostly fine, animated formats unreliable.
• Kết xuất: social bots không chạy JavaScript — máy chủ-render đó tag.
• Practical đích: dưới ~1 MB, ideally 100–300 KB, để clear mỗi nền tảng.
• Bộ nhớ đệm: sửa đó image không cách sửa đã-shared links until bạn force một re-scrape (Facebook Sharing Debugger, LinkedIn Post Inspector).

Tài liệu chính thức

Chính-nguồn tài liệu cho image spec.

Meta / Facebook ( phần lớn có thẩm quyền nguồn cho dimensions và file size)

• Sharing — Images — ≥1200×630 khuyến nghị, 200×200 minimum, 600×315 floor, 1,91:1 ratio, và 8 MB file-size cap.
• Sharing — Quản trị viên web — Cách crawler scrapes, đầu tiên-share bộ nhớ đệm behavior, và fallback heuristics Khi markup là absent.

** Open Graph giao thức**

• ogp.me — og:image sub-properties: og:image:url, og:image:secure_url, og:image:type, og:image:width, og:image:height, và og:image:alt.

Google

• Specify được ưu tiên image với metadata — og:image và schema.org as thumbnail-selection sources; tránh logos, text-trong-image, và extreme aspect ratios (đã cập nhật March 2, 2026).
• Google Discover — concrete image numbers: ít nhất 1200px wide, 16:9, nhiều hơn 300 000 total pixels, plus max-image-preview:large / AMP eligibility requirement.

LinkedIn

• Làm của bạn trang web shareable on LinkedIn — LinkedIn own numbers: 1200×627 minimum, 1,91:1 được khuyến nghị ratio, 5 MB max file size, và images hẹp hơn 401px render as thumbnail.

Slack

• Unfurling links trong messages — xác nhận Slack đọc Open Graph / X Card metadata; nó không publish cụ thể byte hoặc image limit trong điều này doc.

X / Twitter (status: largely inaccessible as của 2026)

• developer.x.com Cards markup tài liệu được trả về HTTP 402 (paywalled) trong sớm July 2026 research; as của điều này cập nhật giống nhau URL thay vì các chuyển hướng (HTTP 307) để tài liệu.x.com homepage, nơi tương đương Cards-markup path 404s, và legacy developer.twitter.com Cards path cũng các chuyển hướng và 404s. Either way có không trực tiếp đầu tiên-party spec để kiểm tra. Treat mỗi X-cụ thể dimension hoặc file-size hình as thứ ba-party consensus — see Twitter Cards sibling cho đầy đủ picture.

Quotes từ nguồn

On—record statements on image spec. mỗi link jumps để (hoặc documents) quoted passage.

Meta / Facebook — chính-sourced numbers

• “Use images that are at least 1200 x 630 pixels for the best display on high resolution devices.” (bản dịch) «Dùng images đó là ít nhất 1200 x 630 pixels cho đó best display on cao resolution devices.» — Meta cho Nhà phát triển, Sharing Images tài liệu. Nguồn
• “At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.” (bản dịch) «Tại đó minimum, bạn nên dùng images đó là 600 x 315 pixels để display link trang posts với lớn hơn images.» Nguồn
• “The minimum allowed image dimension is 200 x 200 pixels.” (bản dịch) «Đó minimum được phép image dimension là 200 x 200 pixels.» và “The size of the image file must not exceed 8 MB.” (bản dịch) «Đó size of đó image file không được exceed 8 MB.» Nguồn

LinkedIn — của nó own được ghi lại minimum

• “Minimum image dimensions: 1200 (w) x 627 (h) pixels” (bản dịch) «Minimum image dimensions: 1200 (w) x 627 (h) pixels», “Recommended ratio: 1.91:1” (bản dịch) «Được khuyến nghị ratio: 1,91:1», “Max file size: 5 MB” (bản dịch) «Max file size: 5 MB», và “Images less than 401 pixels wide display as a thumbnail image.” (bản dịch) «Images ít hơn 401 pixels wide display as một thumbnail image.» — LinkedIn Help, “Make your website shareable on LinkedIn.” (bản dịch) «Làm của bạn website shareable on LinkedIn.» Nguồn

Google — og:image as thumbnail nguồn (March 2026)

• Google influences của nó automated image selection “by providing your preferred image through one of the following metadata sources” (bản dịch) «by providing của bạn được ưu tiên image qua một of đó sau metadata sources» — schema.org primaryImageOfPage hoặc đó og:image meta tag. Nhảy đến trích dẫn
• “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.” (bản dịch) «Tránh dùng một generic image (ví dụ, trang web của bạn logo) hoặc an image với text trong đó schema.org markup hoặc og:image meta tag.» Nhảy đến trích dẫn
• On Discover, Google says để “use either schema.org markup or the og:image meta tag to specify a large image,” (bản dịch) «dùng either schema.org markup hoặc đó og:image meta tag để specify một lớn image,» ít nhất 1200px wide, 16:9, và hơn 300 000 total pixels. Nhảy đến trích dẫn

Barry Schwartz, công cụ tìm kiếm Land — coverage của March 2026 cập nhật

• Reported đó Google dùng cả hai schema.org markup và og:image meta tag as sources Khi determining image thumbnails trong Google Search và Discover. đọc coverage

Patrick Stox — kết xuất 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.” (bản dịch) «Social media bots không chạy JavaScript, so điều như OG tags sẽ không là seen trừ khi bạn render đó nội dung trước serving điều này để them.» — từ my Ahrefs JavaScript SEO hướng dẫn. Nguồn

”My image isn’t showing” (bản dịch) «My image không cho thấy» — là điều này một size, URL, hoặc bộ nhớ đệm vấn đề?

Hoạt động top để bottom; đầu tiên “có” là gần như luôn của bạn khắc phục.

1. Đã làm bạn chỉ thay đổi image, và old một là vẫn cho thấy? → nó bộ nhớ đệm vấn đề. Force re-scrape: Facebook Sharing Debugger, LinkedIn Post Inspector. Không có gì khác bạn làm matters cho đến khi nền tảng re-fetches.

2. là og:image giá trị relative path (bắt đầu với / hoặc ./)? → nó URL vấn đề. Social các crawler silently bỏ qua relative paths — thay đổi nó để đầy đủ absolute https://... URL và re-scrape.

3. là image tag injected by JavaScript / chỉ present sau khi render? → nó kết xuất vấn đề. Social bots không chạy JS — máy chủ-render tag vào ban đầu HTML.

4. Làm image URL load trong fresh incognito trình duyệt (không login)? → nếu không — 404, requires auth, hoặc Bị chặn bởi robots.txt — nó reachability vấn đề. present-nhưng-hỏng image thường hiển thị không card image tại all. khắc phục path hoặc unblock nó.

5. là file bigger hơn ~1 MB (hoặc image over Meta 8 MB hard cap)? → nó file-size vấn đề. Meta rejects over 8 MB outright; WhatsApp và others silently drop lớn images well dưới đó. Compress để 100–300 KB và re-scrape.

6. là image tiny (dưới 200×200) hoặc odd shape? → nó dimensions vấn đề. Dưới 600×315 bạn nhận nhỏ/cropped render; dưới 200×200 Meta rejects nó. Rebuild tại ~1200×630.

7. vẫn sai on Slack cụ thể, fine elsewhere? → có khả năng placement vấn đề — Slack đọc chỉ đầu tiên ~32 KB của HTML. hãy đảm bảo của bạn head tags xuất hiện sớm trong document.

Nếu none of những apply và đó card là fine except Google thumbnail, đó là một khác nhau câu hỏi — see đó “one image, two masters” (bản dịch) «một image, hai masters» section trong Advanced.

Social image bảng tra nhanh

Theo-nền tảng spec — sourced honestly

Fast facts

• Một safe default clears gần như mọi thứ: absolute HTTPS URL, ~1200×630 (1,91:1), file 100–300 KB.
• Absolute URL chỉ — relative paths là silently đã bỏ qua, không errored.
• twitter:image falls lại để og:image — một image thường phục vụ cả hai.
• Bị thiếu ≠ hỏng: bị thiếu tag → scraped fallback image; hỏng image → thường không image tại all.
• Google wants 16:9, social wants 1,91:1 — 1200×630 image (756K pixels) clears Google ≥1200px-wide / ≥300K-pixel bars nhưng không phải 16:9.
• Formats: JPEG/PNG mọi nơi; WebP mostly; animated formats unreliable.
• chỉ Meta 8 MB là officially được ghi lại — mỗi khác byte number là community consensus.
• Sửa image không khắc phục shared links cho đến khi bạn re-scrape.

Social image audit — checklist

truyền để xác nhận của bạn share image là đúng, reachable, và sized right:

• og:image là absolute https://... URL — không relative paths.
• image là khoảng 1200×630px (1,91:1) — ít nhất 600×315, không bao giờ dưới 200×200.
• File size là dưới ~1 MB, ideally 100–300 KB, để clear mỗi nền tảng ceiling (Meta hard cap là 8 MB; others drop lớn files silently).
• Format là JPEG, PNG, hoặc WebP — không animated GIF/WebP cho vẫn card.
• image URL loads trong fresh incognito trình duyệt — không 404, không auth-gated, không Bị chặn bởi robots.txt.
• og:image tag là trong máy chủ-được kết xuất HTML, không injected by JavaScript (social bots không render JS).
• tag sits sớm trong <head> (helps Slack, mà đọc chỉ đầu tiên ~32 KB).
• twitter:image là either omitted (falls lại để og:image) hoặc đặt có chủ ý cho khác X crop.
• image tránh bare logo hoặc nặng text — good cho CTR và bắt buộc cho Google thumbnail eligibility.
• cho Google lớn Discover thumbnail, trang có max-image-preview:large (hoặc AMP).
• sau khi bất kỳ thay đổi, bạn’ve re-scraped với Facebook Sharing Debugger / LinkedIn Post Inspector so shared links refresh.

Worked các ví dụ

Concrete trước khi/sau khi cases cho thất bại modes điều này bài viết covers.

Absolute so với. 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" />

Một image cho cả hai các nền tảng (sử dụng 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" />

** khác, tighter crop cho X chỉ**

<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" />

** hai thất bại modes, side by side**

• Bị thiếu tag: không og:image tại all → Facebook/LinkedIn scrape thân phản hồi image hoặc hiển thị generic default. Uncontrolled, rarely blank.
• Hỏng image: og:image points tại https://www.example.com/old-hero.jpg mà hiện tại 404s → several các nền tảng hiển thị không card image, vì họ đã “know” bạn specified một. Tệ hơn không bao giờ setting nó.

Sizing math cho “hai masters” câu hỏi

• Social đích: 1200×630 = 1,91:1 = 756 000 total pixels.
• Google bar: ≥1200px wide và >300 000 total pixels → 1200×630 image clears cả hai comfortably.
• Google được ưu tiên shape: 16:9 (e.g. 1280×720 = 921 600 pixels) — 1200×630 image satisfies Google minimums nhưng không phải 16:9, so nếu bạn muốn để optimize mỗi independently, supply tách biệt primaryImageOfPage trong schema cho Google.

Confirming social image khắc phục thực ra took effect

Đó bộ nhớ đệm vấn đề này bài viết mô tả — bạn cách sửa đó image, nhưng shared links giữ cho thấy đó old một — có nghĩa là “I edited the file” (bản dịch) «I edited đó file» không phải proof of bất cứ điều gì. Những là đó kiểm tra để chạy sau một thay đổi, trong order, trước khi bạn consider đó cách sửa đã xong.

xác nhận nền tảng re-scraped new image

Kiểm thử để chạy: Paste URL vào Facebook Sharing Debugger (hoặc LinkedIn Post Inspector) và nhấp re-scrape/inspect button, không chỉ view được lưu đệm kết quả. Dự kiến kết quả: debugger preview pane hiển thị new image, và tool các báo cáo fresh crawl timestamp. thất bại interpretation: nếu old image vẫn renders sau khi clicking re-scrape, nền tảng bộ nhớ đệm hasn’t cleared, hoặc tag vẫn points tại sai file. Monitoring window: immediate — debugger kết quả là trực tiếp, nhưng khác các nền tảng không có công khai debugger (WhatsApp, iMessage) có thể take lên để một vài hours để reflect thay đổi. Rollback trigger: nếu debugger hiển thị Facebook-reported fetch lỗi (không chỉ stale image) sau khi hai re-scrape attempts, revert để trước đó known-hoạt động image URL trong khi bạn investigate.

xác nhận URL là absolute và reachable

Kiểm thử để chạy: Open đó chính xác og:image URL trong một fresh incognito trình duyệt window (không login, không bộ nhớ đệm) — hoặc chạy curl -I so với điều này và kiểm tra đó status line. Dự kiến kết quả: đó image loads trực tiếp và trả về HTTP/1.1 200 OK; đó URL trong đó address bar là đó đầy đủ https://... path, không một relative một. Failure interpretation: một 404, một chuyển hướng để một login trang, hoặc một non-200 status có nghĩa là đó image là unreachable để đó social crawler cũng — này là đó “present but broken” (bản dịch) «present nhưng hỏng» chế độ lỗi, mà là ít hơn forgiving hơn một bị thiếu tag. Monitoring window: immediate — này là một point-trong-time reachability kiểm tra, re-chạy điều này right sau deploying đó cách sửa. Rollback trigger: bất kỳ non-200 phản hồi — revert đó og:image giá trị để đó cuối cùng URL đó đã trả về 200 until đó new asset là confirmed reachable.

xác nhận tag là trong máy chủ-được kết xuất HTML, không injected by JavaScript

Kiểm thử để chạy: View nguồn (Ctrl+U / Cmd+Option+U) hoặc curl trang và tìm kiếm thô HTML cho og:image — không kiểm tra được kết xuất DOM trong DevTools, since đó có thể bao gồm JS-injected tags social bots không bao giờ see. Dự kiến kết quả: <meta property="og:image" content="https://..."> line là present trong thô, unrendered phản hồi thân phản hồi. thất bại interpretation: nếu tag chỉ xuất hiện trong trình duyệt Elements panel nhưng không trong view-nguồn/curl, nó là injected client-side và social bots — mà không chạy JavaScript — sẽ không bao giờ see nó. Monitoring window: immediate, và worth re-kiểm tra sau khi bất kỳ deploy đó touches templating hoặc hydration layer. Rollback trigger: tag bị thiếu từ thô HTML on hai consecutive curl kiểm tra — treat templating thay đổi as hỏng và revert nó.

xác nhận dimensions và file size clear nền tảng limits

Kiểm thử để chạy: kiểm tra deployed image thực tế pixel dimensions và file size (image-inspector tool, trình duyệt dev tools’ Network panel, hoặc curl -sI cho Content-Length). Dự kiến kết quả: khoảng 1200×630px (1,91:1, ít nhất 600×315, không bao giờ dưới 200×200) và file size dưới ~1 MB — ideally 100–300 KB. thất bại interpretation: dimensions dưới 600×315 trigger nhỏ/cropped render; file size approaching hoặc over Meta 8 MB hard cap nhận rejected outright, và khác các nền tảng silently drop nặng files well dưới đó. Monitoring window: immediate — Đây là static thuộc tính của deployed file, không điều gì đó thay đổi theo thời gian. Rollback trigger: file size over khoảng 1 MB hoặc dimensions dưới 600×315 floor — đổi trong compressed, correctly-sized image trước khi re-scraping.

các tài nguyên worth của bạn time

My related writing

• JavaScript SEO Các vấn đề & Thực hành tốt nhất — kết xuất side: Vì sao social bots đó không chạy JavaScript không bao giờ see client-injected og:image.
• Người mới bắt đầu Hướng dẫn để kỹ thuật SEO — nơi on-trang metadata như share images fits trong bigger picture.

My speaking

• Cách Tìm kiếm Hoạt động (SlideShare) — my walkthrough of crawling, kết xuất, và lập chỉ mục, including vì sao đó crawl-so với-render phân biệt decides liệu một metadata tag là ngay cả seen. (My standing disclaimer áp dụng: “This is my understanding of systems… not going to be 100% complete or accurate.” (bản dịch) «Này là my understanding of các hệ thống… không going để là 100% hoàn tất hoặc chính xác.»)

Chính thức

• Meta — Sharing Images — chỉ chính-sourced dimension và file-size spec (≥1200×630, 200×200 min, 600×315 floor, 1,91:1, 8 MB cap).
• Open Graph giao thức — og:image sub-properties.
• Google — Specify được ưu tiên image với metadata và Google Discover — Google own thumbnail image requirements.
• Slack — Unfurling links trong messages — xác nhận Slack đọc OG / X Card metadata.

từ khoảng ngành

• Google dùng cả hai schema.org markup và og:image meta tag cho thumbnails trong Google Search và Discover (công cụ tìm kiếm Land, Barry Schwartz, March 2, 2026) — giống nhau-day coverage của March 2026 doc cập nhật.
• Google Clarifies Cách nó Picks Thumbnails Đối với tìm kiếm, Discover (công cụ tìm kiếm Journal) — companion ghi-lên on giống nhau cập nhật.
• Open Graph Meta Tags: Mọi thứ bạn cần Know (Ahrefs, Michal Pecánek) — solid chung Open Graph reference (không my byline).
• r/TechSEO — community cho gỡ lỗi hỏng previews và re-scrape các vấn đề.

Tự kiểm tra: Social Sharing Images

Five nhanh các câu hỏi on og:image và twitter:image requirements. Pick câu trả lời cho mỗi, sau đó kiểm tra.

Nhật ký thay đổi