Open Graph là gì?
Facebook Open Graph 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 thiết kế website của bạn trở thành một phần của mạng xã hội. Mục đích để cho việc quảng bá website và tương tác mạng xã hội được dễ dàng hơn. Vậy những thông tin cần biết khác về Open Graph là gì? Chúng ta cùng tìm hiểu nhé!Cách bài viết của bạn hiển thị trên Facebook khi chia sẻ được gọi là Open Graph |
Khi chèn Open Graph vào website nó sẽ làm cho web pages mà bạn chia sẻ trở thành đối tượng. Thuộc tính của những đối tượng mà mạng xã hội yêu cầu như là title, description, ảnh thumbnail…Vì thế link chia sẻ sẽ có đầy đủ ảnh thumbnail, description do bạn chỉ định để lôi kéo người đọc click theo chủ ý của bạn.
Hướng dẫn chèn Open Graph vào website
Nếu bạn thiết kế website bằng WordPress bạn có thể xem xét sử dụng plugin Yoast SEO. Sau khi cài Yoast SEO bạn cấu hình như sau: vào SEO -> Social -> check vào Add OpenGraph meta data.Nếu bạn không dùng WordPress thì phải làm bằng tay để chèn các thẻ này vào phần <head></head>
Các mạng xã hội khác cũng sử dụng Open Graph để thu thập các thuộc tính cần thiết của website khi chia sẻ |
Các thuộc tính của Facebook Open Graph
Open Graph og:title là gì?
Og:title là nơi bạn đặt tiêu đề cho nội dung bài viết của bạn. Hãy nghĩ nó giống như thẻ title html mà Search Engine sử dụng. Khi tạo or:title hãy giữ số kí tự ít hơn 95.Ví dụ:
<
head
>
<
title
>test site</
title
>
<
meta
property
=
"og:title"
content
=
"test site
"
>
</
head
>
Open Graph og:type là gì?
Ví dụ:
<
head
>
<
title
>test site</
title
>
<
meta
property
=
"og:title"
content
=
"test site
"
>
<
meta
property
=
"og:type"
content
=
"article"
>
</
head
>
Open Graph og:description là gì?
Ví dụ:
<
head
>
<
title
>test site</
title
>
<
meta
property
=
"og:title"
content
=
"test site
"
>
<
meta
property
=
"og:type"
content
=
"article"
>
<
meta
property
=
"og:description"
content
=
"this is a test site"
>
</
head
>
Thẻ og:image là gì?
og:image Facebook sẽ đưa ra một hình ảnh thumbnail khi ai đó chia sẻ url của bạn, và một hình ảnh nhỏ sẽ xuất hiện bên cạnh nội dung bạn chia sẻ. Đây là cách làm nổi bật status của bạn so với các status được cập nhật bằng text trên timeline người khác.Vậy làm thế nào có thể sử dụng thẻ này. Facebook có vài điều kiện như là ảnh phải có kích thước ít nhất 50px x 50px nhưng hình ảnh chuẩn nên là một ảnh lớn hơn tầm 200 x 200px. Và kích thước không được nhiều hơn 5mb.
Thẻ Open Graph og:url là gì?
Og:url: Thẻ này bạn sẽ đặt url chính (canonical url) của trang bạn chia sẻ nó quan trọng bởi vì đôi lúc bạn sẽ có nhiều hơn 1 URL cho cùng 1 nội dung.. Sử dụng thẻ này sẽ đảm bảo tất cả những gì người khác chia sẻ trên facebook đều đi đến 1 url gốc mà bạn chỉ định. Tránh phân tán và nó sẽ gúp bạn về Facebook EdgeRank.Og:title, og:descipton, og:image, og:url sẽ là 4 thứ tối thiểu bạn phải sử dụng khi thiết lập Open Graph cho website.
Một số thẻ Open Graph khác
Og:site_name: Chỉ cho Facebook tên của website. Bạn không thực sự cần thẻ này nhưng nó cũng không ảnh hưởng gì nhiều nếu có nó.fb:admins: Nếu bạn có 1 fanpage và bạn muốn nhận đuợc nhiều dữ liệu trong faecbook Insights, thì bạn phải dùng thẻ này. Nó chỉ cho cho Facebook bạn là chủ site và nó kết nối facebook fanpage tới website của bạn.
Như vậy các thẻ meta không chỉ dành riêng cho công cụ tìm kiếm mà các trang mạng xã hội cũng sử dụng. Bạn tối ưu các thẻ meta trên website cho công cụ tìm kiếm để tăng click và cải thiện vị trí xếp hạng thì bạn cũng nên làm điều đó với Facebook thông qua các thẻ meta trong giao thức Open Graph.
Cách sửa lỗi Open Graph khi chia sẻ website trên Facebook
Facebook Debugger có nhiệm vụ sửa các lỗi hiển thị thumbnail khi chia sẻ bài viết trên mạng xã hội |
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ả. Để 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? Sau đó vào công cụ mà Debug của facebook cung cấp để xóa cache đi.
Bạn có thể xem thêm "Những lỗi Open Graph thường gặp" để tối ưu hiện thị website của mình khi chia sẻ trên Facebook nhé!
Bình luận:
0 comments: