FB OpenGraph og: hình ảnh không kéo hình ảnh (có thể https?)


301

Đầu tiên - tôi không tin đây là vấn đề trùng lặp. Tôi đã tìm kiếm nhiều vấn đề tương tự hoặc tương tự trên SO và do tính chất của việc khắc phục sự cố trước khi hỏi, tôi tin rằng vấn đề này là duy nhất.

Facebook không thể nắm bắt og:imagecác tập tin của tôi và tôi đã thử mọi giải pháp thông thường. Tôi bắt đầu nghĩ rằng nó có thể có liên quanhttps://...

  • Tôi đã kiểm tra http://developers.facebook.com/tools/debug và không có cảnh báo hoặc lỗi nào.
  • Nó đang tìm kiếm những hình ảnh chúng tôi liên kết đến trong " og:image", nhưng chúng hiển thị trống. Tuy nhiên, khi chúng ta nhấp vào (các) hình ảnh, chúng tồn tại và nó sẽ đi thẳng vào chúng.
  • Nó KHÔNG hiển thị một hình ảnh - một hình ảnh được lưu trữ trên máy chủ không https.
  • Chúng tôi đã thử hình ảnh vuông, jpeg, png, kích thước lớn hơn và kích thước nhỏ hơn. Chúng tôi đã đặt hình ảnh ngay trong public_html. Không có gì đang hiển thị.
  • Đó không phải là lỗi bộ đệm, bởi vì khi chúng ta thêm một lỗi khác og:imagevào meta, kẻ nói dối của FB sẽ tìm và đọc nó. Nó KHÔNG hiển thị một bản xem trước. Bản xem trước trống. Các chỉ ngoại lệ chúng ta đang nhận được là cho hình ảnh mà không phải là trên trang web này.
  • Chúng tôi nghĩ rằng có thể có một số chống leach cpanelhoặc .htaccessđiều đó ngăn cản các hình ảnh hiển thị, vì vậy chúng tôi đã kiểm tra. Không có. Chúng tôi thậm chí đã làm nhanh < img src="[remote file]" >trên một máy chủ hoàn toàn khác và hình ảnh hiển thị tốt.
  • Chúng tôi nghĩ rằng có thể đó là og:typemột sự kỳ quặc khác với một thẻ meta khác. Chúng tôi đã loại bỏ tất cả chúng, từng cái một và kiểm tra nó. Không thay đổi. Chỉ cần cảnh báo.
  • Mã tương tự trên một trang web khác xuất hiện mà không có bất kỳ vấn đề.
  • Chúng tôi nghĩ rằng có thể nó không kéo hình ảnh vì chúng tôi đang sử dụng cùng một trang sản phẩm cho nhiều sản phẩm (thay đổi dựa trên giá trị get, nghĩa là "chi tiết.php? Id = xxx") nhưng nó vẫn kéo theo một hình ảnh (từ một url khác).
  • Để lại bất kỳ og:imagehoặc image_src, FB không tìm thấy bất kỳ hình ảnh.

Tôi ở cuối sợi dây của tôi. Nếu tôi nói tôi và người khác đã dành bao nhiêu thời gian cho việc này, bạn sẽ bị sốc. Vấn đề là đây là một cửa hàng trực tuyến. Chúng tôi hoàn toàn, tích cực KHÔNG thể có hình ảnh. Chúng ta phải. Chúng tôi có mười trang web khác ... Đây là trang duy nhất có og:imagevấn đề. Đó cũng là người duy nhất trên https, vì vậy chúng tôi nghĩ có lẽ đó là vấn đề. Nhưng chúng tôi không thể tìm thấy bất kỳ tiền lệ nào ở bất cứ đâu trên web cho điều đó.

Đây là các thẻ meta:

