• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Facebook
hosting-tot-nhat-danh-cho-wordpress

Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Facebook

Cập nhật: 11/11/2020 Trung Hiếu 109 Bình luận

Mục lục Hiện
  • 1. Facebook Open Graph là gì?
  • 2. Sử dụng Facebook Open Graph trong WordPress
  • 3. Khắc phục lỗi không hiện hình ảnh và mô tả khi share link lên Facebook

Hướng dẫn cách sửa lỗi không hiện hình ảnh và mô tả khi share link lên Facebook.

sua-loi-khong-hien-hinh-anh-va-mo-ta-khi-share-link-len-facebook

Bạn đã bao giờ gặp phải tình trạng share link từ website của mình lên Facebook nhưng chúng không hiển thị đầy đủ tiêu đề, phần mô tả và hình ảnh đại diện (thumbnail) chưa? Nguyên nhân của vấn đề này có thể là do website của bạn chưa được tích hợp Facebook Open Graph Meta Data hoặc bots Facebook gặp lỗi trong quá trình thu thập dữ liệu từ liên kết mà bạn muốn chia sẻ (lỗi cache, lỗi kết nối với server…). Bạn hoàn toàn có thể khắc phục được nó và bài viết ngay sau đây là dành cho bạn.

Tham khảo thêm:

  • Hướng dẫn tích hợp Facebook Chat vào website WordPress
  • Tích hợp Facebook Like Reactions vào WordPress

Facebook Open Graph là gì?

Facebook Open Graph (hay Facebook Open Graph Protocol) là 1 giao thức dùng để giao tiếp giữa website của bạn với mạng xã hội Facebook. Hay nói cách khác Open Graph chính là cầu nối giúp website của bạn trở thành một phần của mạng xã hội Facebook, giúp quảng bá website trên Facebook và tương tác mạng xã hội được dễ dàng hơn.

Facebook Open Graph bao gồm một tập hợp các meta tags, giúp bạn định nghĩa nội dung trên website thành dữ liệu có cấu trúc mà bots của Facebook có thể hiểu được. Khi bạn chia sẻ 1 link trên status hoặc Facebook Messenger, nếu website không sử dụng Open Graph thì Facebook chỉ hiển thị duy nhất link bài viết mà thôi.

loi-share-link-len-facebook-khong-co-hinh-anh

Khi chèn Open Graph vào website, nó sẽ làm cho trang mà bạn chia sẻ trở thành đối tượng có các thuộc tính mà mạng xã hội yêu cầu như: title (tiêu đề), description (mô tả), ảnh thumbnail… Vì thế link chia sẻ sẽ có đầy đủ ảnh thumbnail, tiêu đề, mô tả… do bạn chỉ định để lôi cuốn người đọc click vào link.

vi-du-ve-facebook-open-graph

Sử dụng Facebook Open Graph trong WordPress

Trong WordPress, các bạn cso thể tích hợp Facebook Open Graph vào website một cách dễ dàng nhờ các plugin như Yoast SEO, Rank Math SEO hay Open Graph and Twitter Card Tags.

Nếu đang sử dụng Yoast SEO, các bạn truy cập vào SEO => Social => Chọn tab Facebook và thiết lập tương tự như hình bên dưới.

thiet-lap-facebook-open-graph-meta-data-trong-yoast-seo

Trong đó, vấn đề quan trọng nhất là nhớ Enabled trong mục Add Open Graph meta data để tích hợp Facebook Open Graph vào website của bạn.

Ngoài ra:

  • Frontpage settings: cho phép bạn thiết lập ảnh thumbnail, tiêu đề và phần mô tả cho trang chủ của website.
  • Default settings: cho phép bạn thiết lập ảnh thumbnail mặc định cho, áp dụng cho các link chia sẻ không có sẵn ảnh thumbnail.

Sau khi thiết lập xong, click vào nút Save Changes để lưu lại.

Các bạn cũng có thể tùy biến cách hiển thị của từng bài viết/ trang trên Facebook thông qua tab Social của Yoast SEO trên trình soạn thảo. Nếu không, các giá trị như tiêu đề, ảnh thumbnail và mô tả sẽ mặc định được lấy từ phần thiết lập SEO.

