Hướng dẫn chèn Schema Markup JSON-LD nâng cao: Product, FAQ, Article & LocalBusiness

Làm thế nào để kết quả tìm kiếm website của bạn trên Google hiển thị thêm **Dải sao đánh giá 5 sao, Giá sản phẩm, Các câu hỏi thường gặp (FAQ) hay Tọa độ địa điểm** nổi bật hơn hẳn đối thủ? Bí thuật chính là chèn **Schema Markup JSON-LD (Dữ liệu có cấu trúc)**!

1. Schema Markup JSON-LD là gì?

JSON-LD (JavaScript Object Notation for Linked Data) là định dạng mã khai báo được Google khuyến nghị sử dụng. Dữ liệu này giúp các con bọ Google Bot hiểu chính xác 100% ngữ cảnh nội dung trang web thay vì phải tự đoán.

2. Hướng dẫn chèn Schema JSON-LD trong Next.js App Router

Tạo component bọc đoạn mã JSON-LD chuẩn hóa dưới dạng thẻ <script type="application/ld+json">:

export default function ProductSchema({ product }) {
  const schemaData = {
    "@context": "https://schema.org",
    "@type": "Product",
    "name": product.title,
    "image": product.image,
    "description": product.description,
    "offers": {
      "@type": "Offer",
      "price": product.price,
      "priceCurrency": "VND",
      "availability": "https://schema.org/InStock"
    }
  };

  return (
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{ __html: JSON.stringify(schemaData) }}
    />
  );
}

3. 4 Loại Schema phổ biến mang lại hiệu quả SEO lớn nhất

• Article Schema: Giúp bài viết được hiển thị lên mục Google News và Google Discover.
• Product Schema: Hiển thị giá bán, tình trạng còn hàng và dải sao đánh giá trên Google Search.
• FAQPage Schema: Hiển thị các câu hỏi đáp thường gặp trực tiếp ngay dưới kết quả tìm kiếm (xem bài Schema JSON-LD FAQ Page).
• LocalBusiness Schema: Khai báo địa chỉ, số điện thoại và giờ mở cửa cho các công ty địa phương.

Kết luận

Tích hợp Schema JSON-LD chuẩn mực giúp kết quả tìm kiếm của bạn thu hút sự chú ý và tăng 30% tỷ lệ nhấp CTR. Uwmee Software chèn sẵn bộ Schema JSON-LD nâng cao cho mọi dự án làm web Next.js. Đọc thêm bài viết SEO hình ảnh lên Top Google.