Skip to content
  • Đăng nhập
  • Đăng nhập
  • Khuyến mại
    • Tên miền
          • Đăng ký tên miền
          • bang-gia-ten-mienBảng giá tên miền
          • Kiểm Tra Tên Miền
          • Gợi ý tên miền AI
          • ten-mien-vn-14Tên Miền .VN
          • Tên miền miễn phí
          • Gia hạn tên miền
          • Hướng dẫn chuyển tên miền về BKNS
          • Thủ tục chuyển nhượng tên miền VN
          • Quy trình xử lý khiếu nại tên miền
          • Các quy trình tên miền khác
          • Biểu Mẫu Hồ Sơ Đăng Ký
    • Hosting
          • hosting-platinumPlatinum Web Hosting
            Hosting NVMe U.2, CPU Platinum, Backup 3 lần/ngày
          • hosting-gia-re-1Hosting Giá Rẻ
            Off 15%: Hosting + Domain
          • Hosting-seoHosting SEO
            Tối ưu hóa website thân thiện với công cụ tìm kiếm
          • hosting-wordpressHosting WordPress
            Off 20%: Chuyển dịch vụ về BKNS
          • hosting-windowsHosting Windows
            Khả năng thích ứng cao - Bảo mật, mạnh mẽ đơn giản
          • reseller-hosting-cpanelReseller Hosting Cpanel
            Giải pháp tối ưu hệ thống Website
          • hosting-freeHosting Free
            Khởi tạo website chỉ với 0đ
    • Email
          • email-3Email Hosting
          • email-3Email Relay
            White list IP
          • email-3Email Server
            Miễn phí SSL, Giảm giá 20%
    • VPS
          • icon-AMD1Cloud VPS AMD
            Bộ xử lý AMD EPYC™
          • icon-vm-1Cloud VPS VM
            Giá chỉ từ 77k/tháng
          • icon-storgeStorage VPS
            Lưu trữ dung lượng cao
          • icon-gia-reVPS Giá Rẻ
            Giá chỉ từ 75k/tháng
          • sieu-reVPS Siêu Tiết Kiệm
            Giá chỉ từ 69k/tháng
          • VPS N8N AI
            N8N Tool Integration
          • Backup dữ liệu
          • Cloud VPS SEO
          • Cloud VPS BK Misa
          • E-meeting
          • Cloud VPN
    • Máy Chủ
          • server-bkns-1Thuê Máy Chủ
          • server-bkns-1Thuê Chỗ Đặt Máy Chủ
          • server-bkns-1Dịch vụ quản trị máy chủ trọn gói
    • Phần mềm
          • pngDirectAdmin
          • downloadSoftaculous
          • CloudlinuxCloudLinux
          • logo-cpanelcPanel
          • VectorImunify360
          • logo-dtiDTI
          • Plesk 1Plesk Obsidian
          • vBulletinvBulletin
          • Group-3164LiteSpeed
    • Website
    • SSL
    • Đối tác
      • Đại lý
      • Cộng Tác Viên
      • Tích Điểm Lên Hạng
    • Hướng dẫn
      • Hướng dẫn thanh toán
      • Hướng dẫn dịch vụ
      • Cam kết chất lượng mức dịch vụ (SLA)
      • Hướng dẫn sử dụng hệ thống quản lý dịch vụ (my.bkns.net)
  • Khuyến mại

Trang chủ » Open Graph là gì? Hướng dẫn cài đặt Open Graph cho Website

Open Graph là gì? Hướng dẫn cài đặt Open Graph cho Website

Thịnh Văn Hạnh 24/11/2022 2295 Lượt xem Chia sẻ bài viết

Sử dụng thẻ Open graph là một trong những kỹ thuật cao trong quá trình làm SEO. Tuy nhiên trên thực tế lại không có quá nhiều người quan tâm đến công cụ này. Vậy Open graph là gì? Bài viết dưới đây sẽ giúp bạn có cái nhìn toàn diện về thuật ngữ này.

Open Graph là gì?

Open Graph là gì?