tuy-bien-link-chia-se-len-facebook-bang-yoast-seo

Khắc phục lỗi không hiện hình ảnh và mô tả khi share link lên Facebook

Ngay cả khi đã tích hợp Open Graph, website của bạn vẫn có thể gặp lỗi không hiện hình ảnh, mô tả, tiêu đề… khi share link lên Facebook. Nguyên nhân của việc này là do bots Facebook không thể kết nối với website của bạn tại thời điểm mà nó thu thập dữ liệu. Và điều đáng buồn hơn là Facebook sẽ lưu lại kết quả này gần như vô thời hạn.

Vậy làm thế nào để xóa kết quả index cũ và tạo index mới cho những trang từng bị lỗi không hiện hình ảnh, tiêu đề, mô tả… trước đó?

1. Đầu tiên, các bạn cần làm là truy cập vào trang Sharing Debugger của Facebook. Paste link cần sửa lỗi vào mục Sharing Debugger và click vào nút Debug.

facebook-sharing-debugger

2. Đợi cho quá trình debug hoàn tất, click tiếp vào nút Scrape Again.

click-vao-nut-scrape-again

Chờ trong giây lát để bots của Facebook tiến hành thu thập lại dữ liệu. Nếu site đã tích hợp Facebook Open Graph, lỗi của bạn sẽ được khắc phục hoàn toàn. Thật đơn giản phải không nào? Chúc các bạn thành công!

Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Tự động tạo alt-text cho hình ảnh trong WordPress
Tự động tạo alt-text cho hình ảnh trong WordPress
Tính năng Crawl Optimization của plugin Yoast SEO
Tính năng Crawl Optimization của plugin Yoast SEO
Chèn breadcrumbs của Rank Math SEO vào theme Paradise
Chèn breadcrumbs của Rank Math SEO vào theme Paradise

Chuyên mục: Thủ thuật WordPress Thẻ: Thủ thuật SEO

