leoloso

This plugin helps convert WordPress into a manager of our digital content, to publish it in different mediums or platforms: not just the website, but also email, iOS/Android apps, home-assistants (like Amazon Alexa) and others.
It does this by extracting the metadata from all Gutenberg blocks inside of a blog post. Because each Gutenberg block stores its own content and properties, these ones can be extracted as metadata and exported through a JSON object, accessible through a REST API endpoint, to feed any application on any platform.
The plugin makes the following REST API endpoints available:
<ul>
<li>/wp-json/block-metadata/v1/metadata/{POST_ID}: Extract all metadata from all Gutenberg blocks in a blog post with id {POST_ID}, converted to medium-agnostic (eg: removing all non-semantic HTML tags)</li>
<li>/wp-json/block-metadata/v1/data/{POST_ID}: Extract all data from all Gutenberg blocks in a blog post with id {POST_ID}, as originally stored in the block by Gutenberg (eg: containing HTML code)</li>
</ul>
Demonstration:
<ul>
<li><a href="https://nextapi.getpop.org/posts/cope-with-wordpress-post-demo-containing-plenty-of-blocks/" rel="nofollow ugc">Blog post</a></li>
<li><a href="https://nextapi.getpop.org/wp-json/block-metadata/v1/data/1499" rel="nofollow ugc">Blog post’s Gutenberg blocks</a></li>
<li><a href="https://nextapi.getpop.org/wp-json/block-metadata/v1/metadata/1499" rel="nofollow ugc">Blog post’s medium-agnostic metadata</a></li>
</ul>
<h4>How does it work?</h4>
This plugin is based on the strategy called “Create Once, Publish Everywhere” (also called “COPE”), which reduces the amount of work needed to publish our content into different mediums by establishing a single source of truth for all content.
Having content that works everywhere is not a trivial task, since each medium will have its own requirements. For instance, whereas HTML is valid for printing content for the web, this language is not valid for an iOS/Android app; similarly, we can add classes to our HTML for the web, but these must be converted to styles for email.
The solution is to separate form from content: The presentation and the meaning of the content must be decoupled, and only the meaning is used as the single source of truth. The presentation can then be added in another layer, specific to the selected medium. For instance, given the following piece of HTML code, the <code></code> is an HTML tag which applies mostly for the web, and attribute class=”align-center” is presentation (placing an element “on the center” makes sense for a screen-based medium, but not for an audio-based one such as Amazon Alexa):
<pre><code>Hello world!
</code></pre>
Hence, this piece of content cannot be used as a single source of truth, and it must be converted into a format which separates the meaning from the presentation, such as the following piece of JSON code:
<pre><code>{
 content: "Hello world!",
 placement: "center",
 type: "paragraph"
}
</code></pre>
This piece of code can be used as a single source of truth for content, since from it we can recreate once again the HTML code to use for the web, and procure an appropriate format for other mediums.
<h4>Supported Gutenberg blocks</h4>
This plugin attempts to extract the metadata for all Gutenberg blocks shipped in WordPress core; support for additional blocks, such as from plugins, can be added through hooks. Not all Gutenberg blocks can be supported (for instance, because they may only work for the web, or only make sense when applied to screen-based mediums, among other reasons).
The following WordPress core blocks are currently not supported:
<ul>
<li><code>"core/columns"</code></li>
<li><code>"core/column"</code></li>
<li><code>"core/cover"</code></li>
<li><code>"core/html"</code></li>
<li><code>"core/table"</code></li>
<li><code>"core/button"</code></li>
<li><code>"core/media-text"</code></li>
</ul>
The following Gutenberg blocks are supported, and this plugin extracts their metadata:
<ul>
<li><code>"core/paragraph"</code></li>
<li><code>"core/image"</code></li>
<li><code>"core-embed/youtube"</code> (all other <code>"core-embed"</code> blocks can also be extracted, but must be implemented through a hook)</li>
<li><code>"core/heading"</code></li>
<li><code>"core/gallery"</code></li>
<li><code>"core/list"</code></li>
<li><code>"core/audio"</code></li>
<li><code>"core/file"</code></li>
<li><code>"core/video"</code></li>
<li><code>"core/code"</code></li>
<li><code>"core/preformatted"</code></li>
<li><code>"core/quote"</code></li>
<li><code>"core/pullquote"</code></li>
<li><code>"core/verse"</code></li>
</ul>
<h4>Extracting metadata for additional blocks</h4>
We can extend this plugin to extract the metadata for additional blocks, such as those shipped through plugins. To do this, simply add a hook for filter <code>"Leoloso\BlockMetadata\Metadata::blockMeta"</code> (located in function <code>get_block_metadata($block_data)</code> from class <code>Metadata</code> in file <code>block-metadata/src/Metadata.php</code>). The attributes that must be extracted must be decided on a block type by block type basis:
<pre><code>add_filter("Leoloso\BlockMetadata\Metadata::blockMeta", "extract_additional_block_metadata", 10, 3);
function extract_additional_block_metadata($blockMeta, $blockName, $block)
{
 if ($blockName == "my-plugin/my-block-name") {
 return array(
 "property1" => $block["property1"],
 "property2" => $block["property2"]
 );
 }

 return $blockMeta;
}
</code></pre>
<h4>Further references</h4>
<ul>
<li><a href="https://leoloso.com/posts/my-1st-wp-plugin/" rel="nofollow ugc">Inspiration for the plugin</a></li>
<li><a href="https://slides.com/leoloso/cope-with-wp" rel="nofollow ugc">Slides from presentation “COPE with WordPress”</a> (from WordCamp Singapore 2019), explaining how the plugin works</li>
</ul>
<h4>Contributing / Reporting issues</h4>
Please head over to the project’s <a href="https://github.com/leoloso/block-metadata" rel="nofollow ugc">GitHub repo</a> for contributing, reporting issues or making suggestions, and others.
Banner image <a href="https://www.freepik.com" rel="nofollow ugc">designed by Freepik</a>

Block Metadata

Extract all metadata from all Gutenberg blocks inside of a post

Space Codes

AI for SEO is an alt text & metadata bulk generator with SEO Autopilot, optimize pages, posts, products, and images automatically. Built for WooCommerce SEO and high-volume sites.
Sync generated focus keyphrases, meta titles, meta descriptions and social-media tags to your existing stack (Yoast SEO, Rank Math, SEOPress, and others). Use ‘Generate with AI’ buttons where you work: Block Editor (Gutenberg), Media Library, Elementor, BeTheme’s BeBuilder, or the top admin bar. Think of AI for SEO as your SEO Copilot wherever you edit.
Achieve better metadata and alt text results than with ChatGPT. AI for SEO understands your entire website and uses expertly crafted SEO prompts designed to drive real search traffic.
Image SEO at scale: Create alt text, image titles, captions, and descriptions across your library (jpg, png, gif, webp, avif). Render-level alt/title injection helps when themes don’t output attributes correctly.
Accessibility ready: Helps meet European Accessibility Act (EAA) expectations by filling missing alt text for a more inclusive experience.
Free for most small/medium sites: If your balance falls below 100 Credits, we add 5 free Credits daily, so you can keep generating at no cost.
<h4>🚀 How to Get Started</h4>
<ol>
<li>Open the Dashboard: Go to ‘AI for SEO’ to view coverage stats and quick actions.</li>
<li>Review your content: Open ‘Pages’, ‘Posts’, ‘Products’, or ‘Media’ and check its SEO status.</li>
<li>Set up Autopilot: Click ‘Set up SEO Autopilot’, choose content types (Pages/Posts/Products/Media), and start bulk generation.</li>
<li>Get a first win (optional): In the ‘Media Library’, click ‘Generate with AI’ on one image to create alt text instantly.</li>
<li>Fine-tune manually: Use ‘Generate with AI’ buttons or the top admin-bar ‘AI for SEO’ button to open the Metadata Editor for any page or post.</li>
<li>Sync with your SEO plugin (optional): In ‘Settings’ → ‘Sync ‘AI for SEO’ Changes’, select Yoast SEO, Rank Math, or SEOPress to keep fields updated.</li>
</ol>
For a step-by-step guide, see ‘Help’ → ‘Getting Started’ → ‘First Steps’. 
Need help? Email <a href="mailto:info@aiforseo.ai" rel="nofollow ugc">info@aiforseo.ai</a>.
<h4>💸 100% Risk-Free Money-Back Guarantee!</h4>
Within 14 days of your first purchase (subscription: Basic/Pro/Premium, or Credits Pack), if AI for SEO isn’t a fit, email <a href="mailto:info@aiforseo.ai" rel="nofollow ugc">info@aiforseo.ai</a>. 
We’ll refund 100%, no questions asked.
<h4>🔌 Editor integrations</h4>
Create and edit metadata right where you work, no context switching.
<ul>
<li>Block Editor (Gutenberg)</li>
<li>Media Library (image attributes)</li>
<li>Elementor</li>
<li>BeTheme BeBuilder</li>
<li>Yoast SEO Settings</li>
</ul>
We add ‘Generate with AI’ buttons in these editors so you can create SEO titles, descriptions, and image attributes in one click. It’s like having an SEO Copilot inside each editor. 
You can also click the AI for SEO button in the top admin bar to open the Metadata Editor from any page or post.
<h4>🎯 Key Features</h4>
✅ SEO Autopilot (bulk): Automatically generate and refresh metadata for new and existing content. 
✅ Alt text & image attributes: Create alt text, titles, captions, and descriptions site-wide (jpg/png/gif/webp/avif). 
✅ WooCommerce SEO: Optimize product metadata to attract higher-intent buyers from search. 
✅ Sync with your SEO plugin: Keep fields updated in Yoast, Rank Math, SEOPress, and others. 
✅ Edit where you work: ‘Generate with AI’ in the Block Editor (Gutenberg), Media Library, Elementor, BeBuilder, and Yoast SEO. An SEO Copilot embedded in your workflow. 
✅ Accessibility ready: Helps meet European Accessibility Act (EAA) expectations by filling missing alt text. 
✅ Progress tracking: Monitor coverage and recent activity from the dashboard. 
✅ For agencies & teams: White-label, incognito mode, export/import settings, multi-site support. 
✅ Flexible credits: Free daily Credits for low balances, plus rollover and Credits Packs. 
✅ One account, many websites: Share subscriptions or Credits Packs across any number of sites.
<h4>🔗 Integrations & Compatibility</h4>
AI for SEO works with leading SEO plugins, page builders, e-commerce, multilingual tools, galleries, and popular themes, so you can generate and sync metadata where you already work. AI for SEO is designed to work alongside these plugins and themes, not replace them, so your existing setup continues to function normally while AI for SEO generates and syncs the SEO data. 
See the list below for confirmed compatibility. 
✅ Yoast SEO 
✅ Rank Math 
✅ All in One SEO 
✅ SEO Simple Pack 
✅ SEOPress 
✅ Slim SEO 
✅ Squirrly SEO 
✅ The SEO Framework 
✅ Blog2Social 
✅ SEOKEY 
✅ WPML 
✅ BeTheme 
✅ Elementor 
✅ WooCommerce 
✅ NextGen Gallery 
✅ MemberPress 
✅ Divi
If your favorite plugin or theme isn’t listed, please email us the name, URL, and the fields you’d like to sync, we prioritize new compatibility based on demand: <a href="mailto:info@aiforseo.ai" rel="nofollow ugc">info@aiforseo.ai</a> 
Focus keyphrases and meta tags are automatically imported from Yoast SEO, Rank Math, and other supported plugins. You can review, modify, and regenerate this data at any time, then sync it back to your preferred SEO plugin.

AI for SEO – Bulk Generate Focus Keyphrases, Metadata, Alt Text (SEO Autopilot)

Lightweight SEO Autopilot that works with Yoast SEO, Rank Math, SEOPress, WooCommerce etc. to bulk-generate keyphrases, meta tags, alt text and more.

Block Metadata vs AI for SEO – Bulk Generate Focus Keyphrases, Metadata, Alt Text (SEO Autopilot)