Tóm Tắt Bài Viết

  • Open Graph là gì?
  • Các thuộc tính của Open Graph là gì?
  • Open Graph tác động SEO như thế nào?
  • Thẻ meta trong Open Graph
  • Hướng dẫn chèn Open Graph vào website
    • Sử dụng plugin trong WordPress
    • Hướng dẫn chèn thủ công Open Graph
  • Những lỗi Open Graph thường gặp
    • Vì sao Facebook không load được hình khi share link website WordPress?
    • Lỗi Incorrect Open Graph Tags là gì?
  • Lời kết

Open Graph là gì?

Open Graph giúp Facebook hiểu, tóm tắt và hiển thị nội dung trang web chỉ thông qua các liên kết được chia sẻ. Để làm điều này, Open Graph hiển thị một trang web dưới dạng một đối tượng có các thuộc tính cần thiết cho một mạng xã hội. Open Graph xác định các thuộc tính này bằng mã hoặc trong plugin.

Khi bạn chia sẻ, dưới dạng liên kết hoặc cập nhật liên kết trạng thái, nếu trang web của bạn sử dụng Open Graph, liên kết chia sẻ trang Facebook sẽ có đầy đủ ảnh thumbnail, description,…

Các thuộc tính của Open Graph là gì?

Hãy cùng tìm hiểu chi tiết về những thuộc tính của Open Graph nhé.

Og:title là nơi bạn đặt tiêu đề cho nội dung bài viết của bạn với số kí tự ít hơn 95.

Og:type là nơi mô tả loại hình nội dung mà bạn chia sẻ như video, ảnh, bài viết blog,…

Og: description: Dùng để mô tả nội dung trong khoảng 297 kí tự mà không đòi hỏi chứa nhiều từ khóa. Thay vào đó, hãy đầu tư nội dung desciption hấp dẫn và chất lượng để tăng lượng tương tác.

Og:image: Đây là cách làm nổi bật status của bạn vì Facebook sẽ đưa ra một hình ảnh thumbnail url của bạn được chia sẻ và một hình ảnh nhỏ sẽ xuất hiện bên cạnh nội dung bạn chia sẻ.

Các thuộc tính của Open Graph
Các thuộc tính của Open Graph

Og:url: Dùng để đặt url chính (canonical url) của trang bạn chia sẻ để đảm bảo tất cả những chia sẻ trên facebook đều đi đến 1 url gốc mà bạn chỉ đinh.

Og:site_name: Chỉ cho Facebook tên của website nhưng nó không thực sự cần thiết.

fb:admins: Thẻ này chỉ cho Facebook bạn là chủ nhân của một fanpage và nó kết nối fanpage đó tới website của bạn, để bạn nhận đuợc nhiều dữ liệu trong Facebook Insights.

Open Graph tác động SEO như thế nào?

Trong SEO, Open Graph quản lý nội dung được chia sẻ trên mạng xã hội, cải thiện kết quả hiển thị và tăng mức độ tương tác và chuyển đổi (CTR). Do đó, nó có tác động đáng kể đến việc thúc đẩy tối ưu hóa công cụ tìm kiếm hiệu quả. Với các tính năng chính của Open Graph, các bài viết và trang web của bạn được tối ưu hóa cho các công cụ tìm kiếm.

Thẻ meta trong Open Graph

Các thẻ meta quan trọng của Open Graph cung cấp siêu dữ liệu về tài liệu HTML được hầu hết các trình duyệt hỗ trợ. Các trường mô tả thường được đặt trong thẻ <head> dùng để mô tả, từ khóa, tác giả, thời gian… và không hiển thị trên website.

Hướng dẫn chèn Open Graph vào website

Đối với Website WordPress thì thao tác chèn Open Graph sẽ đơn giản hơn khá nhiều so với những website hoạt động trên các nền tảng khác. Dưới đây là hướng dẫn chi tiết cách chèn Open Graph vào bằng Plugin WordPress và bằng cách thủ công

Hướng dẫn chèn Open Graph vào website
Hướng dẫn chèn Open Graph vào website

Sử dụng plugin trong WordPress

Chúng ta sẽ sử dụng plugin Yoast SEO để cấu hình Open Graph.

Bước 1: Đầu tiên là vào Social, chọn Facebook, sau đó chọn Enabled.

Image URL: Nếu bài viết của bạn không có ảnh đại diện, facebook nó sẽ tự động lấy ảnh này.

Facebook Insights and admins: Điền APP ID vào phần Facebook App ID.

Bước 2: Bấm nút Save Changes để kết thúc quá trình.

Hướng dẫn chèn thủ công Open Graph

Bước 1: Mở file functions.php, kéo xuống dưới và viết hàm sau đây:

function doctype_opengraph($output) {

return $output . '

xmlns:og="http://opengraphprotocol.org/schema/"

xmlns:fb="http://www.facebook.com/2008/fbml"';

}

add_filter('language_attributes', 'doctype_opengraph');

// Chú ý chèn vào trong thẻ <?php ?> của file function!

Bước 2: Sau khi thêm, hàm này sẽ tự động được chèn vào thẻ <head> của website. Tiếp tục thêm hàm sau:

function fb_opengraph() {

global $post;

if(is_single()) {

if(has_post_thumbnail($post->ID)) {

$img_src = get_the_post_thumbnail_url(get_the_ID(),'full');

} else {

$img_src = get_stylesheet_directory_uri() . 'wp-content/uploads/2019/08/open-graph-la-gi-cach-chen-vao-website.jpg';

}

if($excerpt = $post->post_excerpt) {

$excerpt = strip_tags($post->post_excerpt);

$excerpt = str_replace("", "'", $excerpt);

} else {

$excerpt = get_bloginfo('description');

}

?>

<meta property="og:title" content="<?php echo the_title(); ?>"/>

<meta property="og:description" content="<?php echo $excerpt; ?>"/>

<meta property="og:type" content="article"/>

<meta property="og:url" content="<?php echo the_permalink(); ?>"/>

<meta property="og:site_name" content="<?php echo get_bloginfo(); ?>"/>

<meta property="og:image" content="<?php echo $img_src; ?>"/>

<?php

} else {

return;

}

}
add_action('wp_head', 'fb_opengraph', 5);

Bước 3: Thêm thẻ Open Graph:

<meta property="og:title" content="<?php echo the_title(); ?>"/>

<meta property="og:description" content="<?php echo $excerpt; ?>"/>

<meta property="og:type" content="article"/>

<meta property="og:url" content="<?php echo the_permalink(); ?>"/>

<meta property="og:site_name" content="<?php echo get_bloginfo(); ?>"/>

<meta property="og:image" content="<?php echo $img_src; ?>"/>

Bước 4: Khai báo Open Graph tại

add_action(‘wp_head’, ‘fb_opengraph’, 5);

Bước 5: Móc hàm này vào hook để tự động móc các thẻ open graph vào thẻ <head>.

Xem thêm: Hướng dẫn cách sử dụng WordPress từ A-Z mới nhất 2022

Những lỗi Open Graph thường gặp

Vì sao Facebook không load được hình khi share link website WordPress?

Những lỗi Open Graph thường gặp
Những lỗi Open Graph thường gặp

Lý do Facebook không thể tải lên hình ảnh khi chia sẻ liên kết từ trang web WordPress là do trang web của bạn không được tích hợp với siêu dữ liệu Open Graph của Facebook hoặc bot Facebook đã phát hiện ra lỗi bộ đệm, kết nối máy chủ,… trong quá trình thu thập dữ liệu từ liên kết của Facebook.

Lỗi Incorrect Open Graph Tags là gì?

Incorrect Open Graph Tags là lỗi trong đó thẻ og không được chấp nhận hoặc thông tin không chính xác về thẻ og được hiển thị. Hãy thử các bước sau với Công cụ gỡ lỗi của Facebook để khắc phục sự cố!

Bước 1: Đảm bảo trang web của bạn có tiêu đề og, mô tả og và thẻ hình ảnh og được xác định trước.

Bước 2: Kiểm tra tình trạng bài viết được lưu trong cơ sở dữ liệu của Facebook bằng cách truy cập vào Facebook Sharing Debugger. Sau đó, dán các URL bạn muốn xử lý vào trường URL và nhấp vào DEBUG.

Bước 3: Đi đến cuối trang và nhấp vào nút “Open Graph Object Elbugger” để chuyển đến trang gỡ lỗi. Sau đó nhấn “Get New Extracted Data” để Facebook tải lại dữ liệu. Dựa vào thông báo để xử lý lỗi cho đến khi hết lỗi.

Bước 4: Sau khi Facebook cập nhật thông tin mới, bạn chia sẻ bài viết với đầy đủ các thông tin về ảnh, tiêu đề bài viết và nội dung.

Lời kết

Như vậy, qua bài viết của BKNS, hy vọng bạn đã có những kiến thức thú vị về Open Graph. Sử dụng Facebook làm nền tảng phát triển website và quảng cáo là lựa chọn chiến lược của các marketer trong thời đại 4.0. Chúc các bạn thành công với công cụ này.

Cảm ơn bạn đã đón đọc bài viết. Có thể bạn cũng quan tâm đến:

Backlink là gì? Tầm quan trọng của Backlink trong SEO

Cách SEO Facebook Hiệu Quả Hỗ Trợ Hoạt Động Bán Hàng

Danh mục
  • Chứng chỉ SSL
  • Dịch vụ CDN
  • Email
  • Hosting
  • Hướng dẫn
    • Hướng dẫn đăng ký dịch vụ
    • Hướng dẫn kỹ thuật
    • Hướng dẫn sử dụng hệ thống quản lý dịch vụ (my.bkns.net)
    • Quy Trình
  • Kiến thức chung
    • Cloud Computing
    • DNS
    • IP
    • WordPress
  • Máy chủ
  • Phần mềm
    • cPanel
    • DirectAdmin
    • Plesk 12/Onyx
  • Tên miền
  • Thông báo & Tin tức
  • VPS
  • Website
Xem tất cả bài viết
Thịnh Văn Hạnh

Chào bạn, tôi là Thịnh Văn Hạnh, CEO và là người sáng lập nên BKNS. Với nhiều năm trong lĩnh vực công nghệ thông tin, hosting, server, tên miền... Tôi mong muốn mang đến cho các bạn những thông tin hữu ích nhất.

Chia sẻ lên
Theo dõi trên

Bài viết liên quan

anh-bia-vps-gpu

26/08/2025

29

VPS GPU Treo Game – Giải Pháp Tối Ưu Cho Game Thủ & Streamer

anh-biaaa (1)

23/08/2025

52

VPS Treo Game Là Gì? Khám Phá Giải Pháp Treo Game Hiệu Quả Nhất

ten-mien-co-toi-da-bao-nhieu-ky-tu

19/08/2025

51

Tên miền có tối đa bao nhiêu ký tự? Cẩm nang cần biết khi đặt tên miền

domain-la-gi (1)

18/08/2025

46

Domain là gì? Khái niệm cơ bản dành cho người mới bắt đầu

anh- bia

16/08/2025

57

Tên miền doanh nghiệp là gì? Nền tảng xây dựng thương hiệu số chuyên nghiệp

thong-bao-nang-cap-ha-tang-he-thong

14/08/2025

108

[THÔNG BÁO] NÂNG CẤP TOÀN BỘ HỆ THỐNG NGÀY 16/08/2025

anh-bia

14/08/2025

138

Bí quyết chọn tên miền đẹp: Hướng dẫn từ A–Z

anh-bia-Let's-Encrypt-la-gi

07/08/2025

133

Let’s Encrypt là gì? Giải pháp chứng chỉ SSL miễn phí cho website bảo mật và uy tín

huong-dan-dns

28/07/2025

132

Hướng dẫn cấu hình chuyển hướng tên miền trên DNS

×
Xin chào,

Vui lòng nhập thông tin để chúng tôi liên hệ lại với bạn theo lịch hẹn.

Gửi Yêu Cầu
Gọi hotline 190 063 6809(24/7)
Thành công,

Cảm ơn bạn đã để lại thông tin. Chúng tôi sẽ liên hệ lại với bạn trong thời gian sớm nhất.

Về chúng tôi

  • Giới thiệu
  • Liên hệ
  • Hồ sơ năng lực
  • Thông báo & Tin tức
  • Affiliate
  • Chương trình tích điểm

Các dịch vụ

  • Đăng Ký Tên Miền
  • Web Hosting
  • Platinum Web Hosting
  • Email Hosting
  • Cloud VPS
  • Server – Thuê máy chủ
  • Phần mềm
  • SSL & Bảo mật
  • Thiết kế website

Thông tin cần biết

  • Điều Khoản Sử Dụng Dịch Vụ
  • Quy trình giải quyết khiếu nại khách hàng
  • Cam kết chất lượng dịch vụ (SLA)
  • Văn Bản Pháp Lý
  • Biểu Mẫu Hồ Sơ Đăng Ký
  • Chính sách bảo mật thông tin

