Ngôn ngữ

Open Graph Tags: Không phải là yếu tố xếp hạng, Vẫn an SEO Deliverable

Điều gì Open Graph tags là, vì sao họ là không một Google xếp hạng factor, điều gì Google thực ra làm với og:tiêu đề/og:image/og:site_name, được ghi lại theo-nền tảng og:image sizing, theo-nền tảng fallback và bộ nhớ đệm behavior, và cách force một re-scrape.

Xuất bản lần đầu: 2 thg 7, 2026 · Cập nhật lần cuối: 8 thg 8, 2026 · Advanced
Ngôn ngữ
AIĐược viết bởiAI v2

Open Graph (OG) tags là <meta> elements trong của bạn head, từ đó Open Graph giao thức (ogp.me, được xây dựng by Facebook), đó mô tả trang của bạn as một shareable object. Đó four bắt buộc properties là og:tiêu đề, og:loại, og:image, og:url; thêm og:mô tả, og:site_name, og:locale, và og:image:alt. Của họ main job là đó link preview card mọi người see khi của bạn URL là shared on Facebook, LinkedIn, Slack, Discord, WhatsApp, và iMessage — so họ là một CTR lever, không phải là yếu tố xếp hạng. Nhưng Google làm đọc them: og:tiêu đề là listed among đó sources điều này có thể dùng cho đó SERP tiêu đề link (đã thêm Aug 2024), og:image là một được ghi lại input để Google automated image-thumbnail selection cho Tìm kiếm và Discover, và og:site_name là một thấp hơn-priority input để đó site name shown trong kết quả — none of này là một bảo đảm của bạn giá trị nhận dùng as-là. Practical spine: og:image cần an absolute URL và một được ghi lại alt mô tả; mỗi nền tảng publishes của nó own size hướng dẫn (LinkedIn: 1200×627 min, 1,91:1; Google Discover: ít nhất 1200px wide, 16:9) thay vì một universal hình, though 1200×630 (1,91:1) là đó dài-standing cross-nền tảng convention; bị thiếu tags nguyên nhân an uncontrolled (không blank) preview; mỗi nền tảng caches đó scrape, so editing tags không cách sửa đã-shared links — force một re-scrape với đó Facebook Sharing Debugger hoặc LinkedIn Post Inspector. Hầu hết social các crawler không chạy JavaScript, so đó tags phải được trong đó máy chủ-được kết xuất HTML.

Tóm tắt — Open Graph tags là <head> <meta> elements từ Open Graph giao thức (ogp.me, được xây dựng by Facebook) đó mô tả của bạn trang as shareable object. Bắt buộc: og:title, og:type, og:image, og:url; phổ biến tùy chọn: og:description, og:site_name, og:locale, và og:image:alt. Repeated properties form arrays, với đầu tiên tag được ưu tiên on conflicts. họ là không xếp hạng factor — họ’re appearance layer cho social/chat-app link previews (Facebook, LinkedIn, Slack, Discord, WhatsApp, iMessage). Tìm kiếm-engine xử lý là tách biệt và nên không là inferred từ Open Graph validity. giao thức itself sets không pixel dimensions cho og:image — mỗi consumer publishes của nó own sizing (LinkedIn, Google Discover) — so ship absolute-URL og:image sized cho các nền tảng bạn hỗ trợ; know đó bị thiếu tags produce uncontrolled, không blank, preview; và remember mỗi nền tảng caches scrape — editing tags không khắc phục đã-shared links, so force re-scrape. phần lớn social các crawler không chạy JavaScript, so tags phải là trong máy chủ-được kết xuất HTML.

Evidence for this claim The Open Graph protocol defines og:title, og:type, og:image, and og:url as basic metadata for representing a page as a graph object. Scope: Open Graph protocol vocabulary; platform rendering can vary. Confidence: high · Verified: Open Graph protocol Evidence for this claim Meta's sharing crawler uses server-rendered Open Graph metadata and provides Sharing Debugger tools to inspect and refresh scraped information. Scope: Meta/Facebook sharing behavior, distinct from search ranking. Confidence: high · Verified: Meta for Developers: Webmasters sharing guide

Điều gì Open Graph tags thực ra là

Open Graph tags là <meta> elements trong trang của bạn <head>, được định nghĩa by đó Open Graph giao thức — một spec Facebook đã tạo và published tại ogp.me. Đó giao thức premise là đó một web trang có thể là turned vào một rich “object” với một nhỏ, consistent vocabulary of properties, so bất kỳ nền tảng có thể xây dựng đó giống nhau preview từ đó giống nhau tags. Google own nhà phát triển explainer diễn đạt đó origin plainly: đó Open Graph giao thức “provides Facebook with the metadata necessary to allow web pages to have the same functionality as other Facebook objects,” (bản dịch) «cung cấp Facebook với đó metadata necessary để cho phép web các trang để có đó giống nhau functionality as other Facebook objects,» theo web.dev Social phát hiện bài viết.