<meta property="og:title" content="[The product name]" /> 
<meta property="og:description" content="[the product description]" /> 
<meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-art-black.png" />
<meta property="og:image" content="http://www.[ADIFFERENTwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/ARShopHeader.png" />
<meta property="og:image" content="http://www.[ourwebsite].com/overdriven-blues-music-tshirt-art-black.JPG" />
<meta property="og:type" content="product"/>
<meta property="og:url" content="https://www.[ourwebsite].com/apparel-details.php?i=10047" />
<meta property="og:site_name" content="[our site name]" />      
<meta property="fb:admins" content="[FB-USER-ID-NUMBER]"/>
<meta name="title" content="[The product name]" />
<meta name="description" content="[The product description]" />
<link rel="image_src" href="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />
<meta name="keywords" content="[four typical keywords]">
<meta name="robots" content="noarchive">

Trong trường hợp bạn muốn, đây là một liên kết đến một trong những trang sản phẩm của chúng tôi mà chúng tôi đang làm việc. [Liên kết rút ngắn để cố gắng hạn chế kết quả tìm kiếm này cho trang web của chúng tôi]: http://rockn.ro/114

BIÊN TẬP ----

Sử dụng công cụ cạp "xem những gì facebook thấy", chúng tôi có thể thấy như sau:

"image": [          
      {
         "url": "https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-details-safari.png"
      },
      {
         "url": "https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-art-safari.png"
      },
      {
         "url": "http://www.[theotherNONSECUREwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png"
      }
   ],

Chúng tôi đã thử nghiệm tất cả các liên kết nó tìm thấy cho một trang. Tất cả đều là hình ảnh hoàn toàn hợp lệ.

CHỈNH SỬA 2

Chúng tôi đã thử một thử nghiệm và thêm một tên miền phụ vào trang web NONSECURE (từ đó hình ảnh thực sự được hiển thị thông qua facebook). Tên miền con là http: // img. [Nonsecuresite] .com. Sau đó chúng tôi đặt tất cả các hình ảnh vào thư mục tên miền phụ chính và tham chiếu chúng. Nó sẽ không kéo những hình ảnh đó vào FB. Tuy nhiên, nó vẫn sẽ kéo bất kỳ hình ảnh nào được tham chiếu trên miền chính không an toàn.

BÀI VIẾT SAU

Nhờ Keegan, giờ đây chúng tôi biết rằng đây là một lỗi trong Facebook. Để giải quyết, chúng tôi đã đặt một tên miền phụ trong một trang web NON-HTTPS khác và đổ tất cả hình ảnh trong đó. Chúng tôi đã tham chiếu http://img.otherdomain.com/[like-image.jpg]hình ảnh phối hợp trong og:imagemỗi trang sản phẩm. Sau đó chúng tôi phải thông qua FB Linter và chạy MỌI liên kết để làm mới dữ liệu OG. Điều này đã có hiệu quả, nhưng giải pháp là một giải pháp hỗ trợ ban nhạc và nếu sự httpscố được khắc phục và chúng tôi quay lại sử dụng tên miền https tự nhiên, FB sẽ lưu các hình ảnh từ một trang web khác, làm phức tạp vấn đề. Hy vọng thông tin này sẽ giúp cứu người khác khỏi mất 32 giờ mã hóa trong cuộc sống của họ .


27
Tài liệu tốt câu hỏi. Nâng cao nó cho bạn!
DMCS

Để khắc phục sự cố, hãy thử thay đổi og:type: og_products:productđể nhập trang web và xem hình ảnh có thể được chọn không.
DMCS

2
Juicy, chúng tôi có một og: hình ảnh được tham chiếu từ một trang web bên ngoài là http chứ không phải https và nó hiển thị.
Síp106

1
Xin chào, cảm ơn, bài viết tuyệt vời. Chỉ là một nhận xét nhỏ về việc bạn lo lắng về việc phải cập nhật bộ đệm nếu bạn quay lại https-url khi chúng bắt đầu hoạt động: Tôi sẽ không lo lắng về điều đó vì bộ đệm fb được phát hành sau một thời gian, vì vậy hãy giữ dữ liệu gấp đôi cho ngày hoặc hai và bộ đệm sẽ được giải phóng tự động bằng cách sử dụng các url mới.
Niclas Lindqvist

1
@NiclasLindqvist Này chỉ để ghi lại, chúng ta đã có những hình ảnh cũ lưu trong bộ nhớ cache cho MONTHS và nhiều tháng trước, vì vậy tôi lấy tiêu chuẩn bộ nhớ cache của FB bằng một hạt muối.
Síp106 ngày

Câu trả lời:


93

Tôi gặp vấn đề tương tự và báo cáo đó là một lỗi trên trang web của nhà phát triển Facebook. Có vẻ như khá rõ ràng rằng og:imagecác URI sử dụng HTTP chỉ hoạt động tốt và các URI sử dụng HTTPS thì không. Bây giờ họ đã thừa nhận rằng họ đang "xem xét điều này."

Cập nhật: Kể từ năm 2020, lỗi này không còn hiển thị trong hệ thống vé của Facebook. Họ không bao giờ trả lời và tôi không tin rằng hành vi này đã thay đổi. Tuy nhiên, việc chỉ định HTTPS URI og:image:securedường như hoạt động tốt.


3
GIỎI! Cảm ơn bạn! Đây là lần đầu tiên chúng tôi thấy vấn đề HTTPS được ghi nhận là lỗi ..... và chúng tôi trông có vẻ khó khăn. Gửi cách giải quyết của chúng tôi trong các ý kiến ​​câu hỏi.
Síp106

2
Kể từ tháng 8 năm 2013, url đó không hiển thị lỗi. Đã có bất kỳ cập nhật cho nó?
Andreas Andreou

3
developers.facebook.com/bugs/256470807842897 Lỗi mới nhất này cũng có liên quan. Trong khi câu hỏi đã được trả lời, tôi đoán rằng tôi sẽ thêm liên kết ở đây để nếu bất kỳ ai khác có vấn đề tương tự hạ cánh ở đây, họ sẽ tìm thấy nó.
Zoidberg

4
Nói vấn đề đã được khắc phục vào ngày 18 tháng 3 năm 20145, không phải cho tôi nghĩ.
Mike Flynn

1
@MattBrowne Không, nó không cố định với tôi :-(
starbeamrainbowlabs

131

Một số thuộc tính có thể có thêm siêu dữ liệu kèm theo chúng. Chúng được chỉ định theo cùng một cách với các siêu dữ liệu khác với propertycontent, nhưng propertysẽ có thêm:

Tài og:imagesản có một số thuộc tính cấu trúc tùy chọn:

  • og:image:url - Đồng nhất với og: hình ảnh.
  • og:image:secure_url - Một url thay thế để sử dụng nếu trang web yêu cầu HTTPS.
  • og:image:type - Một loại MIME cho hình ảnh này.
  • og:image:width - Số lượng pixel rộng.
  • og:image:height - Số lượng pixel cao.

Một ví dụ hình ảnh đầy đủ:

<meta property="og:image" content="http://example.com/ogp.jpg" />
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" /> 
<meta property="og:image:type" content="image/jpeg" /> 
<meta property="og:image:width" content="400" /> 
<meta property="og:image:height" content="300" />

Vì vậy, bạn cần phải thay đổi og:image tính cho URL HTTPS của mình thànhog:image:secure_url

Ví dụ:

TAG HTTPS CHO HÌNH ẢNH:

<meta property="og:image:secure_url" content="https://www.[YOUR SITE].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />

TAG META CHO HÌNH ẢNH:

<meta property="og:image" content="http://www.[YOUR SITE].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />

Nguồn: http://ogp.me/#structured <- Bạn có thể truy cập trang web này để biết thêm thông tin.

Hy vọng điều này sẽ giúp bạn.

EDIT: Đừng quên ping máy chủ facebook sau khi cập nhật mã của bạn - URL Linter


1
SIR, Cảm ơn rất nhiều. Tôi không biết có thêm siêu dữ liệu cho hình ảnh! Chúng tôi đã cố gắng thực hiện hình ảnh: safe_url và FB đã đưa ra một lỗi. Chúng tôi đã thử hình ảnh & safe_url * theo một số cách) và kẻ nói dối cho thấy không có thay đổi gì.
Síp106

Đối với tôi, nó tiếp tục hiển thị hình ảnh Xem trước, không phải hình ảnh thẻ meta. Tôi chắc chắn có URL đúng! :( Ý tưởng?
jaminroe

1
@jaminroe Bạn có bị xơ không? Nếu không lint nó thì. Điều đó chủ yếu nên khắc phục vấn đề. Nếu nó vẫn không chọn, sau đó hãy xem công cụ nào có thể cạo, bạn cũng có thể thấy chính xác những gì đang được cạo, có một liên kết ở cuối kết quả, See exactly what our scraper sees for your URLnhấp vào nó và xem liệu nó có hiển thị nguồn hoàn chỉnh của liên kết của bạn hay không bất cứ điều gì Nếu sai charsetđược đặt, thì cạp sẽ không thể cạo được vì một số lý do (tôi đã trả lời một câu hỏi tương tự trước đây với vấn đề này). Vì vậy, hãy chắc chắn rằng tất cả những điều này là chính xác.
Syed IR

3
Trong trường hợp nó giúp bất kỳ ai - URL hình ảnh của chúng tôi không có phần mở rộng tệp vì hình ảnh được tạo bởi một dịch vụ (/ foo / bar). Câu trả lời này đã khắc phục sự cố của chúng tôi với trình giả lập Facebook, có lẽ là do og: type = "image / png". Cảm ơn bạn!!
Dunc

3
@JohnWasham og:imageThẻ có thể là HTTPS (đó là những gì StackExchange, YouTube, WordPress.com, Amazon, v.v.). Nó làm cho bạn tự hỏi những gì og:image:secure_urlthực sự là cho?
DocRoot

16

Tôi không biết, nếu nó chỉ với tôi nhưng đối với tôi og:imagekhông hoạt động và nó chọn logo trang web của tôi, mặc dù trình gỡ lỗi facebook hiển thị hình ảnh chính xác.

Nhưng thay đổi og:imageđể og:image:urllàm việc cho tôi. Hy vọng điều này sẽ giúp bất cứ ai khác phải đối mặt với vấn đề tương tự.


Chúc mừng - đã làm việc cho tôi - nhưng trình gỡ lỗi facebook cũng muốn hình ảnh, vì vậy tôi gửi cả hai. og: image và og: image: url - cả hai đều có cùng giá trị / url
pperrin

1
Là og: image: url được nhận dạng cú pháp hoặc nó không chính xác và do đó không được phân tích cú pháp? Nói cách khác, điều này có giống như không có thẻ meta nào không?
Jonathan Tonge

@JonathanTrid Mã hóa thành ogp.me , " og:image:urlgiống hệt og:image".
DocRoot

9

Đến đây từ Google nhưng điều này không giúp ích nhiều cho tôi. Hóa ra là có tỷ lệ khung hình tối thiểu 3: 1 cần thiết cho logo. Của tôi là gần 4: 1. Tôi đã sử dụng Gimp để cắt nó thành chính xác 3: 1 và voila - logo của tôi hiện được hiển thị trên FB.


2
Đó là tỷ lệ khung hình tối đa là 3: 1 ( developers.facebook.com/docs/opengraphprotatio ), với kích thước tối thiểu 50px x 50px
rpearce

1
Theo trình gỡ lỗi facebook, yêu cầu kích thước hiện là 200px x 200px
braX

8

tl; dr - hãy kiên nhẫn

Tôi đã kết thúc ở đây vì tôi thấy những hình ảnh trống được phục vụ từ một trang https. Vấn đề là một vấn đề hoàn toàn khác:

Khi nội dung được chia sẻ lần đầu tiên, trình thu thập thông tin của Facebook sẽ quét và lưu trữ siêu dữ liệu từ URL được chia sẻ. Trình thu thập thông tin phải xem hình ảnh ít nhất một lần trước khi có thể được hiển thị. Điều này có nghĩa là người đầu tiên chia sẻ một phần nội dung sẽ không nhìn thấy hình ảnh được hiển thị

[ https://developers.facebook.com/docs/shared/best-practices/#precaching]

Trong khi thử nghiệm, facebook đã mất khoảng 10 phút để hiển thị hình ảnh được hiển thị. Vì vậy, trong khi tôi đang gãi đầu và ném các thẻ og ngẫu nhiên vào facebook (và nghi ngờ vấn đề https được đề cập ở đây), tất cả những gì tôi phải làm là chờ đợi.

Vì điều này thực sự có thể ngăn mọi người chia sẻ liên kết của bạn lần đầu tiên, FB gợi ý hai cách để tránh hành vi này: a) chạy Trình gỡ lỗi OG trên tất cả các liên kết của bạn: hình ảnh sẽ được lưu trữ và sẵn sàng chia sẻ sau ~ 10 phút hoặc b ) chỉ định og: image: width và og: image: height. (Đọc thêm trong liên kết trên)

Vẫn tự hỏi mặc dù điều gì làm họ mất nhiều thời gian ...


Lý do cho điều này là tỷ lệ hình ảnh. Nếu tỷ lệ kích thước ảnh là không chính xác 1,91: 1 và / hoặc og:image:widthog:image:heightdữ liệu i không bao gồm, sau đó Facebook sẽ phải xử lý hình ảnh sau khi tháo dỡ nó để phù hợp với kích thước của chúng. Hình ảnh cũng sẽ bị cắt, điều này có thể không mong muốn. Để biết chi tiết, hãy xem: developers.facebook.com/docs/shared/best-practices/#images
Slicktrick

1
Chỉ định og: image: width và og: image: height trên các hình ảnh không có trong danh sách độ phân giải đủ điều kiện rất ngắn của chúng, không tăng tốc mọi thứ trong thử nghiệm của tôi.
Chris Moschini

5

Tôi đã có cùng một lỗi và không có gì giúp được trước đó, vì vậy tôi đã cố gắng làm theo tài liệu gốc về Giao thức đồ thị mở và tôi đã thêm thuộc tính tiền tố vào thẻ html của mình và mọi thứ trở nên tuyệt vời.

<html prefix="og: http://ogp.me/ns#">

2

Tôi đã có vấn đề tương tự. Tôi đã xóa thuộc tính = "og: image: safe_url" và bây giờ nó sẽ xóa chỉ với og: image. Đôi khi ít lại hơn


1
Câu trả lời của bạn nên có nhiều phiếu hơn! Bạn hoàn toàn đúng, nếu bạn chỉ cung cấp nội dung qua https, chỉ cần sử dụng og: image: url và được thực hiện với nó.
marcvangend

1
Tôi không thể hiểu tại sao đây là một giải pháp. câu hỏi rõ ràng không có Secure_url ở nơi đầu tiên, tại sao bạn nghĩ nó hoạt động, nó quá ngẫu nhiên
Decebal

1

Tôi phát hiện ra một kịch bản khác có thể gây ra vấn đề này. Tôi đã trải qua tất cả các bước được mô tả trong câu hỏi và câu trả lời, vẫn còn vấn đề.

Tôi đã kiểm tra hình ảnh của mình và thấy rằng một số bài đăng của tôi có hình ảnh thu nhỏ quá lớn og:imagetrong phạm vi vài nghìn pixel và vài megabyte.

Điều này xảy ra do sự chuyển đổi gần đây từ WP sang Jekyll, tôi đã tối ưu hóa hình ảnh của mình bằng gulp, nhưng đã sử dụng hình ảnh gốc trong og: image do nhầm lẫn.

Facebook cung cấp cho chúng tôi các khuyến nghị sau ngày hôm nay :

Sử dụng hình ảnh có ít nhất 1200 x 630 pixel để hiển thị tốt nhất trên các thiết bị có độ phân giải cao. Tối thiểu, bạn nên sử dụng hình ảnh có kích thước 600 x 315 pixel để hiển thị các bài đăng trên trang liên kết với hình ảnh lớn hơn. Hình ảnh có thể có kích thước lên tới 8MB.

Vì vậy, có giới hạn trên là 8MB.


1

Như tôi vô tình tìm thấy, hình ảnh trống trong suốt đi kèm với tiêu đề phản hồi cho biết nguyên nhân có thể của vấn đề.

  1. Chuyển đến trình gỡ lỗi tại https://developers.facebook.com/tools/debug/og/object/
  2. Đặt URL của bạn
  3. Ở phía dưới, facebook hiển thị "hình ảnh" của bạn (GIF 1x1 trong suốt)
    1. Hình ảnh được liên kết với hình ảnh gốc của bạn - không có điểm nhấn nào
    2. Bấm phải và xem hình ảnh (bạn sẽ nhận được một cái gì đó như https://external-ams3-1.xx.fbcdn.net/safe_image.php?d=...&url=...)
  4. Bật tab Net trên công cụ phát triển / công cụ phát triển, làm mới trang nếu cần
  5. Bạn sẽ nhận được x-error-detailtiêu đề phản hồi với lời giải thích

Ví dụ, trong trường hợp của tôi, nó là Invalid image extension for URL: https://[mydomain]/[myfilename].jpg

Vấn đề thực sự trong trường hợp của tôi liên quan đến prerender.io .

Hóa ra, nếu hình ảnh được yêu cầu thông qua prerender, nó sẽ được chuyển đổi thành HTML. Một cái gì đó như thế này:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head><meta http-equiv="content-type" content="text/html; charset=utf-8"></head>
<body style="margin: 0px;"><img style="-webkit-user-select: none; cursor: -webkit-zoom-in; " src="https://[yourdomain].com/[yourfilename].jpg" width="1078" height="718"></body>
</html>

Đó là lỗi trong bản prerender hoặc nó được cho là được cấu hình trong proxy của bạn để không sử dụng prerender cho *.jpg các yêu cầu (ngay cả khi chúng được yêu cầu bởi bot Facebook).

Thật sự rất khó để nhận ra điều này, vì prerender chỉ được sử dụng trên một số tiêu đề tác nhân người dùng nhất định.


1

Tôi gặp vấn đề tương tự và sau đó tôi nhận thấy rằng tôi có một tên miền khác cho og:url

Khi tôi đã chắc chắn rằng tên miền giống nhau cho og:urlog:image nó đã hoạt động.

Hi vọng điêu nay co ich.


2
Tuy nhiên, điều này không phải lúc nào cũng có thể, bởi vì og: hình ảnh có thể là URL CDN trên nền tảng đám mây. Ngoài ra, trong trường hợp của tôi, trong khi FB (năm 2017!) Không chọn hình ảnh CDN từ chính trang đó, thì nó lại chọn một hình ảnh CDN khác cũng là Cloudfront, điều đó có nghĩa đó cũng không phải là og: url của tôi. Vì vậy, quan điểm của bạn là không chính xác.
PKHunter

Điều đó đúng. Tôi đã không sử dụng URL CDN. Tôi chỉ nghĩ rằng tôi sẽ chia sẻ những gì đã làm cho tôi.
Hội trường Darren


1

Các triệu chứng tương tự (Facebook et al không tìm nạp chính xác og: hình ảnh và các tài sản khác qua https) có thể xảy ra khi chứng chỉ https của trang web không tuân thủ đầy đủ.

Chứng chỉ https của trang web của bạn có vẻ hợp lệ (khóa màu xanh lục trong trình duyệt và tất cả), nhưng nó sẽ không được quét chính xác nếu thiếu chứng chỉ trung gian hoặc chứng chỉ chuỗi. Điều này có thể dẫn đến nhiều giờ lãng phí khi kiểm tra và kiểm tra lại tất cả các bộ nhớ cache và thẻ meta khác nhau.

Có thể không phải là vấn đề của bạn, nhưng có thể là những người khác có triệu chứng tương tự (như của tôi). Có nhiều cách để kiểm tra chứng chỉ của bạn - cách tôi đã sử dụng: https://www.sslshopper.com/ssl-checker.html


1

Tôi lấy http://ra khỏi tôi og:imagevà thay thế nó chỉ đơn giản là cũ www.và nó bắt đầu hoạt động tốt.

Bạn có thể sử dụng công cụ này, bằng Facebook để thiết lập lại bộ đệm xóa hình ảnh của bạn và kiểm tra URL mà nó đang kéo cho hình ảnh demo.


0

Tôi có thể thấy rằng Trình gỡ lỗi đang truy xuất 4 og:imagethẻ từ URL của bạn.

Hình ảnh đầu tiên là lớn nhất và do đó mất nhiều thời gian nhất để tải. Hãy thử thu nhỏ hình ảnh đầu tiên xuống hoặc thay đổi thứ tự để hiển thị hình ảnh nhỏ hơn trước.


Cảm ơn Lix! Chúng tôi thực sự đã có một hình ảnh vuông nhỏ, tối đa khoảng 200x200, là hình ảnh đầu tiên trong một thời gian dài. Chúng tôi đã sắp xếp lại và quét lại một số lần. Chúng tôi cũng đã kết hợp làm cho những cái nhỏ hơn, lớn hơn hoặc thay thế thành những hình ảnh duy nhất và giải cứu với tỷ lệ thành công bằng không.
Síp106

0

Ngoài ra, vấn đề này cũng xảy ra khi bạn thêm một câu chuyện do người dùng tạo (nơi bạn không sử dụng og: image). Ví dụ:

POST /me/cookbook:eat?
  recipe=http://www.example.com/recipes/pizza/&
  image[0][url]=http://www.example.com/recipes/pizza/pizza.jpg&
  image[0][user_generated]=true&
  access_token=VALID_ACCESS_TOKEN

Ở trên sẽ chỉ hoạt động với http và không hoạt động với https. Nếu bạn sử dụng https, bạn sẽ gặp lỗi: Không đính kèm hình ảnh ()


Rất thích, Google hướng tới việc cung cấp cho các trang web mức độ phù hợp HƠN đối với các trang web có https và hai năm sau khi đặt câu hỏi này, FB vẫn (vô tình, có lẽ, nhưng vẫn là một tội lỗi) trừng phạt các trang web coi trọng bảo mật của khách truy cập của họ
Síp106 17/12/14


0

Có một vấn đề tương tự ngày hôm nay, mà Trình gỡ lỗi chia sẻ đã giúp tôi giải quyết. Dường như Facebook không thể (hiện tại) hiểu được hình ảnh với siêu dữ liệu XMP được nhúng. Khi tôi thay thế hình ảnh trên các bài viết của chúng tôi bằng các phiên bản không có siêu dữ liệu XMP và quét lại trang (sử dụng Trình gỡ lỗi chia sẻ), vấn đề đã biến mất. Trình chỉnh sửa hex sẽ giúp bạn xem liệu hình ảnh của bạn có chứa siêu dữ liệu XMP hay không.


0

Trong trường hợp của tôi, có vẻ như trình thu thập thông tin chỉ là một lỗi. Tôi đã thử:

  • Chỉ thay đổi liên kết thành http
  • Xóa bỏ khoảng trắng cuối
  • Chuyển về http hoàn toàn
  • Cài đặt lại trang web
  • Cài đặt một loạt các plugin OG (Tôi sử dụng WordPress)
  • Nghi ngờ máy chủ có cấu hình sai kỳ lạ chặn các bot (vì tất cả các trình kiểm tra OG không thể tìm nạp thẻ và các yêu cầu khác đến trang web của tôi không ổn định)

Không ai trong số các công trình này. Điều này làm tôi mất một tuần. Và đột nhiên ra khỏi nơi này dường như hoạt động trở lại.

Đây là nghiên cứu của tôi, nếu ai đó gặp lại vấn đề này:

Ngoài ra, có nhiều trình kiểm tra khác ngoài Trình gỡ lỗi đối tượng của Facebook để bạn kiểm tra: OpenGraphCheck.com , Trình kiểm tra biểu đồ mở của Abhinay Rathore , Mã nhúng của Iframely , Trình xác thực thẻ | Nhà phát triển Twitter .


0

OK ... Tôi nhận ra chủ đề này đã cũ và quá đông, nhưng trong trường hợp ai đó vào như tôi đã đấu tranh để có thẻ og: hình ảnh của họ hoạt động ngay trong Facebook, đây là thủ thuật phù hợp với tôi:

KHÔNG sử dụng liên kết này:

https://developers.facebook.com/tools/debug/shishing/?q=https%3A%2F%2Fwww.google.com

để giải quyết vấn đề của bạn Hoặc nếu bạn làm như vậy, ngay lập tức cuộn xuống phía dưới và nhấp vào Scrape VIA API.

https://developers.facebook.com/tools/explorer/?method=POST&path=%3Fscrape%3Dtrue%26id%3Dhttps %3A% 2F

Có lỗi hiển thị trong công cụ thám hiểm KHÔNG được hiển thị trong công cụ "gỡ lỗi". Điên cuồng !!! (trong trường hợp của tôi, một khoảng trắng trong tên tệp hình ảnh đã loại bỏ hình ảnh của tôi một cách im lặng trong công cụ gỡ lỗi, nhưng nó cho thấy lỗi trong công cụ thám hiểm).


0

Tôi đã gặp một lý do khác cho hình ảnh og không hiển thị trên thẻ FB. Hơn nữa, bằng cách sử dụng công cụ quét FB để gỡ lỗi các thẻ meta og , tôi có thể xác nhận tất cả các thẻ bắt buộc có trong trang WordPress của mình và tôi sẽ gặp lỗi tải xuống tệp sau đây,

Đã cung cấp og: image, <https-link-to-jpg-image> không thể tải xuống. Điều này có thể xảy ra do một số lý do khác nhau như máy chủ của bạn sử dụng mã hóa nội dung không được hỗ trợ. Trình thu thập thông tin chấp nhận mã hóa nội dung defat và gzip.

Tôi có một cảm giác mơ hồ rằng định dạng hình ảnh có vấn đề, liên kết đến hình ảnh đang hoạt động nhưng thông điệp dường như chỉ ra một cái gì đó không ổn với mã hóa nội dung.

Sau nhiều lần tìm kiếm, cuối cùng tôi đã xem xét các phần mở rộng php cần thiết cho máy chủ WordPress và nhận ra mô-đun pho-exif chưa được cài đặt. Mô-đun exif ghi siêu dữ liệu exif cho tất cả các hình ảnh được tải lên. Do đó, hình ảnh được sử dụng trong thẻ hình ảnh FB không có bất kỳ siêu dữ liệu exif nào được liên kết với chúng.

Khi mô-đun exif được bật, WordPress cho phép siêu dữ liệu exif được đặt lại cho hình ảnh (Thư viện phương tiện-> chọn và hình ảnh-> Chỉnh sửa thêm chi tiết-> Siêu dữ liệu bản đồ exif) và hình ảnh hiện xuất hiện trên thẻ FB như mong đợi.


-1

Từ những gì tôi quan sát được, tôi thấy rằng khi trang web của bạn ở chế độ công khai và mặc dù url hình ảnh là https, nó vẫn hoạt động tốt.


-1

Đối với tôi điều này đã làm việc:

<meta property="og:url" content="http://yoursiteurl" />
    <meta property="og:image" content="link_to_first_image_if_you_want" />
    <meta property="og:image" content="link_to_second_image_if_you_want" />
    <meta property="og:image:type" content="image/jpeg" /> 
    <meta property="og:image:width" content="400" /> 
    <meta property="og:image:height" content="300" />
    <meta property="og:title" content="your title" />
    <meta property="og:description"  content="your text about homepage"/> 

-2

Sau vài giờ thử nghiệm và thử mọi thứ ...

Tôi đã giải quyết vấn đề này đơn giản nhất có thể. Tôi nhận thấy rằng họ sử dụng "trang thử nghiệm" bên trong Trang dành cho nhà phát triển của Facebook chỉ chứa các thẻ "og" và một số văn bản trong thẻ body giới thiệu các thẻ og này.

Vậy tôi đã làm gì?

Tôi đã tạo một khung nhìn thứ hai trong ứng dụng của mình, chứa những thứ tương tự mà họ sử dụng.

Và làm thế nào tôi biết Facebook đang truy cập trang của tôi để tôi có thể thay đổi chế độ xem? Họ có một Tác nhân người dùng duy nhất: "facebookexternalhit / 1.1"


-2

Khi bạn cập nhật thẻ meta, hãy đảm bảo liên kết nội dung (hình ảnh) là đường dẫn tuyệt đối và vào đây https://developers.facebook.com/tools/debug/sharing nhập liên kết trang web của bạn và nhấp vào scrape againtrang tiếp theo

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.