Câu hỏi thường gặp

  • Các hỏi đáp về dịch vụ Email
  • Các hỏi đáp về dịch vụ Tên miền
  • Các hỏi đáp về dịch vụ hosting
  • Các hỏi đáp về dịch vụ máy chủ
  • Hỏi đáp dịch vụ SSL

Hướng dẫn sử dụng

  • Hướng dẫn dịch vụ
  • Hướng dẫn sử dụng my.bkns.net

Số ĐKKD: 0104850587, cấp ngày 10/8/2010, tại sở KHĐT Hà Nội

Địa chỉ trụ sở: BT2-VT18, Khu nhà ở Xa La, Phường Hà Đông, Thành phố Hà Nội, Việt Nam

Chịu trách nhiệm nội dung: Giám đốc Thịnh Văn Hạnh

Copyright © Since 2010 BKNS, All rights reserved

Sử dụng dịch vụ tại BKNS.VN có nghĩa là bạn đồng ý với Quy định sử dụng của chúng tôi.

Công ty cổ phần giải pháp mạng Bạch Kim

LocationP501, Tầng 5 Tòa nhà số 169 đường Nguyễn Ngọc Vũ, Phường Yên Hòa, Thành phố Hà Nội, Việt Nam.

LocationB16 Khu nhà ở Thương Mại 319 Lý Thường kiệt, Phường Phú Thọ, Thành phố Hồ Chí Minh.

Phone Tổng đài 24/7: 1900 63 68 09

Phone Tư vấn dịch vụ: 1800 646 884 (Miễn phí cước)

Email Email liên hệ: info@bkns.vn

Email Email phản hồi dịch vụ: gopy@bkns.vn

Liên hệ với chúng tôi:

Zalo Offcial Account của hệ thống :

