Hướng dẫn Facebook open graph meta tags

Hướng dẫn Facebook open graph meta tags

Không có gì bí mật mà Facebook đã trở thành một trình điều khiển lưu lượng dữ liệu lớn cho tất cả các loại trang web. Ngày nay, ngay cả các tập đoàn lớn đều hướng người tiêu dùng đến với trang Facebook của họ thay vì của các trang web của công ty. Và tất nhiên có Facebook widget "Like" và "Recommend" trên tất cả các website. Một vấn đề luôn luôn tìm thấy với chia sẻ URL trên Facebook là bạn thường không kiểm soát được hình ảnh và văn bản mô tả đi kèm với URL. Nếu biết về Facebook Open Graph API thì đó là giải pháp cho vấn đề đó.

Giao thức Facebook Open Graph cho phép các nhà phát triển web để biến trang web của họ vào đối tượng Facebook "Graph", cho phép một mức độ nhất định tuỳ biến thông tin được thực hiện qua từ một trang web khi một trang được "recommended", "liked" , hoặc chỉ chia sẻ chung chung. Thông tin được thiết lập thông qua các thẻ META tùy chỉnh trên trang nguồn. Chúng ta hãy nhìn vào thẻ META Facebook khác nhau sử dụng để cho phép bạn tùy chỉnh như thế nào trang web của bạn được chia sẻ.
Tất cả các thẻ meta Facebook's Open Graph của Facebook được bắt đầu với og:, sau đó tiếp tục thiết lập với các giá trị cụ thể. Các dữ liệu liên quan đều thiết lập tài sản trong thuộc tính content:
<meta property="og:{tagName}" content="{tagValue}"/>
Sử dụng thẻ META đơn giản này, bạn có thể nói cho Facebook những hình ảnh, văn bản, và nhiều hơn nữa để sử dụng khi chia sẻ trang web của bạn. Chúng ta hãy xem xét một vài thẻ META quan trọng!
image
Thẻ META hình ảnh chỉ cho Facebook sử dụng hình ảnh cụ thể khi trang được chia sẻ:
<meta property="og:image" content="http://vncore.com/logo.png" />
Tốt nhất là sử dụng hình ảnh vuông, như Facebook sẽ hiển thị chúng trong vấn đề này. Hình ảnh đó phải có ít nhất 50x50 trong bất kỳ hình thức hình ảnh thường được hỗ trợ (JPG, PNG, vv)
title
Tiêu đề đi cùng với URL
<meta property="og:title" content="Facebook Open Graph META Tags" />
Trong hầu hết các trường hợp sẽ là tiêu đề bài ​​viết hoặc tiêu đề trang.
url
URL phải là địa chỉ của một trang nhất định:
<meta property="og:url" content="http://vncore.com/tin-tuc/facebook-open-graph-mete-tags" />
site_name
Facebook cung cấp các tên mà bạn muốn trang web của bạn được công nhận bởi:
<meta property="og:site_name" content="David Walsh Blog"/>

Điều này là rất hữu ích cho Facebook có thể không có cách nào biết được ngoài thẻ META này.
type
Facebook cung cấp các loại trang web mà bạn muốn trang web của bạn được phân loại theo:
<meta property="og:type" content="blog" />
Thêm về Facebook Open Graph META Tags
Các thẻ META cung cấp ở trên chỉ là một vài trong số các thẻ Facebook Open Graph META Tags. Nó còn quy định các thẻ META cho:

• Facebook cài đặt ứng dụng cụ thể, nếu trang web của bạn cũng có một ứng dụng Facebook.
• Hoạt động.
• Doanh nghiệp.
• Nhóm
• Địa điểm.

Truy cập vào trang Facebook Open Graph để lấy thêm chi tiết về mỗi thẻ META. Facebook cũng cung cấp một công cụ debugger để giúp bạn xác nhận những gì bạn đang gửi!

Open Graph protocol là một cách tuyệt vời để không chỉ chia sẻ thông tin của một trang nhưng cũng kiểm soát thông tin trang web của bạn được chia sẻ. Sử dụng các thẻ META có thể là sự khác biệt trong việc thu hút khách hàng đến với website của bạn. Đó là điều mà một lập trình viên khi lập trình website cần phải biết ngày nay.