Trình tạo Open Graph
Tạo thẻ meta Open Graph để tối ưu hóa xem trước chia sẻ trên Facebook, Twitter và LinkedIn với xem trước thẻ trực tiếp
Thẻ meta Open Graph là gì?
Thẻ meta Open Graph là các thẻ HTML kiểm soát cách trang web của bạn hiển thị khi được chia sẻ trên các nền tảng mạng xã hội như Facebook, Twitter và LinkedIn. Chúng xác định tiêu đề, mô tả, hình ảnh và các thuộc tính khác.
Tại sao tôi cần thẻ Open Graph?
Không có thẻ OG, các nền tảng mạng xã hội sẽ chọn nội dung ngẫu nhiên từ trang của bạn, dẫn đến xem trước không hấp dẫn hoặc sai. Thẻ OG đảm bảo liên kết chia sẻ của bạn trông chuyên nghiệp.
Kích thước hình ảnh được khuyến nghị cho og:image là bao nhiêu?
Kích thước hình ảnh được khuyến nghị là 1200×630 pixel, tối thiểu 600×315 pixel. Facebook và hầu hết các nền tảng sử dụng tỷ lệ khung hình 1.91:1 cho xem trước liên kết.
Thẻ Twitter có sử dụng thẻ Open Graph không?
Twitter hỗ trợ thẻ Open Graph làm phương án dự phòng, nhưng cũng có các thẻ twitter:card, twitter:title, twitter:description và twitter:image riêng. Công cụ này tạo cả hai để đảm bảo khả năng tương thích tối đa.
Những thẻ Open Graph nào là bắt buộc?
Các thẻ OG tối thiểu bắt buộc là og:title, og:type, og:image và og:url. Tuy nhiên, khuyên nên thêm og:description để có xem trước mạng xã hội tốt hơn.
Làm thế nào để kiểm tra thẻ Open Graph?
Bạn có thể sử dụng Facebook Sharing Debugger, Twitter Card Validator hoặc LinkedIn Post Inspector. Công cụ này cũng cung cấp xem trước trực tiếp.
Open Graph có ảnh hưởng đến SEO không?
Thẻ Open Graph không trực tiếp ảnh hưởng đến xếp hạng công cụ tìm kiếm, nhưng chúng cải thiện tỷ lệ nhấp chuột trên mạng xã hội bằng cách làm cho liên kết chia sẻ hấp dẫn hơn, gián tiếp có lợi cho SEO.
og:type là gì và có những giá trị nào?
og:type xác định loại nội dung được chia sẻ. Các giá trị phổ biến bao gồm website, article, video, music, book và profile. Chọn đúng loại giúp các nền tảng hiển thị nội dung phù hợp.
Tôi có thể sử dụng nhiều thẻ og:image không?
Có, bạn có thể chỉ định nhiều thẻ og:image. Các nền tảng mạng xã hội thường hiển thị hình ảnh đầu tiên hoặc cho phép người dùng chọn từ tất cả hình ảnh có sẵn.
Làm thế nào để thêm thẻ Open Graph vào website?
Chỉ cần sao chép các thẻ meta HTML được tạo và dán chúng vào phần <head> của trang web. Đối với WordPress, bạn có thể sử dụng plugin SEO như Yoast hoặc Rank Math tự động tạo thẻ OG.
Sự khác biệt giữa Open Graph và Twitter Cards là gì?
Open Graph được tạo bởi Facebook và được sử dụng bởi hầu hết các nền tảng xã hội. Twitter Cards là thông số kỹ thuật riêng của Twitter với các tính năng bổ sung như summary_card_with_large_image. Cả hai có thể cùng tồn tại.
Làm thế nào để xem trước Open Graph trước khi xuất bản?
Sử dụng trình tạo này để tạo và xem trước thẻ OG theo thời gian thực. Xem trước trực tiếp hiển thị chính xác liên kết của bạn sẽ xuất hiện như thế nào trên Facebook, Twitter và LinkedIn.
Cách sử dụng Trình tạo Open Graph
Tạo thẻ meta Open Graph để các trang của bạn hiển thị đúng khi chia sẻ trên Facebook, X và LinkedIn, kèm xem trước thẻ trực tiếp. Thẻ được tạo cục bộ trong trình duyệt — không tải lên gì cả.
- Nhập địa chỉ trang vào ô og:url và ảnh chia sẻ vào og:image, ví dụ https://www.localtoolz.com/image.jpg.
- Chọn loại nội dung trong các tùy chọn og:type: website, article, product, profile, video.movie, music.song hoặc book.
- Điền og:site_name và og:locale để thẻ hiển thị thương hiệu và ngôn ngữ.
- Với bài viết, thêm article:published_time, article:modified_time, article:author, article:section và article:tag.
- Với sản phẩm, đặt product:price:amount và product:price:currency, ví dụ 29.99 và USD.
- Sao chép các thẻ đã tạo từ phần kết quả và dán vào <head> của trang.
og:image cần URL tuyệt đối, tốt nhất là 1200×630 pixel — đường dẫn tương đối làm hỏng hầu hết bản xem trước trên mạng xã hội.
Công cụ liên quan
- Trình tạo Meta Tag Công cụ trực tuyến miễn phí tạo meta tag SEO, Open Graph và Twitter Card với xem trước Google.
- Máy tính Chmod Máy tính chmod trực tuyến miễn phí để trực quan hóa và tính toán quyền tệp Linux với hộp kiểm. Chuyển đổi ngay lập tức giữa ký hiệu số (755, 644) và tượng trưng (rwxr-xr-x). Hỗ trợ quyền đặc biệt như setuid, setgid, sticky bit.
- Bảng ASCII Tham khảo mã hóa ký tự ASCII đầy đủ với mã thập phân, thập lục phân, bát phân, nhị phân, thực thể HTML và mô tả ký tự. Tìm kiếm và lọc tức thì.
- Trình kiểm tra yêu cầu HTTP Kiểm tra API REST trực tiếp trong trình duyệt. Gửi yêu cầu GET, POST, PUT, DELETE với header, body và tham số tùy chỉnh. Xem trạng thái, header và body JSON phản hồi ngay lập tức.
- Trình tạo .htaccess Tạo quy tắc .htaccess Apache cho chuyển hướng, viết lại, tiêu đề bảo mật, bộ nhớ đệm và hơn thế nữa.
- Trình tạo Robots.txt Trình tạo robots.txt trực tuyến miễn phí. Tạo và tùy chỉnh tệp robots.txt để kiểm soát việc thu thập dữ liệu của công cụ tìm kiếm, quản lý quyền truy cập của trình thu thập và tối ưu hóa SEO cho trang web của bạn.
- Trình tạo Sitemap Trình tạo sitemap XML trực tuyến miễn phí. Thêm URL, đặt mức ưu tiên và tần suất, tạo sitemap SEO ngay lập tức.
- Crontab Guru Phân tích và giải thích biểu thức cron. Hiển thị mô tả lịch trình và thời gian thực thi tiếp theo.