• Home
  • Blog
  • Docs
  • All Blocks
    • Accordion
    • Advanced Heading
    • Advanced Image
    • Filterable Gallery
    • Toggle Content
    • Wrapper
    • Advanced Video
    • Slider
    • Button
    • Dual Button
    • Flipbox
    • Infobox
    • Notice
    • Row
    • Team Member
    • Testimonial
    • Feature List
    • Openverse
    • Advanced Search
    • Testimonial Slider
    • Offcanvas
    • Text
    • Image Comparison
    • Countdown
    • Typing Text
    • Interactive Promo
    • Number Counter
    • Progress Bar
    • Advanced Navigation
    • Shape Divider
    • Stacked Cards
    • Icon Picker
    • Lottie Animation
    • Pricing Table
    • Instagram Feed
    • Call To Action
    • Social Icons
    • Popup
    • NFT Gallery
    • Social Share
    • Multicolumn Pricing
    • Post Grid
    • Advanced Tab
    • Parallax Slider
    • Table Of Contents
    • Post Carousel
    • Google Maps
    • Timeline Slider
    • News Ticker
    • Data Table
    • Fancy Chart
    • Taxonomy
    • Breadcrumbs
    • Post Meta
    • Form Block
    • Fluent Forms
    • WPForm
    • Woo Product Grid
    • Woo Product Carousel
    • Woo Add To Cart
    • Woo Product Details
    • Woo Product Rating
    • Woo Product Price
    • Woo Product Image
  • Features
    • Dynamic Tags
    • Interactive Animation
  • Get Help
    • Get Started
    • Community
    • Video Tutorials
    • Support
    • Changelog
  • Get The Plugin
Post Meta In Gutenberg

[New Block] How To Add Post Meta In Gutenberg: Step-By-Step Guide

Posted on September 25, 2024September 25, 2024 Posted by Galib Hayder Categories Gutenberg, Announcement, News, Tutorial

Looking to enrich your WordPress posts with essential metadata like author names and publish dates? With the new Post Meta block by Essential Blocks, you can seamlessly add post meta in Gutenberg. Improve WordPress content structure, boost SEO and offer users a more engaging experience with just a few clicks. Let us explore this guide to easily add and customize post meta today.

Post Meta In Gutenberg

What is Post Meta in WordPress?

Post meta in WordPress refers to the additional information attached to a post, such as the author, publish date and other details like categories or tags. This metadata can vary depending on the content type and context. 

For example, on a blog, the post meta might include the publish date, author name and category. On an eCommerce site like WooCommerce, post meta could include product details such as SKU, price and stock status.

This information not only makes content more user-friendly but also plays a key role in improving search engine visibility. Metadata helps search engines understand the context of your posts or products, making it easier to index and rank your pages.

Post meta is especially useful for dynamic websites, like blogs or WooCommerce stores, where content is frequently updated. For instance, displaying the most recent publish date can inform users about the relevance of the content. Similarly, showing the SKU on a product page helps customers easily identify products, improving the overall shopping experience.

Real-world use cases of post meta in WordPress can be seen on news websites where the publish date and author details are crucial, or in WooCommerce product pages, where key information like the SKU and stock status is critical for customers. Using post meta effectively, you can create a more structured, informative and search engine-friendly website.

How Does Post Meta add value to your website?

Let us explore a few facts about Post Meta block that can add value to your WordPress website and enrich content:

1. Enhanced Content Organization

Post Meta allows you to display important information like author names, publish dates and categories in a structured and organized manner. This makes your content easier to read and navigate, improving the overall user experience.

Using different colors, fonts, or icons for different metadata fields, you can create a visually appealing and informative layout that guides readers through your content.

2. Improved Search Engine Rankings

When search engines crawl your website, post meta helps them understand the context and relevance of your content. This can lead to higher rankings in search results, increasing your website’s visibility.

You can strategically include relevant keywords in your post meta to improve your chances of ranking for those terms. For example, including your target keyword in the post title or category can give your content a boost.

3. Enhanced User Experience

Post Meta allows you to present essential information upfront, saving your readers time and effort. This can lead to increased engagement and satisfaction.

You can create a more personalized and engaging experience. For example, you could show the author’s name if your readers are interested in following specific authors by displaying metadata that is relevant to your users’ interests.

4. Streamlined Content Management

Post Meta gives you one place to manage and show important information about your posts. This can save you time, especially if you have a lot of content. Using the Post Meta block helps make sure that this information looks the same throughout your website, giving it a clean and professional appearance.

Overall, the Post Meta block can help you create a more organized, informative, and engaging website that is both user-friendly and search engine optimized.

Step-By-Step Guide: How to Add Post Meta in Gutenberg

Essential Blocks introduced a block called Post Meta to enhance your Gutenberg experience by including essential metadata like author names and publish dates. Adding a customized post meta can be beneficial in many ways. Let us follow these step-by-step guides to add post meta in Gutenberg. 

Step 1: Activate Post Meta Block in Essential Blocks

The first step to adding post metadata is activating the block in Essential Blocks for the Gutenberg plugin. From your WordPress dashboard navigate to ‘Essential Blocks’ → ‘Blocks’. Then, in the ‘Creative Blocks’ section, find and toggle to enable the ‘Post Meta’ block.

Post Meta In Gutenberg

