Fix lỗi ko debug dc share hình website

Có doanh nghiệp chắc hẳn đã không ít lần gặp tình huống share sản phẩm, bài viết từ website của mình lên Facebook mà hình ảnh kèm theo không như mong muốn hoặc không hiển thị. Vậy, làm thế nào để bảo với facebook rằng với link bạn sẽ post, share sẽ đi với hình ảnh này…Tất nhiên là chúng ta phải tuân theo chuẩn để facebook có thể hiểu và hiển thị đúng hình ảnh mong muốn. Bài viết dưới đây, VietISO sẽ hướng dẫn các đối tác đang sử dụng sản phẩm isoCMS nói riêng và các doanh nghiệp sở hữu website nói chung những lưu ý và cách khắc phục lỗi thường gặp này.

Điều đầu tiên, bạn phải chắc chắn rằng hình ảnh upload lên website 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.

Tiếp theo, kiểm tra đường link cần chia sẻ bằng cách dán vào khung bài đăng Facebook, nếu thấy tự động hiện ảnh thumbnail nhưng ảnh bị sai hoặc thiếu có nghĩa là bạn sẽ phải sửa lỗi.

1. Share link Facebook hiển thị sai/thiếu ảnh

Trường hợp 1: Không có Open Graph image

Facebook cung cấp một nhóm các meta tag cho các nhà phát triển với cái tên Open Graph. Thuộc tính này giúp bổ sung một số thông tin cần thiết khi người dùng chia sẻ một liên kết nào đó lên mạng xã hội Facebook. Ở đây chúng ta bàn đến thuộc tính og:image.

Trường hợp 2: Hình ảnh giới thiệu không đạt chuẩn/ không thể nhận diện.

Trường hợp thứ hai mà chúng ta bàn đến là khi đã bổ sung các thẻ og nhưng hình ảnh link khi chia sẻ lên Facebook vẫn không hiển thị hoặc hiển thị một hình ảnh "trời ơi" nào đó.

Khi này, có 2 yếu tố bạn cần xét đến.

++ Trường hợp ảnh minh họa là một URL.

URL gốc bị gán thêm đoạn domain của website ở phía đầu. Khi đó link ảnh của bạn sẽ bị sai, dẫn đến việc share link trên Facebook cũng bị ảnh hưởng.

++ Trường hợp ảnh được upload lên hosting

Bạn sẽ thắc mắc tại sao hình ảnh được upload lên hosting mà share link vẫn bị sai hình ảnh minh hoạ.

Mặc định, Facebook yêu cầu ảnh minh hoạ cho link phải đạt 200px mỗi chiều cho hình ảnh mà thẻ og:image chỉ định. Nếu ảnh này không tồn tại (404) hoặc có kích thước quá nhỏ so với yêu cầu, Facebook sẽ bỏ qua và tự tìm kiếm ảnh tiếp theo phù hợp và gán vào link.

Đó là lý do vì sao bạn share link mà Facebook lại nhận các ảnh từ banner hay từ block nào đó thay vì hình ảnh mà bạn đã cấu hình cho bài viết.

Bạn giải quyết bằng cách tăng kích thước ảnh minh hoạ (thumbnail) khi upload cho website.

Sau đó hãy tiến hành upload lại các hình ảnh cần thiết để nó sinh ra các ảnh thumb có kích thước mong muốn. Đảm bảo bạn cấu hình crop ảnh phải trên 200px nhé.

Trường hợp 3: Yếu tố hosting, tốc độ mạng

Yếu tố cuối cùng này là ít ảnh hưởng nhất đến kết quả khi share bài viết của bạn lên mạng xã hội.

++ Hosting chặn các bots Facebook

Một số hosting có cấu hình bảo mật khá cao, nhằm giảm băng thông cũng như giảm tải cho hệ thống mà các nhà cung cấp có thể chặn bớt các bots tìm kiếm dữ liệu từ các bộ máy tìm kiếm, các trang lấy tin tự động hay mạng xã hội, bao gồm Facebook hay Google, Google+ ...

Dù khả năng này là rất thấp nhưng hãy đảm bảo bạn không bị vướng vào yếu tố này nhé.

++ Tốc độ mạng quá chậm

Một yếu tố thú vị khác, đó là khi cáp quang quốc tế bị cá mập cắn hoặc mạng nhà bạn quá chậm. Quả thực nếu dính vào trường hợp này thì chúng ta không thể làm gì hơn.

Nếu đủ kiên nhẫn, bạn có thể thử đi thử lại việc share link cho đến khi nào kết quả như ý muốn được hiển thị. Tốn chút ít thời gian nhưng chúng ta cũng không có lựa chọn nào khá hơn.

Lưu ý: Đặc biệt, các đối tác đang sử dụng các sản phẩm website isoCMS của VietISO cần chú ý khi upload ảnh lên website, tên ảnh không chứa các ký tự đặc biệt, tên thư mục ảnh trong admin không chứa dấu cách ( ) (ví dụ như: blog tour => blogtour) mà phải viết liền không dấu.

2. Share link Facebook không hiển thị ảnh

Bước 1: Kiểm tra đường link cần chia sẻ bằng cách dán vào khung bài đăng Facebook, nếu không thấy tự động hiện ảnh thumbnail có nghĩa là bạn sẽ phải sửa lỗi.

