Telegram, WhatsApp+380637610482
Valery Danyuk
Valery Danyuknhà phát triểnPhát triển các công cụ trí tuệ nhân tạo cho doanh nghiệp. Chất lượng cao. Giá cả phải chăng.Nhắn tin qua Telegram

Công cụ tạo thẻ Meta trực tuyến: Cách viết tiêu đề, mô tả, mở Graph và chèn mã

Công cụ tạo thẻ meta trực tuyến: tiêu đề, mô tả và Open Graph với bản xem trước và mã HTML có sẵn.

Những gì bạn sẽ nhận được

  • Một khối HTML dựng sẵn bao gồm tiêu đề, mô tả, URL chuẩn, URL robots, Open Graph và Twitter Card — miễn phí
  • Công thức đặt tiêu đề và mô tả cho tiêu đề chính, danh mục, sản phẩm và bài viết
  • Hiểu rõ vị trí cần chèn mã trong WordPress, trình tạo website hoặc website tùy chỉnh.
Áp dụng: trong 15 phútLượt lưu: thời gian dành để tự tay viết và gỡ lỗi mã trong đầu

Câu trả lời ngắn gọn: để tạo thẻ meta trực tuyến, hãy mở công cụ tạo thẻ meta miễn phí PromoPilot, điền vào các trường tiêu đề, mô tả, canonical, robots, Open Graph và Twitter Card. Bản xem trước nội dung của Google và Facebook sẽ xuất hiện ở bên phải, cùng với mã HTML hoàn chỉnh bên dưới. Chỉ cần sao chép bằng một cú nhấp chuột và dán vào <head> của trang. Bạn có thể bắt đầu từ đầu hoặc tải xuống các thẻ hiện có từ một trang hiện có thông qua một liên kết và chỉnh sửa chúng. Dưới đây là cách điền vào từng trường và tránh những lỗi thường gặp.

Tôi đã làm website được 12 năm, và thẻ meta là thứ đầu tiên bị quên khi chỉnh sửa lại mẫu. Công cụ tạo thẻ meta thực sự là cứu tinh khi tôi cần nhanh chóng tạo ra khối nội dung phù hợp cho trang đích hoặc trang chủ mà không cần phải nhớ cú pháp og: và twitter::.

Công cụ tạo thẻ meta tạo ra những gì?

Công cụ tạo mã là một biểu mẫu có gợi ý, chuyển đổi văn bản của bạn thành mã hợp lệ. Dưới đây là các trường mà nó điền vào và chức năng của chúng.

Cánh đồng Bạn nhập gì vào đây? Tại sao trang web lại cần điều này?
Tiêu đề Tiêu đề trang, nên dùng từ 30-60 ký tự. Liên kết màu xanh lam trong kết quả tìm kiếm Google và tab trình duyệt
Mô tả meta Mô tả, nên dùng từ 120-160 ký tự. Ứng viên cho đoạn văn bản trích dẫn dưới tiêu đề
URL chính tắc Địa chỉ trang chính Hợp nhất các phần tử trùng lặp có tham số và thẻ UTM.
Robot index/noindex, follow/nofollow Cho phép hoặc vô hiệu hóa việc lập chỉ mục cho một trang.
Đồ thị mở og:title, og:description, og:image (1200×630), og:type, og:locale Xem trước liên kết trên Facebook, LinkedIn và các ứng dụng nhắn tin.
Thẻ Twitter twitter:card (summary_large_image or summary), title, description Thẻ liên kết trong X (Twitter)

Phía dưới các trường là bộ đếm ký tự với phạm vi được đề xuất, bên phải là bản xem trước trực tiếp của đoạn trích Google và bài đăng Facebook, và phía dưới cùng là mã HTML được tạo ra.

Làm thế nào để tạo thẻ meta trực tuyến?

