Facebook Scrape Tag cho website

Chào các bạn! Mình thấy có nhiều bạn làm website nhưng khi chia sẻ lên Facebook thì nó hiển thị Tiêu đề, mô tả, ảnh đại diện,.. không được chuẩn xác. Nguyên nhân chính là do các bạn chưa thêm Facebook Scrape Tag trong phần code của web. Bài này mình sẽ giới thiệu các bạn đoạn code để các bạn thêm vào website của mình.
Hướng dẫn thêm Facebook Scrape Tag cho website để hiển thị đẹp hơn trên Facebook
Facebook Scrape Tag
Như các bạn thấy thì khi các bạn chia sẻ website Ftrick.com lên Facebook thì nó sẽ hiển thị như sau
Các thành phần hiển thị trên Facebook
Như các bạn thấy thì nó có ảnh đại diện, tiêu đề chính của website, ngay bên dưới là dòng mô tả nội dung của web. Bên dưới nữa là tên miền và link tác giả của web. Để kiểm tra xem website của bạn đã có gì và chưa có gì thì hãy sử dụng link bên dưới
https://developers.facebook.com/tools/debug/og/object/
Các bạn nhập link vào và bấm nút bên phải Fetch new scrape information để cho nó hiển thị. Nếu web bạn đã hiển thị ngon lành rồi thì thôi, còn nếu chưa có thì hãy thêm đoạn code sau vào trong cặp thẻ <head> là được
<!-- Facebook Scrape Tag -->
<meta content='336914666696707' property='fb:app_id'/>
<meta content='https://www.facebook.com/KomzonMarketer' property='article:author'/>
<meta content='vi_VN' property='og:locale'/>
<meta content='website' property='og:type'/>
<meta content='Ftrick - Facebook Tips and Tricks' property='og:title'/>
<meta content='How to Become a Facebook Power User' property='og:description'/>
<meta content='http://ftrick.com' property='og:url'/>
<meta content='Ftrick' property='og:site_name'/>
<meta content='https://www.facebook.com/Ftrick.Official/' property='article:publisher'/>
<meta content='https://lh4.googleusercontent.com/-kV_P1ruGE6s/V761Q5TkSTI/AAAAAAAAHAI/jwrfN6EUBMwork6xpFUgZEdeyqWCsJ8HgCLcB/s1600/Home-page-thumb.png' property='og:image'/>
Trên đây là đoạn code mà mình đang sử dụng cho Ftrick. Bạn hãy thay những phần mình đánh dấu màu đỏ cho nó phù hợp với thông tin trang của bạn. Chú ý một chút là kích thước ảnh đại diện thì nên để cỡ 470 x 246 pixels thì đẹp nhất. Chúc các bạn thành công!


Rated 4.6/5 based on 28 votes

0 Response to "Facebook Scrape Tag cho website"

Post a Comment