Về công cụ này
Thẻ Open Graph (OG) kiểm soát cách một trang xuất hiện khi được chia sẻ trên nền tảng xã hội. Facebook, LinkedIn, Slack, Discord và nhiều người khác đọc thẻ OG để tạo thẻ xem trước. Nếu không có thẻ OG thích hợp, các liên kết được chia sẻ sẽ bị hỏng - các biểu tượng yêu thích chung chung, hình ảnh bị thiếu, tiêu đề bị cắt bớt. Với họ, lượt chia sẻ trông bóng bẩy và tỷ lệ nhấp chuột được cải thiện đáng kể.
Các thẻ OG tiêu chuẩn: og:title (tiêu đề hiển thị trong bản xem trước), og:description (đoạn văn bản), og:image (hình ảnh xem trước, lý tưởng nhất là 1200×630), og:url (URL chuẩn), og:type (thường là 'trang web' hoặc 'bài viết'). Lớp thẻ Twitter Card ở trên cùng: twitter:card, twitter:title, twitter:description, twitter:image. Hầu hết các công cụ đều quay trở lại OG khi không có thẻ dành riêng cho Twitter.
Trình tạo này tạo ra một bộ thẻ OG và Twitter Card hoàn chỉnh từ đầu vào của bạn. Dán HTML kết quả vào <head> của trang. Kết quả là hiển thị bản xem trước chính xác trên tất cả các nền tảng xã hội lớn.
Tại sao nên sử dụng Trình tạo thẻ OG
Các trang không có thẻ OG trông rất tệ khi được chia sẻ. Hình ảnh trống, tiêu đề chung chung, thiếu mô tả — bản xem trước cạnh tranh kém với các trang được gắn thẻ chính xác trong nguồn cấp dữ liệu. Đối với tiếp thị nội dung và chia sẻ liên kết, điều này ảnh hưởng trực tiếp đến tỷ lệ nhấp.
Thẻ OG viết tay có tính lặp đi lặp lại. Mỗi trang cần có bộ riêng. Trình tạo tạo ra các thẻ chính xác từ một số thông tin đầu vào sẽ tránh được lỗi chính tả và thiếu thuộc tính làm hỏng bản xem trước trên mạng xã hội.
Chi tiết kỹ thuật
Thẻ OG sử dụng thuộc tính thuộc tính meta (không phải tên): <meta property="og:title" content="..." />. Thuộc tính thuộc tính là bắt buộc đối với OG; một số trình phân tích cú pháp chấp nhận tên làm dự phòng nhưng thuộc tính là chính xác.
Yêu cầu hình ảnh: 1200×630 pixel để hiển thị retina, tỷ lệ khung hình 1,91:1. Các thẻ og:image:width và og:image:height giúp nền tảng lưu trữ hình ảnh một cách chính xác. og:image:alt cung cấp văn bản trợ năng.
Thẻ Thẻ Twitter sử dụng thuộc tính tên: <meta name="twitter:title" content="..." />. Twitter quay lại sử dụng thẻ OG khi không có thông tin cụ thể về Twitter, vì vậy OG được thiết lập tốt thường là đủ. Việc thêm twitter:card sẽ chọn loại thẻ một cách rõ ràng (tóm tắt_large_image là phổ biến nhất).
Câu hỏi thường gặp
- Tôi có thể tùy chỉnh đầu ra được tạo không?
- Đúng. Công cụ này cung cấp nhiều tùy chọn tùy chỉnh khác nhau để điều chỉnh đầu ra theo nhu cầu cụ thể của bạn. Điều chỉnh cài đặt trước khi tạo hoặc tạo lại với các tùy chọn khác nhau.
- Nội dung được tạo có được sử dụng miễn phí không?
- Đúng. Mọi thứ bạn tạo bằng công cụ này đều là của bạn để sử dụng cho mục đích cá nhân, giáo dục hoặc thương mại mà không có bất kỳ hạn chế hoặc yêu cầu ghi nhận tác giả nào.
- Điều này có yêu cầu một tài khoản?
- Không. Công cụ này sẵn sàng để sử dụng ngay lập tức mà không cần đăng ký, không cần email và không cần đăng ký. Chỉ cần mở trang và bắt đầu tạo.
- Dữ liệu đầu vào của tôi có được giữ kín không?
- Đúng. Tất cả quá trình xử lý diễn ra trong trình duyệt của bạn. Dữ liệu đầu vào và đầu ra được tạo của bạn không bao giờ được gửi đến bất kỳ máy chủ bên ngoài nào.
- Tôi có thể sử dụng cùng một hình ảnh OG cho mọi trang không?
- Có thể nhưng chưa tối ưu. Hình ảnh dành riêng cho trang hoạt động tốt hơn hình ảnh chung trên toàn trang web để nhấp qua. Sử dụng giá trị mặc định cho dự phòng nhưng tạo hình ảnh trên mỗi trang cho nội dung quan trọng.
- Có cần khai báo kích thước hình ảnh không?
- Hữu ích nhưng không bắt buộc. og:image:width và og:image:height cho phép nền tảng lưu hình ảnh vào bộ nhớ đệm mà không cần tìm nạp lại để xác định kích thước. Tăng tốc độ chia sẻ tiếp theo.
- Dữ liệu của tôi có được tải lên không?
- Không. Việc tạo diễn ra trong trình duyệt của bạn.
- Làm cách nào để kiểm tra thẻ OG?
- Trình gỡ lỗi chia sẻ trên Facebook, Trình xác thực thẻ Twitter và Trình kiểm tra bài đăng của LinkedIn đều tìm nạp và xác thực. Sử dụng chúng sau khi triển khai thẻ OG mới.