Trong hành trình tối ưu website cho công cụ tìm kiếm, chắc hẳn bạn đã từng nghe đến những khái niệm như dữ liệu có cấu trúc hay rich snippets - những yếu tố quan trọng giúp thông tin của bạn hiển thị nổi bật và thu hút hơn trên Google. Tuy nhiên, không phải ai cũng biết rằng, bên cạnh các định dạng phức tạp như JSON-LD hay RDFa, vẫn tồn tại một cách cực kỳ đơn giản nhưng hiệu quả để truyền đạt ý nghĩa của nội dung đến Google mà không cần viết mã phức tạp hay nhúng script cồng kềnh. Giải pháp đó chính là microformats - một kỹ thuật nhỏ gọn, dễ áp dụng, được tích hợp trực tiếp trong HTML, giúp bạn cho công cụ tìm kiếm biết đâu là tên người, địa chỉ, sự kiện hay đánh giá sản phẩm,… ngay trên trang web của mình. Trong bài viết này, chúng ta sẽ cùng tìm hiểu microformats là gì, cách hoạt động ra sao và vì sao đây lại là công cụ SEO thông minh dành cho mọi webmaster.
Microformats là gì?
Microformats (hay còn gọi là vi định dạng) là một tập hợp các quy ước đơn giản, phi tập trung, cho phép bạn thêm ý nghĩa ngữ nghĩa (semantic meaning) vào các dữ liệu phổ biến trên trang web bằng cách sử dụng chính các thuộc tính HTML/XHTML đã có sẵn như class và rel.
Hãy hình dung thế này: Website của bạn là một cuốn sách. HTML là cấu trúc trang, các đoạn văn, tiêu đề. Còn microformats giống như việc bạn thêm các nhãn dán nhỏ, chuẩn hóa lên từng thông tin cụ thể (ví dụ: "Đây là tên tác giả", "Đây là số điện thoại liên hệ", "Đây là ngày diễn ra sự kiện"). Những nhãn dán này giúp máy móc đọc cuốn sách của bạn hiểu chính xác từng phần thông tin là gì, thay vì chỉ là một chuỗi ký tự.
Mục tiêu chính của microformats là giúp các ứng dụng (như công cụ tìm kiếm, trình duyệt, phần mềm quản lý danh bạ, lịch,...) dễ dàng nhận diện, trích xuất và xử lý các thông tin đã được đánh dấu mà không cần phải thay đổi cấu trúc HTML cơ bản của trang web.
Cơ chế hoạt động của Microformats
Microformats hoạt động dựa trên một nguyên tắc rất đơn giản và không giống như việc học một ngôn ngữ đánh dấu hoàn toàn mới, microformats tận dụng sức mạnh của HTML theo một cách rất thông minh. Nó chủ yếu dựa vào việc gán các giá trị cụ thể cho thuộc tính class và rel của các thẻ HTML thông thường (div, span, p, a,...).
Nói cách khác, thay vì chỉ viết HTML đơn thuần, bạn đánh dấu những phần nội dung quan trọng như tên người, địa chỉ, sự kiện, đánh giá,… bằng các class có quy ước sẵn, để trình tìm kiếm như Google có thể hiểu đây là gì. Nếu phù hợp, Google có thể hiển thị dữ liệu đó thành rich snippets (ví dụ: tên sản phẩm, đánh giá sao, thời gian sự kiện…).
Ví dụ, bạn có thể viết đoạn HTML hiển thị tên và địa chỉ thế này:
< p > Nguyễn Văn A < br > 123 Lý Thường Kiệt, TP.HCM < /p >
Nhìn thì bình thường, nhưng Google sẽ không biết đây là gì. Giờ nếu dùng HTML microformats, bạn sẽ viết lại như sau:
< div class="vcard" >
< span class="fn">Nguyễn Văn A < br >
< div class="adr" >
< span class="street-address">123 Lý Thường Kiệt< /span >,
< span class="locality">TP.HCM < /span >
< /div >
< /div >
Khi Googlebot quét trang web, nó sẽ đọc các class như vcard, fn, adr… và nhận ra:
- Đây là một danh thiếp điện tử (vcard)
- fn = Full Name → Tên người
- adr = Address → Địa chỉ
Nhờ đó, Google có thể hiểu và hiển thị thông tin này theo cách thông minh hơn trên kết quả tìm kiếm.
Các loại microformats phổ biến hiện nay
Như chúng ta đã tìm hiểu, microformats HTML là cách để gán thêm ngữ nghĩa cho dữ liệu trên website bằng cách sử dụng các thuộc tính HTML/XHTML có sẵn. Nhưng liệu bạn có tò mò đâu là những loại vi định dạng được sử dụng nhiều nhất và chúng giúp ích gì trong thực tế không? Dưới đây là 5 loại microformats phổ biến nhất hiện nay:
1. hCard
hCard là microformat được dùng để đánh dấu thông tin cá nhân hoặc doanh nghiệp, tổ chức hoặc địa điểm. Loại này dựa trên định dạng vCard (Virtual Contact File) quen thuộc trong các ứng dụng danh bạ điện thoại.
Ứng dụng phổ biến:
- Trang Liên hệ (Contact Us): Giúp Google và các công cụ tìm kiếm hiểu rõ địa chỉ, số điện thoại, email của doanh nghiệp bạn.
- Hồ sơ cá nhân: Trên các trang blog, portfolio, hoặc trang giới thiệu tác giả.
- Thư mục doanh nghiệp: Các website liệt kê thông tin của nhiều công ty, cửa hàng.
- Hiển thị Rich Snippets: Thông tin doanh nghiệp (địa chỉ, số điện thoại) có thể xuất hiện trực tiếp trong kết quả tìm kiếm của Google Maps hoặc Google Search.
Ví dụ:
< div class="vcard" >
< span class="fn" > Nguyễn Văn A < /span > < br >
< span class="org" > Công ty TNHH Phương Nam Vina < /span > < br >
< span class="tel" > 0912 817 117 < /span > < br >
< div class="adr" >
< span class="street-address" > 213 Chu Văn An < /span > ,
< span class="locality" > TP.HCM < /span >
< /div >
< /div >
2. hCalendar
hCalendar dùng để đánh dấu các sự kiện trên trang web trên trang web như lịch hội thảo, buổi họp, workshop cùng các thông tin chi tiết như tên event, thời gian bắt đầu/kết thúc, địa điểm và mô tả. hCalendar cũng dựa trên chuẩn iCalendar được dùng trong các ứng dụng lịch.
Ứng dụng phổ biến:
- Trang sự kiện: liệt kê các buổi hội thảo, concert, khóa học, triển lãm.
- Blog/Tin tức: Thông báo về các sự kiện sắp tới.
- Hệ thống đặt vé: Đánh dấu thông tin về các buổi biểu diễn, trận đấu.
- Hỗ trợ Google hiển thị sự kiện: Giúp sự kiện của bạn xuất hiện trực tiếp trên kết quả tìm kiếm với ngày tháng, địa điểm cụ thể.
Ví dụ:
< div class="vevent" >
< span class="summary">Hội thảo SEO 2025< /span >< br >
< span class="dtstart" title="2025-07-20">20/07/2025< /span > lúc
< span class="location">TP.HCM< /span >
< /div >
3. hReview
hReview là vi định dạng được dùng để đánh dấu các bài đánh giá hoặc nhận xét về một sản phẩm, dịch vụ, địa điểm, bộ phim, cuốn sách,.... Nó giúp các công cụ tìm kiếm hiểu được đâu là đánh giá, ai là người đánh giá và điểm số cụ thể là bao nhiêu.
Ứng dụng phổ biến:
- Hiển thị đánh giá sản phẩm trên trang thương mại điện tử.
- Đánh giá phim, nhà hàng, khách sạn, game trên website review.
- Các bài viết chia sẻ quan điểm về một trải nghiệm nào đó trên blog cá nhân.
- Hiển thị review với đánh giá (rating stars) xuất hiện ngay trên kết quả tìm kiếm của Google, SEO Rich Snippets giúp thu hút sự chú ý và tăng CTR.
Ví dụ:
< div class="hreview" >
< span class="item">Tai nghe Bluetooth XYZ< /span >< br >.
< span class="rating">4.5< /span > sao< br >.
< span class="description" > Chất âm tốt, pin lâu, kết nối ổn định.< /span >.
< /div >
4. hAtom
hAtom là một Microformat để đánh dấu nội dung blog, bài viết, hoặc các mục tin tức. Nó được xây dựng dựa trên chuẩn Atom, một định dạng cho các nguồn cấp dữ liệu (feed) web. hAtom giúp các công cụ đọc feed hoặc công cụ tìm kiếm hiểu rõ hơn về từng mục nội dung trên một trang.
Ứng dụng phổ biến:
- Hỗ trợ RSS feed hoặc trình đọc tin nhanh.
- Giúp hiển thị rõ ràng phần tiêu đề, tác giả, ngày đăng, nội dung bài viết.
- Giúp các công cụ tổng hợp tin tức (news aggregators) hiểu cấu trúc từng tin bài.
Ví dụ:
< div class="hentry" >
< h2 class="entry-title" >
< a href="https://blog.example.com/bai-viet-moi-nhat" rel="bookmark" >.
Xu Hướng Thiết Kế Web 2025: Tối Giản Hơn, Tương Tác Mạnh Hơn.
< /a >
< /h2 >
< p class="author vcard" >
Bởi Lê Thị B < /span >
< /p >
< p class="published" title="2025-06-18T10:30:00+07:00">Ngày 18 tháng 6, 2025< /p >
< div class="entry-content" >
< p >Thiết kế web đang dần chuyển mình với những thay đổi đáng kể... < /p >
< /div >
< p class="tag-links" > Tags:
< a href="/tag/thiet-ke-web" rel="tag" > thiết kế web < /a >,
< a href="/tag/ux-ui" rel="tag">UX/UI< /a >
< /p >
< /div >
5. XFN (XHTML Friends Network)
XFN là một vi định dạng độc đáo giúp bạn mô tả mối quan hệ giữa bạn và những người bạn liên kết đến trên trang web của mình. Nó sử dụng thuộc tính rel trong thẻ a để chỉ ra bản chất của mối quan hệ.
Ứng dụng phổ biến:
- Danh sách các blog, website bạn bè mà bạn muốn giới thiệu với Blogroll.
- Liệt kê các mối quan hệ với đồng nghiệp, đối tác trên trang liên kết cá nhân.
- Trong quá khứ, một số nền tảng mạng xã hội đã sử dụng XFN để hiểu các mối quan hệ giữa người dùng.
Ví dụ:
< p > Dưới đây là một số người bạn và đồng nghiệp của tôi: < /p >
< ul >
< li > < a href="https://linh-tran.com" rel="friend met colleague" > Linh Trần (Bạn bè, đã gặp, đồng nghiệp) < /a > < /li >
< li > < a href="https://cong-ty-x.com" rel="co-worker parent" > Công ty X (Đối tác, công ty mẹ) < /a > < /li >
< /ul >
Vai trò của microformats trong phát triển web
Việc thêm các vi định dạng mang lại những lợi ích đáng kể, đặc biệt là trong bối cảnh web ngày càng thông minh hơn.
1. Giúp website có ngữ nghĩa hơn
HTML truyền thống chỉ mô tả bố cục (ví dụ như đoạn văn, tiêu đề, bảng,…) nhưng không nói rõ ý nghĩa của từng phần nội dung. Microformats bổ sung lớp ngữ nghĩa vào HTML bằng cách thêm các class đặc biệt, giúp diễn giải:
- Đây là một tên người.
- Đây là một địa chỉ.
- Đây là thời gian tổ chức sự kiện.
- Đây là đánh giá sản phẩm,…
Nhờ đó, các công cụ và trình thu thập dữ liệu có thể hiểu nội dung như con người - một bước tiến gần hơn tới web ngữ nghĩa (Semantic web).
2. Tăng khả năng hiển thị trên công cụ tìm kiếm
Khi Google hiểu rõ nội dung của bạn là gì, nó có thể hiển thị website dưới dạng rich snippets - những kết quả tìm kiếm nổi bật, giàu thông tin hơn. Chẳng hạn:
- Số sao đánh giá cho sản phẩm.
- Ngày giờ diễn ra sự kiện.
- Địa chỉ doanh nghiệp.
Những kết quả này giúp trang web của bạn nổi bật hơn, thu hút hơn, làm tăng tỉ lệ click (CTR) và hỗ trợ SEO hiệu quả.
3. Tối ưu tương tác với các dịch vụ bên ngoài
Microformats HTML không chỉ dành cho Google mà chúng còn hỗ trợ các dịch vụ và nền tảng khác như:
- Mạng xã hội: Trích xuất tiêu đề, tác giả, nội dung nhanh hơn.
- Trình đọc màn hình: Giúp người khiếm thị tiếp cận nội dung dễ hơn.
- Trình đọc RSS hiện đại: Hiểu nội dung phân loại rõ ràng hơn.
4. Nâng cao trải nghiệm người dùng
Trình duyệt hoặc các ứng dụng có thể tự động nhận diện thông tin. Ví dụ, khi người dùng truy cập một trang có hCard, họ có thể dễ dàng thêm người đó vào danh bạ điện thoại chỉ bằng một cú nhấp chuột. Tương tự với việc thêm sự kiện vào lịch cá nhân từ hCalendar.
Ngoài ra, các công nghệ hỗ trợ đọc (screen readers) cho người khiếm thị có thể diễn giải nội dung chính xác hơn nhờ có microformats, từ đó giúp họ tiếp cận thông tin dễ dàng hơn.
5. Dễ dàng tích hợp và phát triển
Khác với các định dạng dữ liệu cấu trúc khác (như JSON-LD, RDFa) vốn đòi hỏi kiến thức lập trình hoặc file riêng biệt, vi định dạng chỉ sử dụng các thuộc tính HTML/XHTML đã có. Chính vì vậy, việc triển khai và quản lý tương đối đơn giản, không yêu cầu thay đổi cấu trúc trang quá nhiều, không làm tăng thời gian tải trang và không cần gọi API ngoài. Điều này giúp tiết kiệm công sức cho các lập trình viên front-end, người quản trị nội dung hoặc chủ doanh nghiệp nhỏ.
Đặc biệt, vi định dạng cũng chính là nền móng để xây dựng một hệ sinh thái web hiện đại:
- Cấu trúc tốt → dễ mở rộng.
- Dữ liệu rõ ràng → dễ tích hợp với hệ thống khác.
- Thân thiện SEO → dễ tiếp cận người dùng.
Nói cách khác, microformats là công cụ nhỏ nhưng có giá trị lớn giúp bạn xây dựng website chuẩn, vững vàng và sẵn sàng cho sự phát triển lâu dài.
Khi nào nên dùng HTML microformats?
Mặc dù Google và các công cụ tìm kiếm lớn hiện nay khuyến khích sử dụng Schema.org với JSON-LD cho hầu hết các nhu cầu về dữ liệu có cấu trúc, microformats vẫn có những ưu điểm riêng và có thể phù hợp trong các tình huống sau:
1. Khi cần một giải pháp đơn giản và nhanh gọn cho dữ liệu cơ bản
HTML microformats được thiết kế để đơn giản. Chúng chỉ yêu cầu bạn thêm các thuộc tính class và rel vào các thẻ HTML hiện có của mình. Điều này có nghĩa là:
- Nếu bạn có một trang web đã được xây dựng và chỉ cần thêm ngữ nghĩa cho các loại thông tin rất cơ bản và phổ biến (như thông tin liên hệ, sự kiện đơn giản, hoặc đánh giá), vi định dạng có thể là cách nhanh nhất để thực hiện.
- Bạn không cần phải tạo các khối JSON riêng biệt hoặc thay đổi đáng kể cấu trúc HTML như khi dùng Microdata (một dạng của Schema.org). Chỉ cần bổ sung các thuộc tính.
Ví dụ: Bạn có một trang "Liên hệ" đơn giản và muốn đảm bảo địa chỉ, số điện thoại được công cụ tìm kiếm nhận diện. Việc thêm một hCard sẽ nhanh hơn so với việc thiết lập JSON-LD đầy đủ cho toàn bộ tổ chức.
2. Trong các hệ thống cũ hoặc mã nguồn kế thừa (Legacy code)
Nhiều website và hệ thống cũ có thể đã được triển khai với HTML microformats từ trước. Trong những trường hợp này:
- Duy trì tính tương thích: Thay vì "đại tu" toàn bộ mã nguồn để chuyển sang Schema.org, việc duy trì hoặc cập nhật nhỏ các vi định dạng hiện có có thể là một giải pháp hiệu quả về chi phí và thời gian.
- Không cần nâng cấp toàn diện: Nếu các vi định dạng hiện có vẫn đang hoạt động tốt và mang lại Rich Snippets mong muốn, việc giữ nguyên chúng có thể là hợp lý cho đến khi có một đợt tái cấu trúc lớn.
3. Đối với các loại dữ liệu mà Microformats vẫn được hỗ trợ đầy đủ
Mặc dù phạm vi của microformats HTML hẹp hơn Schema.org, chúng vẫn được các công cụ tìm kiếm hỗ trợ cho một số loại dữ liệu phổ biến. Nếu nhu cầu của bạn chỉ giới hạn ở các thông tin dưới đây thì vi định dạng vẫn là một lựa chọn hợp lệ để cung cấp ngữ nghĩa và có khả năng mang lại Rich Snippets:
- Thông tin liên hệ (hCard) như địa chỉ, số điện thoại, email.
- Thông tin sự kiện (hCalendar) như ngày, giờ, địa điểm, tên sự kiện.
- Đánh giá/Nhận xét (hReview) như số sao, nội dung đánh giá.
- Thông tin bài viết/Blog (hAtom) như tiêu đề, tác giả, ngày đăng.
So sánh microformats với các định dạng dữ liệu cấu trúc khác
Để giải quyết vấn đề tối ưu hóa dữ liệu web, có nhiều cách để giúp Google và các công cụ tìm kiếm hiểu rõ nội dung của bạn hơn – điển hình là microformats, JSON-LD và RDFa. Mỗi định dạng có điểm mạnh, yếu riêng, tùy thuộc vào mục tiêu SEO, khả năng lập trình và loại nội dung website, bạn sẽ cần chọn công cụ phù hợp.
| Tiêu chí | Microformats | Schema.org (JSON-LD) | Microdata/RDFa |
| Bản chất | Tập hợp các quy ước sử dụng thuộc tính HTML/XHTML (class, rel) để thêm ngữ nghĩa. | Từ vựng định nghĩa các loại thực thể và thuộc tính (do Schema.org cung cấp), được viết dưới dạng mã JavaScript (JSON) và đặt trong thẻ script ở bất kỳ đâu trong tài liệu. | Từ vựng định nghĩa các loại thực thể và thuộc tính (do Schema.org cung cấp), được nhúng trực tiếp vào HTML bằng các thuộc tính đặc biệt. |
| Cú pháp | Dựa trên thuộc tính class và rel của các thẻ HTML hiện có. | Sử dụng cú pháp JSON, hoàn toàn tách biệt khỏi cấu trúc HTML hiển thị. | Sử dụng thuộc tính itemtype, itemprop, itemscope (Microdata) hoặc vocab, typeof, property (RDFa) trực tiếp trên các thẻ HTML. |
| Độ dễ triển khai | Dễ, không cần script | Rất dễ, tách biệt HTML | Phức tạp hơn, cần hiểu thuộc tính RDF |
| Tính mở rộng & tùy chỉnh | Hạn chế (theo định dạng có sẵn) | Linh hoạt cao (tự định nghĩa thuộc tính) | Linh hoạt cao |
| Phù hợp với nội dung nào? | Blog, danh bạ, review đơn giản | Mọi loại nội dung, kể cả thương mại, schema lớn | Nội dung học thuật, ngữ nghĩa sâu rộng |
| Khả năng hỗ trợ từ Google | Tốt (nhưng giới hạn một số loại nội dung) | Rất tốt (Google khuyến khích dùng JSON-LD) | Tốt nhưng ít phổ biến |
| Khả năng mở rộng hệ thống lớn | Không phù hợp | Phù hợp | Phù hợp |
| Hạn chế | Phạm vi hạn chế, ít linh hoạt cho dữ liệu phức tạp. | Cần có kiến thức về cú pháp JSON. Dữ liệu được đánh dấu có thể không trực tiếp gắn liền với từng phần tử HTML hiển thị. | Có thể làm mã HTML trở nên lộn xộn, khó đọc nếu có quá nhiều thuộc tính, yêu cầu thay đổi trực tiếp trên HTML hiển thị. |
| Tầm quan trọng hiện tại | Đang giảm dần sự phổ biến, nhưng vẫn được hỗ trợ. | Được xem là tiêu chuẩn vàng hiện nay cho dữ liệu có cấu trúc. | Đang giảm dần sự phổ biến so với JSON-LD, nhưng vẫn được hỗ trợ. |
Dù microformats HTML đã từng là một công cụ tiên phong và vẫn có những giá trị nhất định trong các tình huống cụ thể, xu hướng chung của ngành phát triển web đang nghiêng hẳn về Schema, đặc biệt là định dạng JSON-LD, nhưng trong hầu hết các dự án phát triển web mới hoặc khi bạn muốn tối đa hóa hiệu quả SEO và hiển thị, Schema.org với JSON-LD là lựa chọn được khuyến nghị và vượt trội hơn hẳn vì:
- Phạm vi rộng lớn: Schema.org cung cấp hàng trăm loại thực thể và thuộc tính, cho phép bạn mô tả gần như mọi loại dữ liệu một cách chi tiết và chính xác (ví dụ: sản phẩm, công thức nấu ăn, video, khóa học, tổ chức, người, địa điểm...).
- Khả năng mở rộng: Dễ dàng bổ sung các thuộc tính phức tạp hoặc kết nối các thực thể khác nhau.
- Ưu tiên của Google: Google liên tục cập nhật và khuyến nghị sử dụng JSON-LD cho dữ liệu có cấu trúc. Đây là định dạng được ưu tiên nhất để Google hiểu và hiển thị Rich Results.
- Tách biệt nội dung và dữ liệu: JSON-LD cho phép bạn đặt khối dữ liệu có cấu trúc riêng biệt trong thẻ của trang, không làm xáo trộn code HTML hiển thị cho người dùng.
Tóm lại, nếu bạn đang làm việc trên một dự án mới, hoặc website của bạn có dữ liệu phức tạp cần được mô tả chi tiết, hãy ưu tiên tìm hiểu và triển khai Schema.org với JSON-LD. Đây là chuẩn của tương lai và sẽ mang lại hiệu quả tốt nhất cho SEO và trải nghiệm người dùng.
Tuy nhiên, đừng loại bỏ vi định dạng hoàn toàn. Chúng vẫn là một công cụ hữu ích cho các nhu cầu đơn giản, triển khai nhanh hoặc khi làm việc với các hệ thống kế thừa. Điều quan trọng là bạn cần hiểu rõ mục tiêu của mình và chọn công cụ phù hợp nhất để làm cho website của bạn "biết nói" một cách hiệu quả nhất!
Hướng dẫn áp dụng microformats cho website
Áp dụng microformats HTML là một bước tiến quan trọng trong việc tối ưu hóa website cho cả người dùng và công cụ tìm kiếm.
Bước 1: Xác định loại thông tin cần đánh dấu
Trước khi bắt tay vào code, bạn cần xác định rõ thông tin nào trên trang web của bạn mà bạn muốn thêm ngữ nghĩa. Đây có thể là:
- Thông tin liên hệ của công ty hoặc cá nhân (địa chỉ, số điện thoại, email).
- Các sự kiện sắp tới (buổi hội thảo, buổi biểu diễn, khóa học).
- Các bài đánh giá sản phẩm hoặc dịch vụ.
- Nội dung của các bài viết blog hoặc tin tức.
Việc xác định rõ mục tiêu sẽ giúp bạn chọn đúng loại Microformat để sử dụng.
Bước 2: Chọn Microformat phù hợp
Dựa trên loại thông tin đã xác định ở Bước 1, bạn sẽ tiến hành chọn Microformat tương ứng. Dưới đây là những loại phổ biến nhất:
- hCard: Dành cho thông tin liên hệ (tên, địa chỉ, số điện thoại, email, URL).
- hCalendar: Dành cho các sự kiện (tên sự kiện, thời gian, địa điểm, mô tả).
- hReview: Dành cho các bài đánh giá (đối tượng đánh giá, người đánh giá, điểm số, nội dung).
- hAtom: Dành cho các bài viết, mục tin tức (tiêu đề, tác giả, ngày xuất bản, nội dung).
- XFN: Dành cho việc mô tả mối quan hệ giữa các liên kết (ví dụ: rel="friend").
Bước 3: Thêm các thuộc tính microformats vào HTML
Đây là bước quan trọng nhất. Bạn sẽ chỉnh sửa mã HTML hiện có của mình bằng cách thêm các thuộc tính class và/hoặc rel theo quy ước của microformats. Nguyên tắc chung như sau:
- Xác định khối thông tin chính: Bọc toàn bộ khối dữ liệu liên quan vào một thẻ HTML (thường là div hoặc span) và gán cho nó một class là tên của Microformat đó (ví dụ: class = "vcard" cho hCard).
- Đánh dấu từng phần nhỏ: Bên trong khối chính, xác định từng phần thông tin cụ thể (tên, số điện thoại, ngày,....) và gán cho chúng các cl.
Bước 4: Kiểm tra và xác thực Microformats của bạn
Sau khi đã thêm các thuộc tính microformats vào mã HTML, bạn cần kiểm tra xem chúng có được triển khai đúng cách và công cụ tìm kiếm có thể đọc được hay không. Đây là bước cực kỳ quan trọng để đảm bảo công sức của bạn không đổ sông đổ bể.
Công cụ hữu ích nhất có thể kể đến là Google's Rich Results Test. Ngoài công cụ của Google, có thể có các validator của bên thứ ba chuyên biệt cho vi định dạng. Tuy nhiên, công cụ của Google là đủ và đáng tin cậy nhất vì nó phản ánh cách Google thực sự đọc dữ liệu của bạn.
Qua những thông tin mà Phương Nam Vina vừa chia sẻ, có thể thấy rằng Microformats không phải là công nghệ mới lạ hay phức tạp, nhưng lại đóng vai trò vô cùng quan trọng trong việc giúp website giao tiếp tốt hơn với công cụ tìm kiếm. Chỉ bằng cách thêm một vài class HTML có cấu trúc rõ ràng, bạn đã có thể biến nội dung thuần túy thành thông tin ngữ nghĩa, dễ hiểu cho cả máy móc lẫn con người.
Dù hiện nay JSON-LD đang được Google ưu tiên trong nhiều trường hợp, nhưng HTML microformats vẫn là lựa chọn lý tưởng cho những ai muốn bắt đầu đơn giản, dễ tiếp cận và hiệu quả ngay. Nếu bạn đang xây dựng blog, website cá nhân, trang review hay danh bạ, đừng bỏ qua cơ hội tăng điểm SEO bằng chính những dòng mã HTML quen thuộc này.