spec marks four properties as bắt buộc — og:title, og:type, og:image, và og:url — và ones bạn’ll gần như luôn thêm on top là og:description, og:site_name, và og:locale, plus structured sub-properties như og:image:width, og:image:height, và og:image:alt ( spec own hướng dẫn: trang đó specifies og:image nên specify og:image:alt cũng).

Repeated tags và structured properties follow cụ thể rules. giao thức lets bạn repeat root thuộc tính để mô tả multiple objects (chẳng hạn, several candidate images) — Khi consumers see conflicting các giá trị cho giống nhau thuộc tính, đầu tiên tag trong document order wins. structured sub-thuộc tính như og:image:width áp dụng để og:image tag immediately trước khi nó, không để mỗi image on trang, so giữ mỗi image og:image và của nó structured sub-properties grouped together trong nguồn order. Đây là giao thức-cấp độ behavior từ ogp.me itself, không theo-nền tảng quirk.

cách diễn đạt I muốn bạn để giữ: Đây là social/chat appearance layer, sibling của SERP appearance layer bạn đã manage với thẻ tiêu đề và mô tả meta. giống nhau ý tưởng — control Cách của bạn trang presents itself — chỉ on khác surface.

cốt lõi Open Graph tags, một by một

Google web.dev explainer cho đó theo-tag purpose trong một line mỗi: og:title là “the title of the web page,” (bản dịch) «đó tiêu đề of đó web trang,» og:description là “the description of the web page,” (bản dịch) «đó mô tả of đó web trang,» og:image là đó “URL to an image attached to the shared post,” (bản dịch) «URL để an image attached để đó shared post,» og:url là “the canonical url of the web page,” (bản dịch) «đó canonical url of đó web trang,» và og:type là “a string that indicates the type of the web page” (bản dịch) «một string đó indicates đó loại of đó web trang» (web.dev). Practically:

  • og:tiêu đề — card headline. giữ nó để khoảng Điều gì hiển thị on mobile/desktop cards; sử dụng thô tiêu đề không có trang web-name branding tacked on. Đây là tách biệt từ của bạn HTML <title> element, though Google có thể draw on either cho tiêu đề link (see dưới).
  • og:mô tả — card blurb. sentence hoặc hai; lâu hơn text truncates on phần lớn các nền tảng.
  • og:image — thumbnail, và thuộc tính đó làm hoặc breaks card. nó phải là absolute URL (https://…) — relative path là silently đã bỏ qua by các crawler. Thêm og:image:width/og:image:height so các nền tảng có thể lay out card trước khi image finishes loading, và og:image:alt với thực mô tả — giao thức itself khuyến nghị nó bất cứ khi nào bạn specify og:image.
  • og:URL — canonical URL cho trang (align nó với của bạn rel=canonical so chia sẻ consolidate on một address).
  • og:loại — declares object loại. website là default (và Điều gì bất kỳ unmarked trang là được xem như); article unlocks extra properties như article:author, article:published_time, và article:section; có cũng profile, book, video.*, và music.* types. điều này matters cho nền tảng features, không Đối với SEO trực tiếp.
  • og:trang web_name và og:locale — tùy chọn-nhưng-hữu ích pair. og:site_name names brand behind trang; og:locale (default en_US) là chỉ needed Khi nội dung không phải trong American English.

là Open Graph tags xếp hạng factor? Không — nhưng ở đây Điều gì Google làm với them

Có không chính thức Google nguồn stating đó OG tags influence xếp hạng. They control appearance, không position — đó chính xác giống nhau bucket John Mueller put đó meta mô tả trong: đây là “primarily used as a snippet in the search results page. And that’s not something that we would use for ranking” (bản dịch) «primarily dùng as một snippet trong đó kết quả tìm kiếm trang. Và đó là không điều gì đó we sẽ dùng cho xếp hạng» (qua Search Engine Journal’s ghi-lên). Không named Google rep có được cho an tương đương on-đó-record quote cụ thể về Open Graph và xếp hạng, so I sẽ không invent một — đó evidence là đó được ghi lại mechanism, và đó mechanism là all appearance. Có three confirmed places Google own tài liệu says điều này đọc của bạn OG tags — và trong mỗi case, hợp lệ markup là một input Google có thể draw on, không phải là bảo đảm of một particular display, một particular crop, hoặc bất kỳ xếp hạng hoặc traffic outcome. Absence từ một of những tài liệu không proof Google bỏ qua đó tag elsewhere, either — treat này as “what’s documented,” (bản dịch) «điều gì là được ghi lại,» không an exhaustive list of mọi thứ Google các hệ thống có thể touch.

Since August 26, 2024, Google tài liệu lists “Content in og:title meta tags” (bản dịch) «Nội dung trong tags» among đó sources điều này có thể dùng để tự động generate đó tiêu đề link — đó clickable headline trong kết quả. Đó changelog line là trực tiếp: “Google Search can use content within og:title meta tags to automatically generate title links” (bản dịch) «Google Search có thể dùng nội dung trong tags để tự động generate tiêu đề links» (Tìm kiếm Central changelog). đây là một of khoảng nine sources Google blends từ (tiêu đề-link tài liệu) — không phải là bảo đảm của bạn og:title nhận dùng verbatim.

og:image as image-thumbnail nguồn

Google Image SEO thực hành tốt nhất có một “Specify a preferred image with metadata” (bản dịch) «Specify một được ưu tiên image với metadata» section đó names hai metadata sources bạn có thể dùng để influence mà image nhận picked cho Tìm kiếm: schema.org primaryImageOfPage (hoặc an image on đó main entity), hoặc “the og:image meta tag.” (bản dịch) «đó tag.» Google là rõ ràng đó “Google’s selection of an image preview is completely automated” (bản dịch) «Google selection of an image preview là completely automated» và warns bạ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 tag.» Của nó Discover doc cho đó giống nhau hai options cho Discover images và adds concrete hướng dẫn: tại least 1200px wide, hơn 300 000 total pixels, và một 16:9 aspect ratio (của nó own ví dụ là 1280×720) — note đó là một khác nhau ratio hơn đó 1,91:1 convention dùng cho social-card images dưới, so một single image sized cho social sharing sẽ không tự động là Discover được ưu tiên crop.

Trade press (công cụ tìm kiếm Land, công cụ tìm kiếm Journal, công cụ tìm kiếm Roundtable) covered điều này Images/Discover tài liệu as new khoảng sớm March 2026 và reported đó og:image role hiện tại extends để AI Overviews as well. I có thể không xác nhận AI Overviews mention on Google own Images hoặc Discover các trang trực tiếp — neither trang hiện tại names AI Overviews hoặc “AI surfaces” — so treat Tìm kiếm/Discover role as được ghi lại fact và AI Overviews extension as thứ ba-party-reported, không điều gì đó tài liệu củ chính Google state outright. Either way, Đây là selection, không xếp hạng: og:image là một input among several, với không bảo đảm của chính xác display.

og:trang web_name as trang web-name nguồn

Cho đó site name shown tiếp theo để của bạn kết quả, Google says của nó hệ thống “will also consider content in og:site_name, <title>, heading elements, and other text on a home page. However, WebSite structured data is most important” (bản dịch) «sẽ cũng consider nội dung trong , thẻ tiêu đề, heading elements, và other text on một home trang. Tuy nhiên, dữ liệu có cấu trúc là hầu hết quan trọng» (Site Names doc). So og:site_name là một lever, dưới WebSite schema markup trong priority. (Cho video các trang có một fourth touchpoint: Google hỗ trợ OGP và đọc og:video:image cho video thumbnails, theo đó Video SEO tài liệu.)

Tie them together và honest headline là: Google đọc của bạn OG tags, nhưng chỉ để help quyết định Cách của bạn kết quả looks — không bao giờ nơi nó ranks.

Cách social các nền tảng và chat apps sử dụng OG tags

chính, everyday job của OG tags là link preview card. Facebook, LinkedIn, Slack, Discord, WhatsApp, iMessage, và Telegram all đọc them để xây dựng card shown trước khi nhấp.

X/Twitter là đó special case. Twitter Cards là, trong Google words, “an extension to the Open Graph Protocol applicable for Twitter” (bản dịch) «an extension để đó Open Graph Giao thức applicable cho Twitter» (web.dev). X kiểm tra twitter:card / twitter:* tags đầu tiên và falls lại để OG tags theo-thuộc tính; nếu twitter:card là absent hoàn toàn, X vẫn có thể xây dựng một card từ OG dữ liệu nhưng defaults để đó đơn giản summary card loại. Worth knowing: đó old Twitter Card Validator tool đã là deprecated khoảng 2022 khi đó nền tảng rebranded — several đối thủ các hướng dẫn vẫn reference điều này as nếu đây là trực tiếp. có không chính thức X-cụ thể validator anymore; bên thứ ba OG debuggers fill đó khoảng trống.

Được khuyến nghị og:image size và format

Open Graph giao thức itself sets không pixel dimensions hoặc aspect ratio cho og:image — ogp.me chỉ defines structured properties (og:image:width, og:image:height, og:image:type, og:image:alt), không bắt buộc size. Sizing là theo-consumer decision, và consumers không all agree:

  • LinkedIn documents của nó own minimum trực tiếp: 1200 × 627px, 1,91:1 ratio; images hẹp hơn ~401px render as một nhỏ thumbnail chỉ.
  • Google Discover documents ít nhất 1200px wide, hơn 300 000 total pixels, 16:9 aspect ratio (ví dụ được cho: 1280×720) cho của nó được ưu tiên-image metadata — một noticeably khác nhau ratio hơn đó social-card convention dưới.
  • Facebook hiện tại sharing tài liệu asks cho images “at least 1080 pixels in width” (bản dịch) «ít nhất 1080 pixels trong width» không có pinning một universal ratio; điều này points bạn để một tách biệt best-practices hướng dẫn cho specifics.

Được cho đó spread, 1200 × 630px (về 1,91:1) vẫn practical cross-nền tảng default phần lớn implementers sử dụng — nó close để LinkedIn own minimum và renders acceptably (nếu không luôn pixel-perfect) on Facebook, Slack, Discord, WhatsApp, và iMessage, và X displays nó as lớn-image card. Treat nó as sensible convention, không rule bất kỳ single spec mandates — nếu cụ thể nền tảng matters lot để bạn, kiểm tra đó nền tảng hiện tại tài liệu rather hơn assuming điều này hình là guaranteed đúng ở đó.

Hai điều đó là hard rules, không conventions:

  • Absolute URL bắt buộc. og:image phải point để đầy đủ https://… URL; relative path là đã bỏ qua by các crawler.
  • Không generic logos hoặc text-nặng images nếu bạn cũng muốn image eligible cho Google thumbnail selection — Google explicitly warns so với cả hai, và so với extreme aspect ratios. đặt og:image:alt với thực mô tả, cũng.

Điều gì happens Khi Open Graph tags là bị thiếu

MỘT phổ biến myth là đó “không OG tags” có nghĩa là “plain text link, no image.” (bản dịch) «đơn giản text link, không image.» Điều này không — các nền tảng fall lại, they không blank out. Facebook fills đó gaps từ đó trang <title>, mô tả meta, và đầu tiên usable nội dung image; LinkedIn behaves similarly và xử lý images hẹp hơn ~401px as thumbnail-chỉ. So đó real risk of omitting OG tags là an uncontrolled, tệ hơn preview — một random trong-thân phản hồi image, một truncated <title> — không một bị thiếu một. Nếu bạn care cách một trang looks khi shared (và cho bất cứ điều gì bạn’d promote, bạn nên), set đó tags thay vì letting mỗi nền tảng guess.

Vì sao của bạn đã cập nhật OG tags không phải cho thấy lên — bộ nhớ đệm và re-scraping

Này là đó number-một practical pain point. Facebook, LinkedIn, và Slack all bộ nhớ đệm đó scraped OG dữ liệu, so editing của bạn tags không retroactively cập nhật links đó đã là đã shared. Facebook own quản trị viên web tài liệu xác nhận một cụ thể mechanism worth knowing: “images are cached based on the URL and won’t be updated unless the URL changes” (bản dịch) «images là được lưu đệm dựa trên đó URL và sẽ không là đã cập nhật trừ khi đó URL thay đổi» — so nếu bạn là khắc phục sự cố một stuck image, thay đổi đó og:image filename (không chỉ của nó nội dung) có thể force một fresh fetch. I không có một đầu tiên-party nguồn cho chính xác cách dài mỗi nền tảng bộ nhớ đệm lives trước điều này expires on của nó own, so không treat bất kỳ cụ thể duration bạn see quoted elsewhere as một được ghi lại bảo đảm — force một re-scrape theo nền tảng thay vì đang chờ điều này out:

  • Facebook Sharing Debugger (nhà phát triển.facebook.com/tools/debug) — paste đó URL và dùng “Scrape Again” (bản dịch) «Scrape Again» để trigger một fresh fetch.
  • LinkedIn Post Inspector — re-fetches và previews đó card; nếu đó image vẫn sẽ không pull, kiểm tra điều này không blocked hoặc behind auth.
  • X/Twitter — không chính thức validator since ~2022. Since X falls lại để OG tags, một generic OG debugger plus một fresh share là đó practical route.

vì các crawler bộ nhớ đệm và nội dung thay đổi, OG tags không phải truly đặt-và-forget: sau khi significant nội dung hoặc image cập nhật on cao-giá trị trang, re-scrape nó.

Implementation gotchas: JavaScript, byte limits, absolute các URL

biggest một ties straight lại để kết xuất: phần lớn social-nền tảng các crawler không execute JavaScript. OG tags injected client-side — chẳng hạn, by React sau khi hydration — là invisible để them; crawler sees rỗng <head>. tags phải là present trong thô, máy chủ-được kết xuất HTML. Đây là giống nhau crawl-so với-render phân biệt đó bites JavaScript-nặng các trang elsewhere (see JavaScript SEO). Slack có là reported (không được ghi lại trong chính thức spec) để fetch chỉ limited number của bytes từ bắt đầu của trang, so as safety margin put của bạn OG tags sớm trong <head> rather hơn sau khi lớn inline script hoặc style block. và, sau khi nhiều hơn vì nó yên lặng killer: og:image phải là absolute URL.

Bing, Microsoft, và Open Graph

Bing là far ít hơn được ghi lại ở đây hơn Google. Bing Markup Validator (trong Bing Quản trị viên web Tools) lists Open Graph among structured-markup formats nó recognizes, alongside schema.org, Microdata, Microformats, và RDFa, và Bing migration hướng dẫn flags OG metadata as điều gì đó để giữ hiện tại during move — nhưng Bing hasn’t published Google-style specifics on liệu hoặc Cách OG dữ liệu feeds của nó snippets hoặc thumbnails. trên thực tế stronger Microsoft-ecosystem consumer của OG tags là LinkedIn (Microsoft-owned), mà đọc og:title, og:description, og:image, và og:url để xây dựng của nó share cards. không overclaim Bing mechanism đó không phải được ghi lại.

phổ biến Open Graph myths, debunked

  • “OG tags are a Google ranking factor.” (bản dịch) «OG tags là một Google xếp hạng factor.» Không — không chính thức nguồn says so. They ảnh hưởng appearance (tiêu đề-link, image-thumbnail, site-name sources), không position.
  • “OG is only for Facebook, irrelevant to real SEO.” (bản dịch) «OG là chỉ cho Facebook, irrelevant để real SEO.» Out of date. Google own tài liệu list og:title (tiêu đề links, đã thêm Aug 2024), og:image (một Tìm kiếm/Discover image-selection input), và og:site_name (một thấp hơn-priority site-name input) as three tách biệt appearance features điều này đọc OG tags cho — though “AI Overviews” (bản dịch) «AI Overviews» cụ thể là trade-press reporting, không một claim on Google own Images/Discover các trang as of này kiểm tra.
  • “No OG tags means a plain, image-less link.” (bản dịch) «Không OG tags có nghĩa là một đơn giản, image-ít hơn link.» Không — các nền tảng fall lại để <title>/mô tả meta/đầu tiên image, giving an uncontrolled preview, không một blank một.
  • “Updating og:image instantly fixes every already-shared link.” (bản dịch) «Updating og:image instantly các cách sửa mỗi đã-shared link.» Không — Facebook/LinkedIn/Slack bộ nhớ đệm đó scrape; bạn phải force một re-scrape, và CDN bộ nhớ đệm có thể delay điều này further.
  • “Use the Twitter Card Validator to fix X previews.” (bản dịch) «Dùng đó Twitter Card Validator để cách sửa X previews.» Đó tool đã là deprecated ~2022; có không chính thức X validator hiện tại.
  • “Any image size/URL works for og:image.” (bản dịch) «Bất kỳ image size/URL hoạt động cho og:image.» Không — điều này phải được an absolute URL, và Google warns so với generic logos, text-trong-image, và extreme aspect ratios cho của nó own thumbnail selection.

nơi để go tiếp theo

điều này trang là deep dive dưới Meta Tags Đối với SEO hub, on-trang cluster map của mà head elements thực ra quan trọng. Open Graph là social/chat appearance layer — của nó siblings on SERP appearance side là thẻ tiêu đề (mà Google có thể draw từ của bạn og:title) và mô tả meta ( closest analogue: không xếp hạng factor, all về nhấp). cho image và trang web-name side, OG overlaps với schema markup — Google xử lý og:image và schema primaryImageOfPage as alternative thumbnail sources. và vì phần lớn social các crawler không chạy JavaScript, toàn bộ topic sits downstream của kết xuất và JavaScript SEO.

Add an expert note

Pin an expert quote

New person? Create their unclaimed profile at /admin/experts/ → Pin a quote first.