Đếm ký tự cho form & SEO title | Meta description không bị cắt【2026】

(Cập nhật: 19 tháng 7, 2026 ) đếm ký tự char count SEO title meta description form giới hạn ký tự
Kết luận

Trước khi ship form hoặc publish trang: đếm đúng thứ bạn sắp bị cắt. Title SEO / meta description cần mốc làm việc rõ; input form cần khớp maxlength và rule backend (có trim space hay không). Dùng Đếm ký tự trên trình duyệt — xem số ký tự, dòng, từ, Bytes UTF-8, bật/tắt khoảng trắng. Bài này không đi sâu UTF-16/surrogate pair; tập trung checklist form & SEO hàng ngày.

Bạn vừa viết xong thẻ <title> và meta description tiếng Việt. Trên desktop nhìn ổn — trên điện thoại SERP bị cắt giữa từ “khuyến mãi”. Cùng lúc, form đăng ký báo “Tối đa 50 ký tự” trong khi bạn đếm trên Word thấy 48 vì Word không tính giống maxlength của HTML.

Đó là lúc cần đếm ký tự nhanh theo đúng rule, không phải bài học encoding dài. Góc bài này: form + SEO title/description cho content, marketing site và freelancer giao trang cho khách ở Việt Nam.

Bài viết này giúp bạn

  • Phân biệt giới hạn form, mốc SEO, và bytes khi nào cần nhìn
  • Bảng mốc thực chiến cho title / description / ô input phổ biến
  • Quy trình 5 phút với Char Count trên trình duyệt
  • Lưu ý tiếng Việt có dấu (ký tự vs UTF-8 bytes)
  • Checklist trước publish và lỗi hay gặp

Ba “thước đo” dễ nhầm khi đếm

Bạn đang bị giới hạn bởi thước nào?
Thước đo Ý nghĩa Khi nào quan tâm
Số ký tự (chars) Độ dài chuỗi theo .length / maxlength HTML Form input, nhiều CMS, mốc SEO title/description
Số từ (words) Tách theo khoảng trắng Brief viết bài, dịch thuật — ít dùng cho meta title
Bytes UTF-8 Dung lượng lưu/truyền Cột DB theo byte, giới hạn payload, tiếng Việt có dấu

Trên Char Count Kawa bạn thấy cả bốn chỉ số: ký tự, dòng, từ, Bytes UTF-8. Checkbox “Bao gồm khoảng trắng và xuống dòng” chỉ ảnh hưởng số ký tự — khớp với câu hỏi: spec form có đếm space không?

Phạm vi bài này: dùng các chỉ số đó để ship form và SEO. Nếu bạn cần hiểu vì sao emoji làm string.length trong JavaScript “nhảy số”, đó là chủ đề encoding/UTF-16 riêng — không phải bước bắt buộc mỗi lần sửa meta description.

Mốc thực chiến: SEO title & meta description

Không có một con số pháp lý duy nhất từ Google. Team vẫn cần mốc làm việc để khỏi viết dài vô tội vạ:

Thành phầnMốc làm việc thường dùngGhi chú thực tế
Title (SEO)~50–60 ký tựBị cắt theo chiều rộng pixel; ưu tiên từ khóa ở đầu
Meta description~140–160 ký tựCâu hoàn chỉnh phía trước; có thể không hiện đúng description bạn viết
OG titleTheo nền tảngFacebook/Zalo có thể cắt khác Google — đếm riêng nếu campaign quan trọng

Ví dụ title tiếng Việt (đếm nhanh):

Công cụ đếm ký tự online | Kawa Dev Tools

Dán vào Đếm ký tự với checkbox bật (tính space) — đó gần với cách trình duyệt/maxlength nhìn chuỗi.

Cách rút khi gần trần:

  1. Cắt cụm phụ ở cuối trước (thương hiệu có thể rút ngắn)
  2. Giữ cụm chính ở đầu
  3. Tránh nhồi keyword làm title mất nghĩa khi bị cắt giữa chừng

Form input: khớp maxlength và backend

HTML maxlength

Thuộc tính maxlength="50" trên <input> / <textarea> thường đếm mọi ký tự người dùng gõ, gồm khoảng trắng. Người dùng copy-paste từ Word có thể mang theo ký tự lạ hoặc xuống dòng.

Backend có trim không?

Nhiều API làm trim() rồi mới validate độ dài → " hello " có thể thành 5 ký tự phía server nhưng 9 ký tự trên ô input trước khi submit. Khi QA báo lệch số:

  1. Hỏi spec: đếm trước hay sau trim?
  2. Trên Char Count: thử bật và tắt “Bao gồm khoảng trắng…”
  3. Ghi rõ trong ticket để khỏi tranh cãi

Case study ngắn: form đăng ký sự kiện