wpcanban-com-facebook-group

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Mua host, tặng VIP – Khuyến mãi chào mừng Quốc khánh 2/9
Bài viết sau Chuyển từ BlogSpot sang WordPress một cách nhanh chóng »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Mị 2 bình luậnviết

    02/06/2020 lúc 16:33

    Anh ơi, bề phần upload hình ảnh ở Social của Yoast SEO là nó sẽ hiện hình đó, tittle đó luôn cho những bài khác hả anh? Hay mỗi lần viết bài là mình lại phải chỉnh thủ công ạ?

    Bình luận
    • Trung Hiếu Quản lýviết

      02/06/2020 lúc 20:42

      Bài nào không thiết lập thì nó sẽ hiện hình mặc định bạn nhé. Còn bài nào bạn thiết lập thì nó hiển thị ảnh riêng theo ý của bạn.

      Bình luận
      • Mị 2 bình luậnviết

        03/06/2020 lúc 08:54

        Anh ơi em nghĩ là em tìm ra lỗi og:image của mình rồi nhưng em không biết sửa làm sao hết anh giúp em với! Khi làm theo lời anh Yoast SEO/Social/Facebook/Default Image thì sau khi tải hình bên khung Image URL nó không có hiện lên https//tênweb.com/wp-content/… như anh.
        Mà của em chỉ hiện lên /wp-content/… thôi ạ! Em nghĩ đây là nguyên nhân nhưng em không biết sửa ở chỗ nào T^T

        Bình luận
  2. Trịnh Gia Bảo 5 bình luậnviết

    19/04/2020 lúc 08:59

    Vậy giờ mình làm sao Hiếu bạn

    Bình luận
    • Trung Hiếu Quản lýviết

      19/04/2020 lúc 09:01

      Tất nhiên là phải xóa bớt những thẻ không cần thiết đi rồi. Còn làm sao để xóa thì chỉ có bạn biết vì bạn là người tạo ra chúng mà. :P

      Bình luận
      • Trịnh Gia Bảo 5 bình luậnviết

        19/04/2020 lúc 09:08

        ôi, cám ơn bạn Hiếu nhiều nhé, mình làm được rồi.
        Thank thank thank nhiều nha

        Bình luận
        • Trung Hiếu Quản lýviết

          19/04/2020 lúc 09:56

          Chúc mừng bạn. :)

          Bình luận
          • Trịnh Gia Bảo 5 bình luậnviết

            20/04/2020 lúc 15:59

            Hiếu ơi, giờ mình share lên face book lại mà nó mất phần mô tả chỉ có phần tiêu đề thì bị gì nhỉ
            https://lambanghieuuytin.com/2020/04/20/lam-bang-hieu-cong-ty-tphcm/

          • Trung Hiếu Quản lýviết

            20/04/2020 lúc 16:23

            Dùng Debugger Tools của Facebook mà đọc các cảnh báo của nó đi bạn.

  3. Trịnh Gia Bảo 5 bình luậnviết

    19/04/2020 lúc 08:44

    Sao mình làm mãi mà nó vẫn không hiển thị được phần mô tả và tiêu đề nhỉ
    Chỉ ra được hình ảnh và chữ L dưới phần mô tả. Nhờ bạn xem giúp mình với nhé.
    Thank bạn nha

    Bình luận
    • Trung Hiếu Quản lýviết

      19/04/2020 lúc 08:52

      Site của bạn sao sử dụng lắm thẻ meta vậy? Đã có thẻ của Yoast SEO Premium lại còn thẻ chèn thủ công bằng tay? Trùng lặp tùm lum.

      Bình luận
    • Trung Hiếu Quản lýviết

      19/04/2020 lúc 08:56

      P/s: Riêng thẻ “og:description” đã có tới 3 cái. Facebook nó nhận cái cuối cùng nên phần mô tả chỉ có mỗi chữ “l”.

      Bình luận
  4. Nam 2 bình luậnviết

    07/04/2020 lúc 01:18

    @Trung Hiếu
    Bạn có thể xem cho Mình được không? page của mình không hiện description khi share lên fb: https://thucduonggauxanh.vn/gioi-thieu/
    Đã dùng debug các thông số đều ổn. không có lỗi. Response Code 206
    Đã bỏ wp rocket nhưng vẫn không lên được description

    Bình luận
    • Trung Hiếu Quản lýviết

      07/04/2020 lúc 07:46

      Bạn thử giảm độ dài của thẻ description xuống cho phù hợp với tiêu chuẩn xem có hiện không? Mình thấy bạn để thẻ description dài cả mét thế kia. Người ta có quy định số chữ tối thiểu và tối đa trong thẻ mà.

      Bình luận
      • Nam 2 bình luậnviết

        07/04/2020 lúc 11:36

        Mình thử cắt rồi nhưng cũng ko được Bạn ạ. Do mình tinh chỉnh từ yoast seo cho fb viết theo độ dài của nó cho phép. Bạn có nắm dc desc tối đa fb cho phép là bn ký tự ko Ban?

        Bình luận
        • Trung Hiếu Quản lýviết

          07/04/2020 lúc 12:52

          Cái này mình chịu. Mình cũng toàn viết description dựa theo khuyến cáo của Yoast SEO dành cho Google Search thôi.

          Bình luận
  5. Khắc Tâm 2 bình luậnviết

    09/03/2020 lúc 20:56

    Mình đã làm theo hướng dẫn nhưng vẫn ko thể hiển thị ảnh lên facebook và zalo được , bạn xem giúp mình lỗi gì với
    https://blogkinhdoanh.net/8-viec-ban-nen-biet-neu-khong-muon-song-mai-canh-ngheo-hen.html

    Thanks Bạn

    Bình luận
    • Trung Hiếu Quản lýviết

      10/03/2020 lúc 06:42

      Ngoài Yoast SEO ra, bạn còn dùng plugin hay tính năng gì để chèn thêm 1 phần meta nữa vào bên trên meta của Yoast SEO vậy?

      Bình luận
      • Khắc Tâm 2 bình luậnviết

        12/03/2020 lúc 09:47

        Mình Làm Được Rồi , Trong Phần Social Của Yoast SEO mình Chưa Nhập Mục App Id, Thanks Bạn

        Bình luận
        • Trung Hiếu Quản lýviết

          12/03/2020 lúc 13:03

          Ủa. Cái App ID đâu có bắt buộc ta? :O

          Bình luận
  6. Phong Nguyen 24 bình luậnviết

    22/02/2020 lúc 09:53

    Em chào bac ! Sao em làm theo hướng dẫn rồi mà share nó vẫn không nhận là sao bác . Xem giúp em với
    https://www.phunukieuviet.vn/lam-dep/toc-dep/xu-huong-toc-han-quoc-nam-2020.html

    Bình luận
    • Trung Hiếu Quản lýviết

      22/02/2020 lúc 11:05

      Vẫn lỗi cấu trúc kìa bạn:

      Inferred Property The ‘og:image’ property should be explicitly provided, even if a value can be inferred from other tags.
      Missing Properties The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id

      Bình luận
  7. cường 1 bình luậnviết

    28/05/2019 lúc 10:47

    Em đã làm và vẫn không được ạ
    không biết ai có thể hộ trợ em với ạ

    Bình luận
  8. Linh 2 bình luậnviết

    18/01/2019 lúc 14:06

    Em chào anh ạ. Em đã làm theo hướng dẫn nhưng vẫn không thấy hiện hình ảnh. Anh xem giúp em với ạ https://duhocvietnhat.edu.vn/hoc-bong-toan-phan-nam-2019-cua-tinh-toyama/

    Em cảm ơn anh nhiều ạ.

    Bình luận
    • Trung Hiếu Quản lýviết

      18/01/2019 lúc 17:26

      Mình share thử thấy hiện bình thường mà bạn. =.=!

      Bình luận
      • Linh 2 bình luậnviết

        18/01/2019 lúc 17:30

        Lúc chiều em debug lại thì lại được r ạ 😄

        Bình luận
  9. Nhật 4 bình luậnviết

    24/09/2018 lúc 22:21

    Bạn ơi, mình share bài viết của website mình lên FB mà sao không thấy hiện ảnh đại diện, chỉ thấy hiện title với mô tả thôi. Bạn kiểm tra hộ mình với, website mình là https://xuatkhaunhatban.vn
    Phản hồi sớm hộ mình nhé!

    Bình luận
    • Trung Hiếu Quản lýviết

      25/09/2018 lúc 06:57

      Hiện rồi đó bạn. Trang nào bị lỗi thì dùng Sharing Debugger của Facebook để “Scrape Again” nhé. Chịu khó đọc bài viết kỹ một chút đi.

      Bình luận
  10. HỒ THANH PHONG 9 bình luậnviết

    08/08/2018 lúc 08:03

    Xin chào bạn Trung Hiếu.
    Mình có gặp một lỗi mà không biết sửa bằng cách nào, nhờ Hiếu xem giúp.
    Trang web mình không thể hiển thị hình ảnh trong bài viết, lúc chỉnh sửa thì xem bình thường như xem preview,… thì không thấy hình ảnh đâu cả.
    Xin cảm ơn.

    Bình luận
    • Trung Hiếu Quản lýviết

      08/08/2018 lúc 08:17

      Bạn có cài plugin Jetpack không?

      Bình luận
      • HỒ THANH PHONG 9 bình luậnviết

        08/08/2018 lúc 08:57

        Chào Hiếu
        Mình không cài plugin đó, tự nhiên sáng nay kiểm tra thì thấy lỗi cả tất cả các bài viết. Bên Host họ cũng không sửa được luôn.

        Bình luận
        • Trung Hiếu Quản lýviết

          08/08/2018 lúc 10:51

          Site của bạn đang bật tính năng lazyload hình ảnh bằng WP Rocket? Kiểm tra xem theme hoặc ngoài WP Rocket có plugin nào khác đang bật tính năng tương tự không?

          Bình luận
          • HỒ THANH PHONG 9 bình luậnviết

            08/08/2018 lúc 10:54

            Mình cảm ơn Hiếu. Mình sẽ thử.

« 1 2 3 4 »

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Sửa lỗi WordPress

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật CloudFlare

Thủ thuật LiteSpeed

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Monarx Security được tích hợp vào dịch vụ WordPress Hosting 15/06/2025
  • Hiển thị code trong bài viết của WordPress 07/06/2025
  • Plugin SMTP siêu nhẹ dành cho WordPress 26/05/2025
  • Plugin contact form siêu nhẹ cho WordPress 23/05/2025

Bình luận mới nhất

  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.005 Bài viết - 35.545 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting