Description
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+jsonschema 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+jsonschema 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.
Screenshots
Blocks
This plugin provides 1 block.
- FAQ Schema Accordion A block for FAQ sections that outputs proper FAQPage schema markup.
Installation
- Upload the plugin files to the
/wp-content/plugins/dv-faq-schema-blockdirectory, or install the plugin through the WordPress plugins screen directly using thedv-faq-schema-block.zipfile. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- Edit any Post or Page and search for “FAQ Schema” in the block inserter.
- Add your Questions and Answers!
FAQ
-
Does it output valid schema?
-
Yes, it automatically generates valid JSON-LD
FAQPageschema 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 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.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“DV FAQ Schema Block” is open source software. The following people have contributed to this plugin.
Contributors
Translate “DV FAQ Schema Block” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
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.