[Thủ thuật] Giới thiệu về Open Graph, cách sử dụng và khắc phục khi lổi

Có lẽ các bạn đã nghe đến từ này nhiều rồi.Đây là một giao thức giúp cho các mạng xã hội sẽ lấy được nhiều thông tin hơn để hiển thị cho người dùng xem ví dụ :

facebook

 

Khi mình post một link lên facebook thì face sẽ có cái ô preview này với các thông tin như tiêu đề,hình ảnh,mô tả…Nếu website của mình ko có các thẻ Open Graph thì sao ? Không sao cả,vì lúc đó nó vẩn lấy được nhưng không theo ý của mình thôi  🙁

Để thêm Open Graph web site thì các bạn chỉ cần thêm các thẻ vào phần head của website là ok.

Gỉai thích :

  •  – Tiêu đề mà bạn muốn hiện ví dụ như “Thủ thuật WordPress”.
  •  -Loại ví dụ: ” video.movie”
  •  – Hình ảnh
  •  – URL cái này giống như là ID vậy ví dụ “http://nqdung.info”

Trên đây là một số các thuộc tính cơ bản thường sử dụng nhất của Open Graph các bạn có thể xem thêm ở đây.

Nếu web bạn làm bằng wordpress thì bạn có thể dùng các plugin SEo như SEO Ultimate,All in One,… để có thể custom các thẻ Open Graph.

Một lổi hay gặp của Open Graph đó là không lấy được hình ảnh,tiêu đề,hay mô tả..

facebook 1

 

Để khắc phục lổi này thì bạn nên kiểm tra lại các thẻ META Open Graph đã đúng chưa ?

Hoặc vào công cụ mà Debug của facebook cung cấp để xóa cache đi.

Nếu có thắc mắc gì thì cứ comment nhé !

5
Leave a Reply

avatar
2 Comment threads
3 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
3 Comment authors
Sơn ZimNguyễn Quốc DũngThương Lee Recent comment authors
  Subscribe  
newest oldest
Notify of
Sơn Zim

Blog của mình bị lỗi hình ảnh khi share lên fb, cụ thể là chỉ có 1 khung trắng tinh, cả tháng rồi k tìm được cách khác phục, ai biết giúp cái.

Thương Lee

Sử dụng plugin Seo by Yoast để nó tự hỗ trợ phần này, trong bài viết có ít nhất 1 ảnh là được rồi 😀