Zalo
Copyright © 2022 BKNS, All rights reserved
  • Tên miền
    • Đăng ký tên miền
    • bang-gia-ten-mienBảng giá tên miền
    • Kiểm Tra Tên Miền
    • Gợi ý tên miền AI
    • ten-mien-vn-14Tên Miền .VN
    • Tên miền miễn phí
    • Gia hạn tên miền
    • Quy trình xử lý khiếu nại tên miền
    • Khi nào cần Transfer tên miền?Hướng dẫn chuyển tên miền về BKNS
    • Thủ tục chuyển nhượng tên miền VN
    • Các quy trình tên miền khác
    • Biểu Mẫu Hồ Sơ Đăng Ký
  • Hosting
    • hosting-platinumPlatinum Web Hosting
      Hosting NVMe U.2, CPU Platinum, Backup 3 lần/ngày
    • hosting-wordpressHosting WordPress
      Off 20%: Chuyển dịch vụ về BKNS
    • Hosting-seoHosting SEO
      Tối ưu hóa website thân thiện với công cụ tìm kiếm
    • hosting-windowsHosting Windows
      Khả năng thích ứng cao – Bảo mật, mạnh mẽ đơn giản
    • reseller-hosting-cpanelReseller Hosting Cpanel
      Giải pháp tối ưu hệ thống Website
    • hosting-freehosting-freeHosting Free
      Khởi tạo website chỉ với 0đ
    • hosting-gia-re-1Hosting Giá Rẻ
      Off 15%: Hosting + Domain
  • Email
    • email-3Email Hosting
    • email-3Email Relay
      White list IP
    • email-3Email Server
      Miễn phí SSL, Giảm giá 20%
  • VPS
    • icon-AMD1Cloud VPS AMD
      Bộ xử lý AMD EPYC™
    • icon-vm-1Cloud VPS VM
      Giá chỉ từ 77k/tháng
    • icon-gia-reVPS Giá Rẻ
      Giá chỉ từ 75k/tháng
    • icon-storgeStorage VPS
      Lưu trữ dung lượng cao
    • Cloud VPS SEO
    • Cloud VPS BK Misa
    • E-meeting
    • Cloud VPN
    • Backup dữ liệu
    • sieu-reVPS Siêu Tiết Kiệm
      Giá chỉ từ 69k/tháng
    • VPS N8N AI
      N8N Tool Integration
  • Máy Chủ
    • server-bkns-1Thuê Máy Chủ
    • server-bkns-1Thuê Chỗ Đặt Máy Chủ
    • server-bkns-1Dịch vụ quản trị máy chủ trọn gói
  • Phần mềm
    • pngDirectAdmin
    • CloudlinuxCloudLinux
    • Plesk 1Plesk Obsidian
    • vBulletinvBulletin
    • Group-3164LiteSpeed
    • downloadSoftaculous
    • VectorImunify360
    • logo-cpanelcPanel
    • logo-dtiDTI
  • Website
  • SSL
  • Đối tác
    • Đại lý
    • Cộng Tác Viên
    • Tích Điểm Lên Hạng
  • Hướng dẫn
    • Hướng dẫn thanh toán
    • Hướng dẫn dịch vụ
    • Cam kết chất lượng mức dịch vụ (SLA)
    • Hướng dẫn sử dụng hệ thống quản lý dịch vụ (my.bkns.net)
  • WooCommerce not Found
  • Newsletter
  • Đăng nhập
    • English
  • Tên miền
    • Đăng ký tên miền
    • bang-gia-ten-mienBảng giá tên miền
    • Kiểm Tra Tên Miền
    • Gợi ý tên miền AI
    • ten-mien-vn-14Tên Miền .VN
    • Tên miền miễn phí
    • Gia hạn tên miền
    • Quy trình xử lý khiếu nại tên miền
    • Hướng dẫn chuyển tên miền về BKNS
    • Thủ tục chuyển nhượng tên miền VN
    • Các quy trình tên miền khác
    • Biểu Mẫu Hồ Sơ Đăng Ký
  • Hosting
    • hosting-platinumPlatinum Web Hosting
      Hosting NVMe U.2, CPU Platinum, Backup 3 lần/ngày
    • hosting-wordpressHosting WordPress
      Off 20%: Chuyển dịch vụ về BKNS
    • Hosting-seoHosting SEO
      Tối ưu hóa website thân thiện với công cụ tìm kiếm
    • hosting-windowsHosting Windows
      Khả năng thích ứng cao – Bảo mật, mạnh mẽ đơn giản
    • reseller-hosting-cpanelReseller Hosting Cpanel
      Giải pháp tối ưu hệ thống Website
    • hosting-freeHosting Free
      Khởi tạo website chỉ với 0đ
    • hosting-gia-re-1Hosting Giá Rẻ
      Off 15%: Hosting + Domain
  • Email
    • email-3Email Hosting
    • email-3Email Relay
      White list IP
    • email-3Email Server
      Miễn phí SSL, Giảm giá 20%
  • VPS
    • icon-AMD1Cloud VPS AMD
      Bộ xử lý AMD EPYC™
    • icon-vm-1Cloud VPS VM
      Giá chỉ từ 77k/tháng
    • icon-gia-reVPS Giá Rẻ
      Giá chỉ từ 75k/tháng
    • icon-storgeStorage VPS
      Lưu trữ dung lượng cao
    • Cloud VPS SEO
    • Cloud VPS BK Misa
    • E-meeting
    • Cloud VPN
    • Backup dữ liệu
    • sieu-reVPS Siêu Tiết Kiệm
      Giá chỉ từ 69k/tháng
    • VPS N8N AI
      N8N Tool Integration
  • Máy Chủ
    • server-bkns-1Thuê Máy Chủ
    • server-bkns-1Thuê Chỗ Đặt Máy Chủ
    • server-bkns-1Dịch vụ quản trị máy chủ trọn gói
  • Phần mềm
    • pngDirectAdmin
    • CloudlinuxCloudLinux
    • Plesk 1Plesk Obsidian
    • vBulletinvBulletin
    • Group-3164LiteSpeed
    • downloadSoftaculous
    • VectorImunify360
    • logo-cpanelcPanel
    • logo-dtiDTI
  • Website
  • SSL
  • Đối tác
    • Đại lý
    • Cộng Tác Viên
    • Tích Điểm Lên Hạng
  • Hướng dẫn
    • Hướng dẫn thanh toán
    • Hướng dẫn dịch vụ
    • Cam kết chất lượng mức dịch vụ (SLA)
    • Hướng dẫn sử dụng hệ thống quản lý dịch vụ (my.bkns.net)