AnQiCMS (AnQiCMS) is an efficient enterprise-level content management system that not only provides powerful content publishing and management functions, but also puts great effort into SEO optimization.For e-commerce websites or enterprises with product display needs, how to make search engines better understand and display your products, and achieve higher click-through rates and conversion rates, is the key to successful operation.ProductType plays an indispensable role.

Today, let's delve into how to cleverly create in the product detail page of AnQiCMS.ProductThe Json-LD structured data type, to improve the visibility of product search engines and enrich the results display.

Unlock SEO Potential: Understanding Json-LD and Product Types

In the context of content operation, Json-LD (JavaScript Object Notation for Linked Data) is a structured data format commonly recommended by search engines.It allows us to embed data that is easy for machines to read in web pages, helping search engines understand page content more accurately.Imagine if users could see the star ratings, price, stock status, and even an eye-catching image of your product directly when they search for it on Google. Wouldn't that attract their attention more?This is the charm of Rich Snippets brought by Json-LD.

For product detail pages, the core focus is on Schema.org'sProductType. It has a set of recommended and required properties, such as the product name, description, image, brand, SKU, and most importantly the "quote" (offers) information. Use it correctlyProductStructured data, which can significantly enhance the competitiveness of products in search results.

AnQiCMS' structured data tool:jsonLdtags

AnQiCMS deeply understands the importance of structured data and provides convenient built-in support for it. It not only may generate some basic Json-LD data by default, but also providesjsonLdLabel (reference)tag-jsonLd.mdDocument), allowing operators to highly customize and extend structured data.

ThisjsonLdThe label is very intelligent, you can wrap your custom Json-LD code inside it.AnQiCMS will automatically merge your custom content with the system-generated parts.This means that if the field you define conflicts with the system default field, your custom content will take precedence over the default value, providing you with ultimate flexibility.

Practical steps to build a Product type Json-LD

Now, let's build a functional one step by stepProductType Json-LD structured data.

Step 1: Prepare product data, ensure the content is complete

In AnQiCMS, product information is usually stored under the "Content Management" module's "Product Model". To generate high-quality Json-LD, you need to ensure that the following product information is complete and accurate in the background:

  • Product Name (Title): A clear and accurate full name of the product.
  • Product Description (Description): A concise and clear overview of the product.
  • Product Image (Images/Logo): High-quality main product image and multiple detail images. AnQiCMS'sarchiveDetailTags can be retrievedLogo(Featured Image) andImages(Gallery Image).
  • Price (Price)Product's sales price.
  • Stock: The inventory quantity of the product, which isoffersofavailabilityProperties are essential.
  • BrandIf the product has a specific brand, consider adding a custom field to store it in the content model.
  • SKU, MPN, GTINThese are product identification codes, which usually also need to be added through the custom fields of the content model.

You can use the "Content Model Usage Help" (help-content-module.mdThe document adds the required custom fields for the product model, such as "Brand

第二步：Write Json-LD code (take the product detail page as an example)

In the template files of AnQiCMS, such as the product model detail page template (usually){模型table}/detail.htmlsuch asproduct/detail.htmlfor referencedesign-director.md），you can write Json-LD code in this way. We will use AnQiCMS template tags (such asarchiveDetail/system/contactandarchiveParams) to dynamically fill in data.

`twig {% Ld %}