Thêm thẻ meta theo 4 bước: tải xuống các thẻ hiện có, điền tiêu đề và mô tả, thêm thẻ canonical và Open Graph, sao chép mã HTML vào phần head.

  1. Mở Trình tạo Thẻ Meta. Nếu trang đã tồn tại, hãy dán địa chỉ của trang vào ô trên cùng và nhấp vào "Tải lên" – các thẻ hiện tại sẽ được chèn vào biểu mẫu.
  2. Hãy viết tiêu đề và mô tả, đồng thời chú ý đến các chỉ số. Thanh màu đỏ cho biết văn bản ngắn hơn hoặc dài hơn so với bình thường.
  3. Hãy chỉ định địa chỉ chuẩn - địa chỉ trang đầy đủ với https://, không có tham số.
  4. Chọn robots. Đối với trang thông thường, index, follow. noindex chỉ dành cho các trang dịch vụ: giỏ hàng, tài khoản cá nhân và kết quả tìm kiếm trên trang web.
  5. Điền thông tin vào Open Graph và Twitter Card: hình ảnh 1200×630, loại ( website cho trang chính, article cho bài viết, product cho sản phẩm) và ngôn ngữ, ví dụ: ru_RU hoặc en_US.
  6. Kiểm tra bản xem trước và sao chép mã HTML bằng nút sao chép.

Kết quả đầu ra sẽ là một khối tương tự như thế này, được chèn vào <head>:

<title>Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord</title> <meta name="description" content="120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, возврат 30 дней."> <link rel="canonical" href=" https://example.com/ryukzaki/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="Кожаные рюкзаки Nord — 120 моделей"> <meta property="og:image" content=" https://example.com/img/og-ryukzaki.jpg"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">

Xin lưu ý: tiêu đề gốc (og:title) không nhất thiết phải là bản sao chính xác của tiêu đề bài viết. Trên mạng xã hội, việc sử dụng từ "thương hiệu" và "mua" nghe có vẻ gây khó chịu, vì vậy một tiêu đề phù hợp hơn sẽ tốt hơn, và tiêu đề bài viết nên phản ánh đúng từ khóa tìm kiếm.

Đây là giao diện của không gian làm việc: một dòng để tải thẻ thông qua liên kết, một biểu mẫu ở bên trái và bản xem trước Google và Facebook ở bên phải.

Trang công cụ tạo thẻ Meta miễn phí của PromoPilot: Tải lên thẻ URL, các trường tiêu đề và mô tả, xem trước trên Google và Facebook.

Làm thế nào để viết tiêu đề và mô tả thu hút người dùng nhấp chuột?

Công cụ tạo trang theo dõi độ dài, nhưng không theo dõi nội dung. Dưới đây là các công thức tôi sử dụng cho các loại trang khác nhau:

  • Trang chủ: Что продаёте + для кого / где | Бренд — ví dụ: Мебель из массива дуба на заказ | Woodline.
  • Danh mục: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord.
  • Sản phẩm: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года.
  • Bài viết: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки.

Hãy viết mô tả dưới dạng một lời hứa ngắn gọn: người dùng sẽ nhận được gì trên trang và tại sao họ nên nhấp chuột. Ví dụ không tốt: "Chào mừng bạn đến với trang web của chúng tôi! Chúng tôi cung cấp nhiều loại..." Ví dụ tốt: "Có sẵn 120 ba lô da, giao hàng khắp châu Âu trong 2-4 ngày, đổi trả miễn phí trong 30 ngày. Chọn mẫu theo kích thước và màu sắc."

Các lỗi mã thường gặp mà trình tạo mã giúp tránh:

  1. Trên trang có hai thẻ tiêu đề — một từ mẫu, một từ plugin. Sau khi dán mã, hãy kiểm tra xem thẻ cũ đã được xóa chưa.
  2. Địa chỉ tương đối trong og:image ( /img/cover.jpg) — các mạng xã hội mong đợi địa chỉ đầy đủ với https://.
  3. Lỗi "Canonical" trên trang chủ của tất cả các trang là một lỗi mẫu phổ biến khiến các trang bị loại khỏi chỉ mục tìm kiếm.
  4. noindex, bị lãng quên sau khi phát triển - trang web đã được ra mắt, nhưng công cụ tìm kiếm không nhận diện được nó.

Tôi nên dán đoạn mã được tạo ra vào đâu?

Mã được chèn vào <head>, nhưng phương pháp thực hiện phụ thuộc vào công cụ xây dựng website. Trên website tùy chỉnh, mã được chèn trực tiếp vào mẫu HTML của trang. Trong WordPress, cách dễ hơn là tránh dán mã thủ công mà thay vào đó nhập văn bản từ trình tạo mã vào các trường của plugin SEO (Yoast SEO hoặc Rank Math): plugin sẽ tự động tạo các thẻ và tránh tạo các thẻ trùng lặp. Trong các công cụ xây dựng website, hãy tìm mục "SEO" trong cài đặt trang.

Sau khi xuất bản, hãy kiểm tra kết quả: bài viết của chúng tôi về phân tích thẻ meta sẽ hướng dẫn bạn cách đảm bảo các thẻ trên trang trực tuyến khớp với các thẻ dự định, và bài viết của chúng tôi về xem trước kết quả tìm kiếm (SERP previews) sẽ hướng dẫn bạn cách xem đoạn trích trong kết quả tìm kiếm trên điện thoại.

So sánh: Công cụ tạo thẻ Meta và các lựa chọn thay thế

Dụng cụ Cái gì là miễn phí? Hạn chế Sản phẩm này phù hợp với đối tượng nào?
PromoPilot — Công cụ tạo thẻ Meta Tiêu đề, mô tả, URL chuẩn, URL robots, URL OG và Twitter Card, bản xem trước Google và Facebook, HTML có sẵn Hãy tự viết từng trang một. Trang đích, trang chủ, trang web tùy chỉnh, thử nghiệm ý tưởng
Yoast SEO / Rank Math Chỉnh sửa trực tiếp các trường Tiêu đề, Mô tả và OG trong trình chỉnh sửa WordPress. Chỉ dành cho WordPress, cần cài đặt plugin. Dành cho chủ sở hữu trang web WordPress
Cài đặt SEO trong trình tạo Các trường tiêu đề và mô tả cho một trang Tập hợp các trường bị giới hạn bởi khả năng của nền tảng. Các trang web về nhà thầu xây dựng
Mã hóa thủ công Kiểm soát hoàn toàn Rất dễ mắc lỗi cú pháp và lỗi trùng lặp. Dành cho các nhà phát triển

Kết luận: Nếu trang web của bạn sử dụng WordPress, hãy điền đầy đủ thông tin vào các trường trong plugin SEO và sử dụng trình tạo mã để xem trước bản nháp. Đối với trang web tùy chỉnh hoặc trang đích riêng biệt, trình tạo mã sẽ tạo ra mã hoàn chỉnh nhanh nhất.

Ngoài công cụ tạo mã nguồn, PromoPilot còn cung cấp thêm 87 công cụ SEO miễn phí khác, từ trình gỡ lỗi Open Graph đến trình tạo mã Schema.

Những hạn chế của trình tạo thẻ meta là gì?

Công cụ tạo thẻ không biết bạn đang được tìm kiếm bằng các truy vấn nào — bạn chọn từ khóa trong tiêu đề. Nó không kiểm tra tính duy nhất: nếu bạn chèn cùng một mô tả vào 50 trang, công cụ sẽ không nhận ra. Và nó hoạt động với một trang duy nhất: đối với một cửa hàng có hàng trăm sản phẩm, thẻ được biên soạn bằng cách sử dụng một mẫu trong mã trang web, chứ không phải thủ công.

Khi nào thì một công cụ miễn phí không còn đủ?

Trình tạo thẻ Meta so với các mẫu thẻ có sẵn: Tự tạo thủ công cho một trang duy nhất so với các quy tắc cho toàn bộ trang web

Công cụ này lý tưởng cho việc tạo năm trang. Đối với năm trăm trang, cần một phương pháp khác. Cần đến chuyên gia nếu:

  • Bạn có một danh mục sản phẩm, và các thẻ (tag) sẽ được tự động gán cho mỗi sản phẩm mới;
  • Trang web này hỗ trợ nhiều ngôn ngữ, và cần có các thẻ (tag) tương ứng với từng ngôn ngữ kèm theo mã vùng chính xác;
  • Bạn không biết những truy vấn nào thu hút người mua, và tiêu đề được viết "theo cảm tính";
  • Sau khi thay đổi hệ thống quản lý nội dung (CMS), các thẻ (tag) bị mất hoặc trùng lặp.

Tôi có thể làm gì cho trang web của bạn?