Tình huống: Freelancer giao landing; field “Tên công ty” maxlength={80}. Khách dán tên đầy đủ pháp lý tiếng Việt (~75 ký tự có dấu). Trên CMS đếm “ổn”, trên mobile bàn phím + gợi ý emoji vô tình thêm ký tự → submit fail.

Xử lý:

  • Đếm bản nháp bằng Char Count có space
  • Để UX: hiện còn lại X ký tự khớp đúng rule frontend
  • Nếu DB lưu UTF-8 và cột tính theo byte, nhìn thêm Bytes UTF-8 — tên tiếng Việt có dấu chiếm nhiều byte hơn bản không dấu cùng số ký tự

Tiếng Việt có dấu: chars vs bytes (đủ dùng cho SEO/form)

Bạn không cần thuộc bảng Unicode để làm title. Chỉ cần nhớ:

ChuỗiChars (ước lượng)Bytes UTF-8 (ý tưởng)
Cafe44
Cà phê6 (có space)> 6 vì à, ê

Khi làm SEO title: ưu tiên số ký tự + đọc thử trên SERP.
Khi làm cột DB hẹp / giới hạn payload: nhìn Bytes UTF-8 trên cùng tool.

Ví dụ meta (rút gọn):
Đếm ký tự form & SEO title — kiểm tra meta không bị cắt.

Dán vào tool, đọc số; nếu vượt mốc team (ví dụ 160), cắt mệnh đề phụ ở cuối trước.

Quy trình 5 phút trước khi publish

  1. Chốt mốc trong checklist dự án (title 60? description 155? form 100?)
  2. Mở Đếm ký tự
  3. Dán title → ghi số; dán description → ghi số
  4. Chọn đúng chế độ khoảng trắng nếu đang kiểm form
  5. Nếu gần trần: rút phần cuối, giữ thông tin chính ở đầu
  6. (Tuỳ chọn) Kiểm tra OG title riêng cho share mạng xã hội

Công cụ chạy local trên trình duyệt — nhanh hơn mở Google Doc chỉ để xem “Word count”, và gần với cách HTML đếm hơn Word.

Checklist trước khi ship

  • Title nằm trong mốc team; từ khóa chính không bị đẩy xuống cuối
  • Meta description là câu đọc được khi bị cắt ~ nửa sau
  • Form: số đếm khớp maxlength / rule trim của API
  • Bản tiếng Việt có dấu: nếu nghi DB theo byte thì xem Bytes UTF-8
  • Không dựa vào đếm của Word/Docs cho maxlength HTML
  • Tránh dán PII khách vào tool nếu không cần thiết

Lỗi thường gặp

1. Đếm trên Word rồi điền maxlength

Word có quy tắc từ/ký tự riêng; HTML maxlength khác. Luôn đối chiếu bằng cùng thước (trình duyệt hoặc Char Count).

2. Viết title dài “cho đủ keyword”

Title bị cắt giữa chừng khiến SERP trông spam và mất CTA. Ngắn-rõ thường thắng nhồi từ.

3. Quên xuống dòng trong textarea

Nhiều dòng trong mô tả sản phẩm: mỗi \n có thể tính vào giới hạn. Checkbox bao gồm xuống dòng giúp bắt lỗi này.

4. Chỉ nhìn chars khi DB báo “value too long”

Một số hệ thống giới hạn theo byte. Cùng 50 ký tự tiếng Việt có dấu có thể vượt 50 bytes UTF-8 — nhìn chỉ số Bytes trên tool.

Khi nào cần bài “sâu hơn” về encoding?

Bookmark thêm tài liệu UTF-16 / surrogate pair khi bạn:

  • Viết validator bằng JavaScript và so sánh .length với [...str].length
  • Đếm emoji / ký tự đặc biệt cho social network có rule riêng
  • Debug lệch giữa client và server về “một emoji = mấy đơn vị”

Còn mỗi lần sửa title trang hoặc copy form — quy trình form & SEO ở trên là đủ; mở Char Count và làm trong vài phút.

Cách dùng trên Kawa Dev Tools

  1. Mở Đếm ký tự
  2. Dán title, description hoặc nội dung ô form
  3. Bật/tắt “Bao gồm khoảng trắng và xuống dòng” cho khớp spec
  4. Đọc Số ký tự; xem thêm Bytes UTF-8 nếu cần DB/payload
  5. Rút gọn và đếm lại trước khi paste vào CMS

Liên quan khi chuẩn hóa tên field trong cùng sprint: Case Converter.

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

Google có cắt đúng 60 ký tự không?
Không cam kết theo một số cố định; mốc 50–60 là thói quen làm việc. Ưu tiên phần đầu title.

Có cần đếm từ cho meta description không?
Ít khi. Meta chăm ký tự / khả năng đọc, không phải word count bài blog.

Đếm trên điện thoại có khác không?
Cùng chuỗi thì số ký tự giống; cách SERP hiển thị trên màn hẹp có thể cắt sớm hơn — vậy nên giữ thông tin quan trọng ở đầu.

Liên kết liên quan