Once activated, you can find the Post Meta block by going to any post or page within the Gutenberg editor

Step 2: Open Location to Add Post Meta

You can add the block to any post, page, or WooCommerce product page. You can also integrate the Post Meta block into your site’s global templates by navigating to ‘Appearance’ → ‘Editor’ → ‘Templates.’ This allows you to display metadata across multiple posts or pages consistently.

Post Meta In Gutenberg

Step 3: Add Post Meta Block in Gutenberg

Let us use the WooCommerce product page in global template the to add the Post Meta block, click the ‘+’ icon in the Gutenberg editor, search ‘Post Meta,’ and select the block that appears.

Post Meta In Gutenberg

Alongside the templates in the theme editor, you can add the ‘Post Meta’ block separately in the Gutenberg editor for any page or post, as shown below.

Post Meta In Gutenberg

This is how easily you can add post meta in Gutenberg using Essential Blocks ‘Post Meta’ block following these instructions shown. This block from EB allows you multiple customization options.

How to Configure Post Meta Block in Gutenberg

Let us explore how to configure the Post Meta block’s settings. We will cover options in the General, Style, and Advanced tabs to help you customize metadata to fit your site’s design.

Configure General Settings of Post Meta

In the ‘General’ tab, you can adjust alignment and find two styles for meta display for the options to show Author, Published Date, and Product SKU. You can also separately choose which metadata you want to show or not with a toggle.

Post Meta In Gutenberg

You can also customize/rename the meta labels for each of the items. For example, we have renamed the ‘Author’ to ‘Author Name’.

Post Meta In Gutenberg

To update the Post Metadata positions, you can drag and sort for a smooth and easy navigation experience in the Gutenberg editor, as shown below. Tweak and turn metadata positions as you want.

Post Meta In Gutenberg

Style Post Meta Block 

In the ‘Style’ tab, you will find options to adjust the label gap and customize typography and color for meta labels and meta values for a more appealing appearance.

Post Meta In Gutenberg

Configure Post Meta in Advanced Settings

Similar to other blocks, you can customize your metadata appearance further with advanced options under the ‘Advanced‘ tab, including margins, padding, background styles, borders, and shadows.

Post Meta In Gutenberg

See Your Post Meta For Gutenberg In Action

Once done with all the customization after adding metadata with the ‘Post Meta’ block for a single product page, you can now view a single product page to see how it looks.

Post Meta In Gutenberg

Best Practices for Using Post Meta

To maximize the benefits of the Post Meta block, it is essential to follow some best practices. First, optimize for user experience by positioning metadata where it is easy to find, such as near the title or at the bottom of the post. This ensures the information is readily accessible to your readers.

Keeping your metadata updated is equally important, especially for dynamic content like product SKUs or publish dates. Regularly updating this information helps maintain trust with your audience and improves the accuracy of your content.

From an SEO perspective, metadata plays a critical role. For instance, including a publish date can help improve visibility on platforms like Google News. Ensuring your metadata is correctly configured and relevant to the content is a key factor in improving your site’s search engine performance.

Enhance WordPress Content Structure Using Post Meta

The Post Meta block is a powerful tool that can significantly enhance your website’s structure, functionality and SEO. You can provide a more informative, engaging, and user-friendly experience for your visitors by effectively utilizing post metadata.

The Post Meta block offers several benefits, including enhanced content organization, improved SEO, a better user experience, and streamlined content management. By effectively utilizing post metadata, you can create a more informative, engaging, and successful website.

If you found this blog useful then let us know on our Facebook Community and share your thoughts. Subscribe to our blog for more helpful tips, tutorials, and WordPress updates.

Post Views: 824
Tags Essential Blocks, Gutenberg block editor, How to add post meta, Meta Data, metadata, New Blocks, Post Meta in Gutenberg, WordPress
Author

Galib Hayder

Galib is a writer by profession and a reader by passion. Galib writes technical documents, tech product blogs, emails, and more. He reads stories from every corner of literature, from classics, horror, and science fiction to modern writing.
Share This Story

Recent

  • Featured Image - [Feature Alert] Create Interactive Animation on WordPress with Essential Blocks - Blog
    [Feature Alert] Create Interactive Animation on WordPress with Essential Blocks
  • Lottie Animations in Gutenberg
    [New Block] How to Add Lottie Animations in Gutenberg with Essential Blocks
  • 10+ Most Popular Must-Have Blocks for Your WordPress Site in 2025
    10+ Most Popular Must-Have Blocks for WordPress Site in 2025
  • WordPress Stripe Payment Plugins
    5+ Best WordPress Stripe Payment Plugins
  • WordPress Post Templates
    How to Design WordPress Custom Post Templates in Block Editor?

Join 100K+

Happy Customers

Subscribe For The Latest Updates


No charge. Unsubscribe anytime.

Essential Blocks


X
00Day
00Hour
00Min
00Sec

Wait!

Don’t Miss Your Chance To Grow With Blooming Deals!

Claim Discount Now

Resources

  • Privacy Policy
  • Blog
  • Docs

Get Help

  • Affiliates
  • Support
  • Career

Company

  • Contact
  • About Us
  • Community
  • twitter
  • facebook
  • instagram
Copyright © 2025 | A WPDeveloper Product from startise-logo family
Hosted with xCloud-logo