Tôi là Valeriy Danyuk, một nhà phát triển và chuyên gia SEO với 12 năm kinh nghiệm và hơn 200 khách hàng. Tôi tích hợp thẻ meta vào các mẫu giao diện ngay từ đầu để chủ sở hữu trang web không phải lo lắng về chúng mỗi khi đăng tải nội dung.

SEO và quảng bá

Trang web và cửa hàng trực tuyến

CRM và tự động hóa

Hãy gửi địa chỉ trang web của bạn cho tôi qua Telegram và tôi sẽ đề xuất công thức đặt tiêu đề cho các trang chính của bạn.

Kết quả

  1. Công cụ tạo thẻ meta trực tuyến sẽ tự động tạo một khối tiêu đề hoàn chỉnh: tiêu đề, mô tả, canonical, robots, Open Graph và Twitter Card kèm bản xem trước.
  2. Hãy giữ tiêu đề ở mức 30-60 ký tự, mô tả ở mức 120-160 ký tự, và đặt từ khóa cùng lợi ích lên đầu.
  3. Sau khi dán mã, hãy kiểm tra xem các thẻ có bị trùng lặp hay không và og:image có được chỉ định là địa chỉ đầy đủ hay không.
  4. Đối với danh mục sản phẩm và trang web đa ngôn ngữ, các thẻ được thu thập bằng cách sử dụng một mẫu—hoặc một nền tảng đã thực hiện việc này, chẳng hạn như 1001site.

Thu thập các thẻ meta cho trang chủ của bạn bằng công cụ tạo thẻ meta miễn phí — việc này sẽ mất ít thời gian hơn cả việc đọc bài viết này.

Nguồn

  • Trang công cụ tạo thẻ meta PromoPilot - các trường, phạm vi đề xuất và Câu hỏi thường gặp.
  • Giao thức đồ thị mở (ogp.me) - mô tả về các thẻ og:title, og:image, og:type, og:locale.
  • Tài liệu hướng dẫn sử dụng plugin Yoast SEO và Rank Math dành cho WordPress.

Tài liệu tham khảo và nguồn

Câu hỏi và câu trả lời

Độ dài tối ưu của tiêu đề và mô tả là bao nhiêu?

Hướng dẫn của công cụ tạo nội dung: tiêu đề — 30–60 ký tự, mô tả — 120–160 ký tự. Bộ đếm bên dưới các trường sẽ hiển thị nếu văn bản vượt quá phạm vi quy định. Đặt từ khóa và lợi ích lên đầu; Google sẽ cắt bớt phần cuối của văn bản quá dài.

Tại sao cần có các thẻ Open Graph?

Open Graph kiểm soát việc xem trước liên kết trong Facebook, LinkedIn, Telegram, WhatsApp và các ứng dụng khác: tiêu đề, mô tả và hình ảnh. Nếu không có chúng, ứng dụng nhắn tin sẽ lấy văn bản và hình ảnh ngẫu nhiên từ trang hoặc thậm chí chỉ hiển thị một liên kết trống.

Tôi cần dán đoạn mã được tạo ra vào đâu?

Trong phần của trang, trước thẻ đóng . Trong WordPress việc điền các trường này dễ dàng hơn nếu sử dụng plugin SEO (Yoast hoặc Rank Math), hoặc trong các trình tạo trang, ở phần cài đặt SEO của trang. Hãy đảm bảo không có thẻ trùng lặp: hai thẻ tiêu đề trên một trang là một lỗi.

Trình tạo khác với phân tích thẻ meta như thế nào?

Công cụ tạo mã giúp bạn viết thẻ và tạo ra mã có sẵn. Phân tích thẻ meta kiểm tra những gì đã có trên trang thực tế và tìm lỗi. Một sự kết hợp tiện lợi: kiểm tra trang, viết lại các thẻ có vấn đề trong công cụ tạo mã, chèn chúng và kiểm tra lại.

Chúng tôi đã kiểm tra trang web, nhưng không có ai để sửa chữa cả?

Công cụ miễn phí này sẽ chỉ ra các vấn đề. Tôi sẽ phân tích báo cáo, ưu tiên và khắc phục chúng: kiểm tra SEO, tăng tốc độ, tối ưu hóa mã HTML và chuyển sang trang web mới mà không làm mất thứ hạng.