TIN MỚI:
Video clip
Loading the player...
Hỗ trợ trực tuyến
Xếp hạng Alexa
Quảng cáo Logo
TRANG CHỦ / BÀI VIẾT HƯỚNG DẪN / THỦ THUẬT TIN HỌC
Hiển thị đúng hình ảnh đại diện khi chia sẻ bài viết lên facebook
(Download CTIM) Gửi ngày 27 tháng 12 năm 2016 - 3137 lượt xem Share Facebook

Có bao giờ bạn thử share sản phẩm, bài viết từ website của mình lên mạng nhưng hình ảnh kèm theo không như mong muốn hoặc không có không? 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.

Vậy, làm thế nào để bảo với facebook rằng với link bạn sẽ post, share sẽ đi với hình ảnh này…Tất nhiên là chúng ta phải tuân theo chuẩn để facebook có thể hiểu và hiển thị đúng hình ảnh mong muốn. Chúng ta sẽ cùng tìm hiểu Open Graph Tags.

Open Graph Tags 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 Open Graph Tags đượ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 nội dung 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!

< meta property="og:url" content="d416-hien-thi-dung-hinh-anh-dai-dien-khi-chia-se-bai-viet-len-facebook.html" />
< meta property="og:image" content="uploads/images/T12_2016/010458_meta_og.png" />
< meta property="og:title" content="Hiển thị đúng hình ảnh đại diện khi chia sẻ bài viết lên facebook | Download CTIM" />
< meta property="og:type" content="article" />
< meta property="og:site_name" content="Download CTIM" />
< meta property="og:description" content="Giáo trình tài liệu tin học - Source code - Software - Thủ thuật tin học, Share bài viết, Facebook, ảnh đại diện, Share ảnh đại diện, ảnh website" />



Ngoài ra 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.

Sau khi cài đặt, bạn có thể thử với sản phẩm nào mình chưa share để tránh facebook hiển thị lại hình ảnh đã cache.

Bạn có thể kiểm tra hình ảnh của mình hiển thị đúng không tại đây. Bạn chọn Fetch new scrape infomation. Bạn cũng có thể dùng công cụ này để xóa cache hiển thị không đúng trước đó nhé. Nếu xảy ra lỗi thì công cụ sẽ đưa ra thông tin để bạn khắc phục.

Tác giả: Quang Sáng
Tags: Share bài viết Facebook ảnh đại diện Share ảnh đại diện ảnh website

GỬI BÌNH LUẬN VỀ BÀI VIẾT
CAPTCHA: * Khác

Các bài mới nhất:

Các bài khác trong cùng danh mục:

Các bài mới trong cùng danh mục:

Trở về đầu trang
Từ khóa: Mục tin:
  Kiểu gõ phím: Tắt Telex VNI VIQR
Thăm dò ý kiến
Bạn đánh giá Download CTIM như thế nào?

Nội dung hay và bổ ích
Nội dung khá tốt
Nội dung bình thường
Nội dung không hay
Khác
Quảng cáo Logo