Bỏ qua tới nội dung
Toolars
Khám phá

Trình tạo thẻ meta Open Graph

Open Graph Meta Generator

13 loại Open Graph và trường ảnh, âm thanh, video, locale, MIME tùy chọn; xem HTML đã escape.

Xử lý cục bộ

Chi tiết xử lý

Dữ liệu nhập của công cụ được xử lý trên thiết bị của bạn.

Công cụ có thể tải tài nguyên để hoạt động. Dịch vụ tài khoản hoạt động riêng.

Thông tin quyền riêng tư
Báo lỗi

Lộ trình tác vụ / từ đầu vào đến kết quả

Cách tạo các thẻ meta Open Graph

  1. 01

    Viết tiêu đề và mô tả

    Điền Tiêu đề (tối đa 120 ký tự) và Mô tả (tối đa 300). Tiêu đề là bắt buộc — việc tạo không có nó sẽ dừng với một lỗi có tên — trong khi mô tả là tùy chọn và trở thành og:description khi có mặt. Cả hai trường ngừng nhận nhập liệu ở giới hạn của chúng. 13 · og:type · URL âm thanh / URL video / Ngôn ngữ và vùng (vi_VN) / Ngôn ngữ thay thế (phân cách bằng dấu phẩy) / Mạo từ / Loại MIME của nội dung / Chiều rộng (px) / Chiều cao (px) / Văn bản thay thế ảnh

  2. 02

    Thêm các URL

    Nhập URL chuẩn, phải là một địa chỉ HTTP hoặc HTTPS tuyệt đối, và một URL hình ảnh tùy chọn, cũng phải tuyệt đối khi có mặt. Địa chỉ không hợp lệ bị từ chối với lỗi có tên trước khi bất cứ thứ gì được tạo, nên một đường dẫn tương đối hay một tên miền trần không bao giờ lọt vào các thẻ.

  3. 03

    Đặt tên trang và loại nội dung

    13 loại Open Graph và trường ảnh, âm thanh, video, locale, MIME tùy chọn; xem HTML đã escape.

  4. 04

    Tạo các thẻ

    Nhấn Tạo thẻ meta. Markup được lắp ráp cục bộ thành một phần tử meta mỗi dòng với mọi giá trị được escape thuộc tính, và đầu ra hoàn chỉnh phải nằm trong giới hạn cục bộ 16.000 ký tự. Tải mẫu điền một ví dụ bài viết hoàn chỉnh và tạo nó trong một cú nhấp.

  5. 05

    Rà soát và sao chép

    Kiểm tra thẻ chia sẻ đại diện — nó hiển thị tên trang, hoặc hostname của URL chuẩn khi không có tên trang, phía trên tiêu đề và mô tả — và đọc markup được tạo trong khung đầu ra. Chỉnh sửa bất kỳ trường nào sẽ xóa markup cho đến khi bạn tạo lại. Rồi dùng Sao chép thẻ meta cho clipboard hoặc Tải xuống HTML để lưu các thẻ thành toolars-open-graph-meta.html cho head của trang bạn. Xuất kết quả hiện tại. HTML / Open Graph.

Thông tin công cụ

Xử lý
Trong trình duyệt của bạn
Dữ liệu nhập rời thiết bị này
Không bao giờ
Lưu giữ
Không có gì được lưu
Giá
Miễn phí

Dữ liệu bạn nhập ở lại trong trình duyệt.

Trình tạo thẻ meta Open Graph dùng lộ trình thực thi cục bộ đã xác minh và không tạo lịch sử đầu vào hay đầu ra ẩn.

Thực thi cục bộ

Chạy bên trong tab trình duyệt hiện tại.

Không xử lý ẩn

Dữ liệu công cụ đang hoạt động không bao giờ trở thành bản ghi tài liệu của Toolars.

Không cần tài khoản

Dùng quy trình cốt lõi mà không cần tạo hồ sơ. Mục yêu thích đồng bộ vào tài khoản sau khi bạn đăng nhập.

Đặt lại ngay lập tức

Xóa tab và dữ liệu đang làm việc sẽ biến mất.

Trình tạo thẻ meta Open Graph thực sự làm gì

Một lập trình viên sắp xuất xưởng một trang đích và muốn liên kết mở rộng đẹp khi cả nhóm đăng nó trong chat. Cô ấy viết một tiêu đề 70 ký tự, một mô tả hai câu, và URL production, đặt loại là Website, và tạo sáu dòng thẻ. Trình tạo meta Open Graph lắp ráp các dòng og:title, og:type, og:url, og:description, og:image và og:site_name với escape an toàn, và hiển thị một thẻ chia sẻ đại diện cạnh markup để cô ấy kiểm tra độ cắt cụt trước khi dán đoạn mã vào head. Nội dung nháp và URL chưa phát hành ở lại trong tab trình duyệt — không ping kiểm tra, không tải lên.

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

Những thẻ nào được tạo?
13 loại Open Graph và trường ảnh, âm thanh, video, locale, MIME tùy chọn; xem HTML đã escape. 13 · og:type · URL âm thanh / URL video / Ngôn ngữ và vùng (vi_VN) / Ngôn ngữ thay thế (phân cách bằng dấu phẩy) / Mạo từ / Loại MIME của nội dung / Chiều rộng (px) / Chiều cao (px) / Văn bản thay thế ảnh Đây là thẻ minh họa. Ảnh, âm thanh và video từ xa chưa được tải hay xác minh.
Nội dung được escape thế nào?
Mọi giá trị được escape thuộc tính trước khi đi vào markup: ký tự &, dấu ngoặc kép và đơn, và ngoặc nhọn được thay bằng dạng entity của chúng. Điều đó giữ các tiêu đề chứa dấu ngoặc hay ký tự đặc biệt không phá vỡ thẻ, và mỗi giá trị được cắt khoảng trắng xung quanh trước tiên.
Các quy tắc thẩm định và giới hạn là gì?
Tiêu đề là bắt buộc; URL chuẩn phải là một URL HTTP hoặc HTTPS tuyệt đối, và URL hình ảnh cũng vậy khi có mặt. Độ dài giới hạn ở 120 ký tự cho tiêu đề, 300 cho mô tả và 100 cho tên trang, và markup hoàn chỉnh phải nằm trong 16.000 ký tự.
Thẻ chia sẻ đại diện hiển thị gì?
Thẻ in tên trang phía trên tiêu đề và mô tả, quay về hostname của URL chuẩn khi trường Tên trang trống. Nó là một bản xem trước đại diện về cách các giá trị đọc cùng nhau, được vẽ cục bộ — không phải bản render khớp từng pixel của bất kỳ nền tảng cụ thể nào, vì mỗi nền tảng cắt và cắt cụt khác nhau.
Có gì được tải lên hay truy xuất không?
Không. Markup được lắp ráp và thẻ chia sẻ được xem trước hoàn toàn bên trong tab trình duyệt này; URL hình ảnh được ghi vào các thẻ nhưng không bao giờ được truy xuất ở đây. Không cần tài khoản, và Đặt lại khôi phục các giá trị ví dụ mặc định.

Tác vụ liên quan, không phải ngõ cụt.

Chuyển sang một không gian làm việc tập trung khác mà không cần quay lại mục lục đầy đủ.

Bộ lọc Instagram

Instagram Filters

Áp dụng 12 thiết lập cục bộ có cường độ điều chỉnh được. Áp dụng bộ lọc Canvas thật lên ảnh cục bộ mà không cần tải ảnh lên hay liên hệ với bất kỳ nền tảng nào.

Chỉnh sửa

Trình tạo bài đăng Instagram

Instagram Post Generator

Soạn ý tưởng bài đăng gốc và xuất một mockup cục bộ có nhãn rõ ràng. Ảnh: 0–4; Ảnh đại diện; Bố cục xuất.

Tạo

Trình tạo story Instagram

Instagram Story Generator

Dựng ý tưởng story dọc mà không tạo bản ghi nền tảng giả mạo. Phân đoạn tin: 1–12; Vị trí ngang / Vị trí dọc; Màu chữ.

Tạo

Trình tạo tin nhắn trực tiếp Instagram

Instagram DM Generator

Soạn bố cục hội thoại cho kịch bản và nguyên mẫu, không bao giờ làm bằng chứng cho một cuộc trao đổi thật. Tin nhắn: 1–40; Trích dẫn trả lời; Trạng thái; Ảnh.

Tạo