Tìm hiểu về Open Graph Meta Tags Facebook

Như chúng ta đã biết tại thời điểm này các mạng xã hội đang làm mưa làm gió trên internet điển hình là Facebook. Mọi người truy cập mỗi lúc, mỗi ngày và hàng tá những thông tin của tất cả mọi thứ nhỏ nhặt hàng ngày đến những sự kiện nóng bỏng trên thế giới đều được đề cập.

Nhưng những thông đó có thực sự bắt mắt trên bảng tin mới của facebook khiến cho người xem có thể nhấp chuột để đọc thông tin đó không?


Và bài này tôi sẽ hướng dẫn các bạn có thể trình bày được đầy đủ nội dung, hình ảnh của bài viết với Open graph meta tags mở ra cho thẻ meta được Facebook phát triển. Bên cạch đó các thẻ meta này cũng giúp cho việc SEO blog, website rất nhiều.

Xem bài viết hiển thị trên mạng xã hội Facebook
Khi các bạn chia sẻ bài viết trên web, blog lên Facebook hiển thị thiếu nội dung hoặc không đầy đủ. Chúng ta sẽ nhờ đến công cụ URL Debugger của Facebook. Công cụ này sẽ giúp các bạn tìm ra lỗi ở chỗ nào để chúng ta có thể sửa chữa hoặc thêm meta tags vào trong web, blog. Nếu có lỗi nó sẽ báo ở phần Warnings That Should Be Fixed bằng chữ được bôi đỏ hoặc vàng.

Nhập URL và ấn vào Debug để xem cách nó hiển thị hoặc Fetch new scrape information để xem thêm các thông tin phụ khác.

Thêm open graph meta tags vào webChúng ta có code open graph meta tags chuẩn sẽ như sau:
<meta property='og:type' content='website'/>
<meta property='og:site_name' content='Sun Fantastic - Tên trang web'/>
<meta property='og:title' content='Tên tiêu đề của bài viết'/>
<meta property='og:image' content='Địa chỉ hình ảnh'/>
<meta property='og:url' content='Địa chỉ URL bài viết'/>
<meta property='og:description' content='Mô tả'/>
<meta property='fb:admins' content='ID'/>

Thẻ meta với các thuộc tính được đánh dấu:

og:type : bài viết trong thư mục gì (website, blog, article,...)
og:site_name : tên tiêu đề của trang web của bạn
og:title : chỉ tên tiêu đề của trang, bài viết
og:image : địa chỉ hình ảnh của trang, bài viết
og:url : địa chỉ truy cập vào bài viết
og:description : mô tả cho bài viết

Một số thuộc tính khác:

fb:admins : id facebook của bạn (quản trị viên)
fb:app_id : id app của bạn
og:locale : ngôn ngữ quốc gia bạn sống (vd: vi_VN)

Thuộc tính chỉ đối với trang bài viết:

article:published_time : thời gian đăng bài
article:modified_time và og:updated_time : thời gian sửa bài cuối cùng
article:publisher : tên của trang web (nhà xuất bản).
article:section : bài viết thuộc chuyên mục gì.
article:author : địa chỉ URL facebook của tác giả bài viết
Cách lấy id facebook
Facebook của mình là http://www.facebook.com/duy-kute
Chúng ta sẽ lấy phần sau địa chỉ facebook là duy-kute và viết nó vào sau địa chỉ này:
https://graph.facebook.com/

Như vậy chúng ta sẽ có link xem id của mình là:
https://graph.facebook.com/duy-kute

Các bạn nhập địa chỉ đó vào trình duyệt nó sẽ cho các bạn xem thông tin của mình. Chúng ta chỉ lấy phần số ở địa chỉ id và nhập vào thẻ meta property='fb:admins'


Sau khi điền xong tất cả các thuộc tính meta tags chúng ta copy vào phần đầu của trang web (trong thẻ <head>)
Facebook Comments
Blogger Comments
Duy kute

Copyright © 2012 - Duy kute ®