Title: DV FAQ Schema Block
Author: Dhaval Vachhani
Published: <strong>2026 年 7 月 1 日</strong>
Last modified: 2026 年 7 月 1 日

---

搜索插件

![](https://ps.w.org/dv-faq-schema-block/assets/banner-772x250.png?rev=3592965)

![](https://ps.w.org/dv-faq-schema-block/assets/icon-128x128.png?rev=3592965)

# DV FAQ Schema Block

 作者：[Dhaval Vachhani](https://profiles.wordpress.org/dvpatel/)

[下载](https://downloads.wordpress.org/plugin/dv-faq-schema-block.1.0.0.zip)

 * [详情](https://cn.wordpress.org/plugins/dv-faq-schema-block/#description)
 * [评价](https://cn.wordpress.org/plugins/dv-faq-schema-block/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/dv-faq-schema-block/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/dv-faq-schema-block/#developers)

 [支持](https://wordpress.org/support/plugin/dv-faq-schema-block/)

## 描述

The **FAQ Schema Block** plugin provides a seamless way to create FAQ sections in
the WordPress Block Editor (Gutenberg) while automatically generating the necessary`
FAQPage` JSON-LD schema for Google Rich Results.

By using this plugin, you can significantly improve your SEO visibility. When Google
indexes your site, it will read the schema and can display your FAQs directly in
the search results, increasing your click-through rate (CTR) and driving more organic
traffic to your website.

### Why Choose DV FAQ Schema Block?

Most FAQ plugins rely on heavy JavaScript libraries (like jQuery) to power their
accordions, slowing down your website and hurting your Core Web Vitals. Our plugin
takes a modern approach:

 * **Zero JavaScript Bloat:** We use native HTML5 `<details>` and `<summary>` tags
   to power the accordion toggle. This guarantees maximum performance and accessibility.
 * **True Accordion Mode:** Set your FAQs to act as a true exclusive accordion (
   opening one automatically closes the others) or let them all stay open.
 * **Customizable Icons:** Easily upload your own SVG or PNG icons for the expand/
   collapse indicators directly within the block settings.
 * **Perfect JSON-LD Schema:** The plugin automatically extracts your questions 
   and answers and generates perfectly valid `application/ld+json` schema right 
   in the footer of your page.

### Features Overview:

 * Built specifically for the modern WordPress Block Editor (Gutenberg).
 * Beautiful “Accordion” and “Always Expanded” display options.
 * Outputs valid `application/ld+json` schema directly on the frontend.
 * Lightweight: Uses native HTML5 `<details>` and `<summary>` tags without bloating
   your site with heavy JavaScript.
 * Inherits your active theme’s typography and colors to blend in perfectly.
 * Fully responsive and mobile-friendly out of the box.

### Source Code

The source code for this plugin is included directly within the plugin’s `src/` 
directory.

To build the plugin assets (if you modify the source files):
 1. Navigate to the
plugin directory in your terminal. 2. Run `npm install` to install dependencies.
3. Run `npm run build` to compile the JavaScript and CSS assets via `@wordpress/
scripts`.

All unminified source files can be found in the `src/` folder of the plugin zip.

## 屏幕截图

[⌊Block Editor View: Adding questions and answers using the intuitive Gutenberg 
block interface.⌉⌊Block Editor View: Adding questions and answers using the intuitive
Gutenberg block interface.⌉[

**Block Editor View:** Adding questions and answers using the intuitive Gutenberg
block interface.

[⌊Settings Panel: Customizing the display mode and uploading custom expand/collapse
icons.⌉⌊Settings Panel: Customizing the display mode and uploading custom expand/
collapse icons.⌉[

**Settings Panel:** Customizing the display mode and uploading custom expand/collapse
icons.

[⌊Frontend Accordion: The clean, responsive accordion displayed on the live website.⌉⌊
Frontend Accordion: The clean, responsive accordion displayed on the live website
.⌉[

**Frontend Accordion:** The clean, responsive accordion displayed on the live website.

[⌊Rich Results Test: Validated FAQPage schema showing zero errors in Google's testing
tool.⌉⌊Rich Results Test: Validated FAQPage schema showing zero errors in Google's
testing tool.⌉[

**Rich Results Test:** Validated FAQPage schema showing zero errors in Google’s 
testing tool.

## 区块

该插件提供了 1 个区块.

 *   FAQ Schema Accordion A block for FAQ sections that outputs proper FAQPage schema
   markup.

## 安装

 1. Upload the plugin files to the `/wp-content/plugins/dv-faq-schema-block` directory,
    or install the plugin through the WordPress plugins screen directly using the `
    dv-faq-schema-block.zip` file.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Edit any Post or Page and search for “FAQ Schema” in the block inserter.
 4. Add your Questions and Answers!

## 常见问题

### Does it output valid schema?

Yes, it automatically generates valid JSON-LD `FAQPage` schema based on the Questions
and Answers you provide inside the block. This helps your page qualify for Google
Rich Results.

### Will this plugin slow down my website?

No, absolutely not! Unlike other accordion plugins that load heavy jQuery or JavaScript
libraries, this block uses native HTML5 `<details>` and `<summary>` elements. It
is incredibly fast and lightweight.

### Can I use multiple FAQ blocks on the same page?

Yes, you can add as many FAQ items as you need. The plugin will intelligently group
them and output a unified, correctly formatted JSON-LD script for the entire page.

### Does it work with any WordPress theme?

Yes! As long as your theme supports the WordPress Block Editor (Gutenberg), this
plugin will work seamlessly.

### How do I test if my schema is working?

Once you add the block and publish the page, you can copy your page URL and paste
it into Google’s official [Rich Results Testing Tool](https://search.google.com/test/rich-results)
to verify the schema.

### Can I style the accordion?

Yes. The accordion inherits typography and colors directly from your theme so it
matches your brand immediately. It also includes minimal structural CSS to ensure
it looks great out of the box, which can be easily overridden via your theme’s stylesheet.

## 评价

此插件暂无评价。

## 贡献者及开发者

「DV FAQ Schema Block」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Dhaval Vachhani ](https://profiles.wordpress.org/dvpatel/)

[帮助将「DV FAQ Schema Block」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/dv-faq-schema-block)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/dv-faq-schema-block/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/dv-faq-schema-block/)，或通过[RSS](https://plugins.trac.wordpress.org/log/dv-faq-schema-block/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/dv-faq-schema-block/)。

## 更新日志

#### 1.0.0

 * Initial release. Features FAQ block, Accordion styling, and dynamic JSON-LD schema
   generation.
 * Enhancement: Added global schema aggregation to ensure a single, valid JSON-LD
   output per page.
 * Enhancement: Enabled native exclusive accordion behavior using HTML5 attributes.
 * Fix: Corrected editor CSS class names to ensure proper styling in Gutenberg.

## 额外信息

 *  版本 **1.0.0**
 *  最后更新：**5 天前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 5.8 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/dv-faq-schema-block/)
 * 标签
 * [faq](https://cn.wordpress.org/plugins/tags/faq/)[gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)
   [rich results](https://cn.wordpress.org/plugins/tags/rich-results/)[schema](https://cn.wordpress.org/plugins/tags/schema/)
   [seo](https://cn.wordpress.org/plugins/tags/seo/)
 *  [高级视图](https://cn.wordpress.org/plugins/dv-faq-schema-block/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/dv-faq-schema-block/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/dv-faq-schema-block/reviews/)

## 贡献者

 *   [ Dhaval Vachhani ](https://profiles.wordpress.org/dvpatel/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/dv-faq-schema-block/)