Open Graph là gì ? Cách sử dụng Open Graph thế nào cho hiệu quả ?Bạn sẽ thấy có những website khi chi sẻ có những hình thu nhỏ và đoạn mô tả đi kèm nhưng đôi khi có những website không có tại sao ?
Đây là cũng là một hoạt động quan trọng tối ưu seo tổng thể website tìm thiểu thêm về seo tổng lể là gì Open Graph là 1 cầu kết nối mở từ website của bạn với các mạng xã hội giúp người xem nội dung của bạn dễ dàng tương tác và phát tán vơi nội dung này như một phần của mạng xã hội , từ đó bạn nhận được nhiều lợi ích trong mục đích quảng bá lan truyền thông điêp của bạn.
Thông thường các mạng xã hội Facebook, Twitter… không thể tự nhận ra các thông tin trên trang web của bạn. Vì vậy, khi bạn muốn Like hay Share một bài viết, nhiều nhất thì Facebook chỉ nhận ra link bài viết thôi. Muốn nó biết bài viết đó có tiêu đề là gì, phần mô tả (description), thumbnail… thì mình phải chỉ cho nó các phần đó. 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 có các thuộc tính 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. |
Sau khi đã nắm được Open Graph là gì ? Chúng ta hãy cùng tìm hiểu cách chèn Facebook 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 SEO by Yoast hoặc plugin này. Sau khi cài Yoast wordpress SEO bạn cấu hình như sau: vào SEO->social->check vào Add OpenGraph meta data.
Cách chèn thủ công Open Graph vào website - 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
Một số thuộc tính của Facebook Open Graph
Og:title: Đây 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ụ:
Ví dụ:
<head>
<title>Cùng Làm SEO</title>
<meta property="og:title" content="SEO tổng thể là gì ?">
</head>
Og:type: Đây là nơi bạn mô tả loại hình nội dung mà bạn chia sẻ. Nó có thể là video, ảnh, bài viết blog…Đây là danh sách đầy đủ bạn có thể nghiên cứu khi định hình nội dung cho mình.
Ví dụ:
Ví dụ:
<head>
<title>Bán hàng hiệu quả</title>
<meta property="og:title" content="Bán hàng hiệu quả">
<meta property="og:type" content="article">
</head>
og: description: Giống như meta description html, nó sẽ dùng mô tả nội dung. Bạn không quan trọng nó có nhiều từ khóa trong đó hay không thay vì đó bạn nên tiếp cận việc viết descipton hấp dẫn lôi cuốn để nhận được nhiều click. Giới hạn trong khoảng 297 kí tự.
Ví dụ:
Ví dụ:
<head>
<title>Seo tổng thể là gì ?</title>
<meta property="og:title" content="Seo tổng thể là gì ?">
<meta property="og:type" content="article">
<meta property="og:description" content="Seo tổng thể là gì ? Những lợi ích đến từ việc làm seo tổng thể cho công việc kinh doanh bán hàng của bạn hiệu quả thế nào">
</head>
<title>Seo tổng thể là gì ?</title>
<meta property="og:title" content="Seo tổng thể là gì ?">
<meta property="og:type" content="article">
<meta property="og:description" content="Seo tổng thể là gì ? Những lợi ích đến từ việc làm seo tổng thể cho công việc kinh doanh bán hàng của bạn hiệu quả thế nào">
</head>
og:image: Bằng cách sử dụng thẻ này, 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 50pxx50px nhưng hình ảnh chuẩn nên là một ảnh lớn hơn tầm 200x200px. Và kích thước không được nhiều hơn 5mb.
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ỉ đinh, tránh phân tán, 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.
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.
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 50pxx50px nhưng hình ảnh chuẩn nên là một ảnh lớn hơn tầm 200x200px. Và kích thước không được nhiều hơn 5mb.
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ỉ đinh, tránh phân tán, 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.
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.
Lỗi của Facebook Open Graph thường gặp
Lỗi thường 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 ?
- Hoặc vào công cụ mà Debug của facebook cung cấp để xóa cache đi.
Và ngay bây giờ hãy tối ưu website của mình để dễ dàng chia sẻ trên mạng xã hội facebook hơn tạo sự tương tác tốt nhất với người dùng và website
- Để 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.
Và ngay bây giờ hãy tối ưu website của mình để dễ dàng chia sẻ trên mạng xã hội facebook hơn tạo sự tương tác tốt nhất với người dùng và website
Bài viết có sử dụng nhiều nguồn tham khảo khác nhau