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

Tiện ích Mạng xã hội · Cục bộ

Trình tạo thẻ meta Open Graph

Open Graph Meta Generator

Soạn thẻ og:title, og:type, og:url, og:description, og:image và og:site_name với escape an toàn, kèm thẻ chia sẻ đại diện để kiểm tra trước khi dán.

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

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

Chạy cục bộ · Không có gì được tải lên

Cách Trình tạo thẻ meta Open Graph hoạt động, quyền riêng tư và các công cụ liên quan

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.

  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

    Thêm một Tên trang tối đa 100 ký tự và chọn một Loại nội dung: Website, Article hoặc Product. Loại trở thành giá trị og:type và tên trang trở thành og:site_name — để trống nó và dòng đó đơn giản bị lược khỏi markup.

  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.

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?
Luôn có og:title, og:type và og:url; cộng thêm og:description, og:image và og:site_name khi các trường đó được điền. Mỗi dòng là một phần tử meta chuẩn với thuộc tính property, sẵn sàng dán vào head của trang, và các dòng tùy chọn bị lược hoàn toàn thay vì được sinh ra rỗng.
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.

Tiếp tục trong Mockup mạng xã hội

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 năm công thức bộ lọc Canvas — Original, Aurora, Noir, Sunset, Vivid — với cường độ 0–100% lên ảnh tới 30 triệu pixel, rồi tải PNG ở độ phân giải nguồn.

Chỉnh sửa

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

Instagram Post Generator

Nháp ý tưởng bài đăng với tiêu đề, chú thích và lượt thích giả định trên ba theme màu, rồi xuất PNG 1200×900 đóng dấu FICTIONAL MOCKUP / CONCEPT.

Xuất bản

Trình tạo story Instagram

Instagram Story Generator

Đóng khung ý tưởng story dọc với tiêu đề, lời kêu gọi và thời gian khái niệm, rồi tải PNG 1080×1920 luôn mang nhãn FICTIONAL MOCKUP rõ ràng.

Xuất bản

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

Instagram DM Generator

Dàn trao đổi DM hai chiều trong khung điện thoại với thời gian kịch bản, rồi xuất PNG 1200×900 đóng watermark FICTIONAL CHAT MOCKUP vĩnh viễn.

Xuất bản