Cập nhật: 08/02/2020 bởi Helpsly

facebook Logo

Open Graph là một công nghệ được giới thiệu lần đầu tiên bởi Facebook vào năm 2010 cho phép tích hợp giữa Facebook và dữ liệu người dùng của nó và một trang web. Bằng cách tích hợp Mở đồ thị thẻ meta vào nội dung trang của bạn, bạn có thể xác định yếu tố nào của trang mà bạn muốn hiển thị khi ai đó chia sẻ trang của bạn.

Ví dụ: bạn có thể sử dụng thẻ og: image để chỉ định hình ảnh bạn muốn Facebook để sử dụng khi trang của bạn được chia sẻ. Bằng cách chỉ định Mở đồ thị thông tin, Facebook không phải đoán thông tin sẽ sử dụng khi trang của bạn được chia sẻ.

Ví dụ về thẻ meta Open Graph

Dưới đây là một ví dụ về cách Mở đồ thị thẻ meta xuất hiện trên trang này để bạn hiểu rõ hơn về cách chúng có thể được sử dụng. Nếu bạn đã quen với các thẻ meta HTML, bạn sẽ ngay lập tức nhận thấy rằng sự khác biệt thực sự duy nhất giữa thẻ meta và thẻ Open Graph là các thuộc tính thuộc tính có sẵn.

<meta property="og:title" content="What is Open Graph?"/>
<meta property="og:description" content="Computer dictionary definition of what Open Graph means, including related links, information, and terms."/>
<meta property="og:type" content="article"/>
<meta property="og:image" content="https://www.helpsly.net/comp/logos/facebook.gif"/>

Cách thêm thẻ meta Open Graph

Giống như các thẻ meta khác, Mở đồ thị thẻ phải nằm trong phần đầu của trang HTML. Nếu bạn tự thay đổi HTML, các thẻ này có thể được thêm vào bằng cách sử dụng bất kỳ trình soạn thảo HTML nào. Nếu bạn đang sử dụng CMS như WordPress, bạn có thể thay đổi mẫu hoặc sử dụng một plugin như Yoast để quản lý các thẻ này.

Tổng quan về thẻ meta Open Graph

Dưới đây là danh sách hàng đầu Mở đồ thị thuộc tính thẻ meta có thể được sử dụng với mô tả ngắn gọn. Chúng tôi đã cố gắng liệt kê từng thứ này theo mức độ quan trọng. Ngoài ra, cần lưu ý rằng không phải tất cả các thẻ này đều bắt buộc, nhưng giúp xác định đúng các phần trên trang của bạn.

og: tiêu đề

Tiêu đề của trang.

og: hình ảnh

Hình ảnh bạn muốn sử dụng khi trang được chia sẻ. Sử dụng thuộc tính og: image sẽ hữu ích nếu trang của bạn có nhiều hình ảnh và bạn muốn sử dụng một hình ảnh cụ thể.

Ghi chú: Facebook không sử dụng bất kỳ hình ảnh nào nhỏ hơn chiều rộng 300px và chiều cao 200px.

og: mô tả

Mô tả của trang.

og: loại

Loại đối tượng hoặc trang bạn đang mô tả. Một số loại có thể được sử dụng bao gồm các bài báo, album nhạc, video phim và trang web.

og: url

URL chuẩn của đối tượng hoặc trang.

og: locale

Vị trí của thông tin. Theo mặc định, giá trị ngôn ngữ là en_US và không cần thiết trừ khi nó không phải là Tiếng Anh hoặc ở bên ngoài Hoa Kỳ.

Cách kiểm tra tích hợp Open Graph của trang web của bạn

Facebook cung cấp Mở đồ thị trình gỡ lỗi cho phép mọi người kiểm tra trang của họ và xem nó trông như thế nào khi được chia sẻ trên Facebook. Sử dụng công cụ này giúp xác minh Mở đồ thị được phát hiện và không có lỗi nào khác mà bạn có thể không biết trên trang.

Facebook, thuật ngữ Internet, thuật ngữ SEO, Web điều khoản thiết kế

Trên đây là thông tin về Open Graph. Hãy để lại ý kiến ​​trong phần bình luận bên dưới hoặc like và share helpsly.net trên phương tiện truyền thông xã hội để giúp quảng bá rộng rãi về giải pháp này.