Thêm "Facebook Scrape Tag" cho Blogspot

Xin chào các bạn! Hôm nay mình sẽ hướng dẫn cho các bạn thêm "Facebook Scrape Tag" vào Blogspot.

Facebook Scrape Tag

 Khi chia sẻ website: minhtristar.blogspot.com của mình lên Facebook nó sẽ hiển thị như sau:

Hình Demo

Như các bạn đã thấy thì web của mình đã hiển thị đầy đủ thông tin ảnh đại diện, tiêu đề chính của web, nội dung web, tên miền và link tác giả web. Giờ hãy vào đường link bên dưới để kiểm tra xem website của bạn đã có thông tin gì rồi.
https://developers.facebook.com/tools/debug/og/object/
Bạn nhập website của bạn vào và ấn nút Fetch new scrape information để xem thông tin. Nếu web bạn hiển thị đẹp rồi thì thôi, còn nếu chưa thì thêm đoạn code dưới vào dưới thẻ <head>
<!-- Facebook Scrape Tag -->
<meta content='218168578325095' property='fb:app_id'/>
<meta content='https://www.facebook.com/Minh.Tri.Star.Official' property='article:author'/>
<meta content='vi_VN' property='og:locale'/>
<meta content='website' property='og:type'/>
<meta content='๖ۣۜMinh Trí - Star Official' property='og:title'/>
<meta content='MinhTriStar.BlogSpot.Com - là một website chia sẻ kiến thức tin học, thủ thuật, giải trí, đời sống... dành cho mọi người.' property='og:description'/>
<meta content='http://minhtristar.blogspot.com/' property='og:url'/>
<meta content='Minh Trí - Star' property='og:site_name'/>
<meta content='https://www.facebook.com/MinhTriStar/' property='article:publisher'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz0tR1Qzm27gwvx1tCYLB7AUkuxrA7cfDbZ7VMmQ7TGt3cdyicLi4iJv_RNluBnI4Y8DIrXN8mU9htgMo1g4Ey5DpI__8k7i-0lOE4ORG4EOLLzUPwKdhlyWGfy352rHk-4nmXGJVGs10/s1600/MT+Card.jpg' property='og:image'/>
Đoạn code trên là đoạn code mình đang sử dụng cho web mình. Bạn hãy thay đổi lại các thông tin mình bôi đỏ của mình để phù hợp với web bạn nhé. Lưu ý: kích thước ảnh đại diện nên để ở cỡ 470 x 245 Pixels thì đẹp.
Chúc các bạn thành công!


EmoticonEmoticon