Sửa lỗi chia sẻ link Facebook không hiện ảnh thumbnail: Lấy lại đường link cần chia sẻ, ấn "F5" Facebook và dán vào khung bài đăng Facebook lần nữa để kiểm tra. Trong ảnh là chúng ta đã sửa lỗi Facebook không "khui" ảnh thumbnail.

Facebook Debug là công cụ miễn phí cho phép người dùng phát hiện các vấn đề liên quan đến bản xem trước của bài đăng trên Facebook. Việc sử dụng trình gỡ lỗi này sẽ giúp người dùng xem được hình ảnh và chú thích tương ứng khi chia sẻ các link website lên Facebook.

Giao diện của Facebook Debug

Mục lục

1. Vì sao Facebook xảy ra lỗi hiển thị bài đăng chứa link website

Khi đăng bài kèm link WordPress lên Facebook mà xảy ra tình trạng không có ảnh hiển thị, tiêu đề, mô tả tương ứng hoặc hiển thị sai thì có thể là do:

• Bộ nhớ đệm của WordPress vẫn giữ lại các thành phần như hình ảnh nổi bật hoặc thẻ meta ngay cả khi có sự thay đổi trên trang web. Điều này dẫn đến việc Facebook gặp lỗi trong việc nhận diện các yếu tố chính xác.
• Bộ nhớ đệm của Facebook lưu lại các thông tin cơ bản về bài viết trong 30 ngày. Nếu nội dung trên trang web bị thay đổi thì Facebook sẽ không tự động cập nhật và hiển thị thông tin mới cho đến khi hết thời hạn 30 ngày lưu cache.
• Hình ảnh đại diện cho website không tuân theo yêu cầu về kích thước tối thiểu của Facebook. Trong trường hợp này, Facebook sẽ xem xét các hình ảnh còn lại trên trang để tìm sự thay thế thích hợp. Cách xử lý tương tự cũng áp dụng với trường hợp trang web chưa được đặt hình ảnh đại diện.
• Facebook sử dụng siêu dữ liệu SEO để thay thế cho dữ liệu Open Graph trong việc tạo tiêu đề và mô tả trang web cho bài đăng của người dùng.

2. Cách dùng Facebook Debug để sửa lỗi hiển thị bài đăng

Nếu bạn gặp rắc rối với việc đăng bài kèm link website trên Facebook, hãy sử dụng Facebook Debug để kiểm tra và sửa lỗi này theo các bước dưới đây:

Bước 1: Chạy trình gỡ lỗi Facebook

Nhấn vào link: https://developers.facebook.com/tools/debug/. Nhập URL vào ô và chọn Gỡ lỗi.

Hãy chú ý đến các danh mục mà công cụ này đã truy xuất như thời gian trích xuất, mã phản hồi và xem trước liên kết.

Thông tin về các trường do Facebook thu thập từ lần quét gần nhất

• Thời gian trích xuất là thời điểm Facebook quét thông tin và lưu vào bộ nhớ đệm khi link được đăng trên Facebook. Nếu trang web đã có sự thay đổi, bạn có thể chọn Thu thập lại.
• Mã phản hồi: hiển thị ký tự 200 hoặc 206 là tốt.
• Xem trước liên kết: nếu bạn không hài lòng với cách mà bài đăng xuất hiện trên Facebook thì đây là lúc để khắc phục vấn đề này.

Bước 2: Xem lại thuộc tính Open Graph

Kéo tiếp xuống phía dưới và bạn sẽ nhìn thấy thuộc tính Open Graph mà Facebook truy xuất từ trang. Nếu không có thông tin nào xuất hiện trong các trường này, thì có thể thuộc tính Open Graph đã bị thiếu.

Kiểm tra các thuộc tính Open Graph được Facebook truy xuất từ trang

Lúc này, bạn hãy cập nhật thủ công siêu dữ liệu với thẻ meta Open Graph hoặc sử dụng plugin để khắc phục tình trạng này.

Bước 3: Xóa bộ nhớ đệm của WordPress

Bạn đăng nhập vào website WordPress của mình và nhấn chọn Clear Cache trên thanh quản trị đầu trang.

Bước 4: Tiến hành thu thập lại dữ liệu

Chọn Thu thập lại tại trường thời gian trích xuất trong trình gỡ lỗi Facebook để xóa bộ nhớ đệm của Facebook và truy xuất phiên bản đã thay đổi của trang web. Hãy chắc chắn rằng website đã được bổ sung hình ảnh hiển thị, với kích thước đúng yêu cầu của Facebook hoặc đã có dữ liệu Open Graph.

Bước 5: Xem lại và đăng bài

Sau khi hoàn thành 4 bước trên, bạn hãy kiểm tra lại các nội dung của bản xem trước bài đăng. Nếu đã hài lòng với mọi thứ thì bạn có thể đăng bài như bình thường.

Giờ thì bạn đã biết cách làm thế nào để tự sửa lỗi bài đăng không hiển thị hình ảnh, tiêu đề hoặc chú thích đúng khi đăng lên Facebook rồi đúng không nào? Facebook Debug là một công cụ rất thân thiện với người dùng, bạn có thể dễ dàng khai thác tính năng của nó mà không gặp bất cứ khó khăn nào.