Khắc phục hiện sai ảnh khi chia sẻ lên Facebook

Hiện tại thì rất rất nhiều người dùng sử dụng Blogger gặp phải tình trạng này, sau khi chia sẻ link lên facebook thì nó hiện sai ảnh thumbnail review cho đường link đó. Thường xảy ra nhất là facebook sẽ không lấy ảnh đầu tiên trong bài viết, mà một ảnh nào đó khác như logo hoặc ảnh đại diện của tác giả bài viết đó.

Khắc phục hiện sai ảnh khi chia sẻ lên Facebook

Do đó trong bài viết này mình xin hướng dẫn một thủ thuật nhỏ để giúp các bạn những người dùng Blogger khắc phục vấn đề này.


Sửa lỗi hiện sai ảnh khi chia sẻ link lên Facebook

Điều đầu tiên trước khi bước vào chỉnh sửa trong Blogger, bạn phải chắc chắn rằng bài viết tại blog bạn có hình ảnh lớn hơn hoặc bằng 200x200 pixels, nếu nhỏ hơn thì facebook sẽ không hiện được, đây là điều bình thường.

Bắt đầu vào việc thôi, bạn vào Mẫu » Chỉnh sửa HTML » Tìm đến đoạn mã này
<b:include data='blog' name='all-head-content'/>
và chèn vào phía sau nó
<b:if cond='data:blog.postImageUrl'>
 <meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
 <meta content='Địa chỉ url ảnh mặc định' property='og:image'/>
</b:if> 
Sửa lại Địa chỉ url ảnh mặc định, cho đoạn mã này. Địa chỉ ảnh này sẽ thay thế cho ảnh đầu tiên nếu bài viết không có ảnh hoặc facebook không nhận được ảnh do ảnh nhỏ hơn 200x200px hoặc một lý do nào khác.

Lời kết

Sau khi hoàn thành tới đây thì blog của bạn đã khắc phục thành công vấn đề này, nếu bạn chia sẻ lại link của những bài viết hiện sai ảnh mà không được, bạn cần phải chờ 1 đến 2 ngày để facebook refresh lại cache của họ (thông thường chỉ 24h thôi), sau đó chia sẻ lại link và ảnh sẽ hiện một cách bình thường.

15 bình luận

  1. avatar says

    lúc 09:05 30 tháng 10, 2014

    Cái này chính là một trong những nguyên nhân gây ra lỗi “URL is Unreachable” Error khi dùng Facebook Comments đây mà!

  2. avatar says

    lúc 09:07 30 tháng 10, 2014

    Mình không xài facebook comment nên cũng không để ý chuyện này :D

  3. avatar says

    lúc 10:39 30 tháng 10, 2014

    Tớ nên nói chính xác hơn: Thêm thẻ này chính là cách sửa lỗi mới chuẩn! Trước đây bài đăng của tớ thiếu thẻ này nó cứ lấy cái ảnh ở header làm ảnh chia sẻ nên fb nó báo lỗi. Khi thêm thẻ này thì khắc phục được điều đó!

  4. avatar says

    lúc 12:01 30 tháng 10, 2014

    Ok cám ơn bác đã chia sẻ thêm thông tin :D

  5. avatar says

    lúc 20:33 23 tháng 11, 2014

    Khi chia sẻ link này thì không có hình nào kèm theo cả, chắc do "random". Có cách nào khắc phục không anh bạn trẻ.

    cảm ơn trước nha

    http://www.ngonluanho.net/p/song-loi-chua.html

  6. avatar says

    lúc 20:39 23 tháng 11, 2014

    Ảnh đặt vào website bằng javascript facebook nó không nhận được đâu anh. :D Anh có thể xem qua debug trên facebook nó chỉ lụm được những ảnh mà anh chèn trực tiếp.
    https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.ngonluanho.net%2Fp%2Fsong-loi-chua.html

  7. avatar says

    lúc 22:18 23 tháng 11, 2014

    Làm blog cũng lắm gian nan :(

  8. avatar says

    lúc 07:38 11 tháng 3, 2015

    Hi bạn, ở blog của mình, khi chia sẽ bài viết thì hiện hình ảnh của bài viết đó, nhưng bị phóng to nên không hiển thị nội dung chính xác, làm sao để hiển thị được kích thước thật vậy>

  9. avatar says

    lúc 16:04 11 tháng 3, 2015

    Hoàn toàn không đươc, cái đó thì chắc bạn phải đề nghị với Mark Zuckerberg, facebook nó sẽ tự động cắt ảnh thành kích thước ~470x250.

  10. avatar H. Ngọc says

    lúc 14:39 16 tháng 8, 2015

    Cảm ơn bạn vì đã chia sẻ thông tin hay. Mình đang thực hiện theo hướng dẫn của bạn. Hy vọng ngày mai vào kiểm tra lại mọi việc sẽ ổn. Nút like đâu rồi nhỉ? Chỉ thấy nút + :))
    Mình sẽ quay trở lại vào ngày mai, mong là sẽ báo tin vui cho mọi người!

  11. avatar says

    lúc 08:20 18 tháng 8, 2015

    Hi! Cảm ơn bạn nhiều nhe! Mình đã làm được rồi. Tuy nhiên, mình bổ sung thêm thông tin cho các bạn newbie khỏi bỡ ngỡ, sau 24 tiếng facebook đã update lại thẻ thông tin hình ảnh của blog, nhưng để hiện như ý muốn thì bạn phải viết lại bài mới, nó mới nhận hình ảnh mới. Còn không, đối với những bài cũ thì nó vẫn hiện sai hình ảnh.

  12. avatar says

    lúc 18:40 18 tháng 8, 2015

    Bạn có thể thử xài https://developers.facebook.com/tools/debug/
    Trực tiếp làm mới lại dữ liệu trên facebook của nó thử nhé. Mình nghĩ là được.

  13. avatar says

    lúc 21:48 28 tháng 11, 2015

    blog của mình sao k có thẻ này nhỉ

  14. avatar says

    lúc 00:33 1 tháng 12, 2015

    không có thì cho thêm nó vào :))

  15. avatar says

    lúc 17:34 27 tháng 11, 2016

    Trang này của mình có nhiều hình nhưng khi chia sẻ thì không có hình nào cả
    http://www.casauviettin.com/

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.