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.
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ạnog:title : chỉ tên tiêu đề của trang, bài viếtog:image : địa chỉ hình ảnh của trang, bài viếtog:url : địa chỉ truy cập vào bài viếtog: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
Như vậy chúng ta sẽ có link xem id của mình là:
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'
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 web
Chú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:
Một số thuộc tính khác:
Thuộc tính chỉ đối với trang bài viết:
Cách lấy id facebook
Facebook của mình là http://www.facebook.com/jakub.luv
Chúng ta sẽ lấy phần sau địa chỉ facebook là jakub.luv 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/jakub.luv
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ẻ
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>)
Chúc các bạn thành công !
Tìm hiểu về Open Graph Meta Tags Facebook
Reviewed by Cozy
on
15:23
Rating:
Reviewed by Cozy
on
15:23
Rating:
Bạn ơi trong trường hợp web có nhiều trang con thì cách như trên chỉ được một bài thôi nhỉ. Cách khác phục để dùng cho các bài khác trong trang thế nào ạ
Trả lờiXóa