Yoast SEO 8.0, featuring the plugin’s first pass at integrating with the Gutenberg interface. This major update also revamps the classic editor’s meta box for those who do not have the Gutenberg plugin installed.

In the past, the Yoast SEO meta box was displayed below the post editor. In the Gutenberg UI, the meta box has been redesigned to fit in the sidebar. Those testing Gutenberg will also temporarily find an additional meta box below the post, as the Yoast team has not yet added all optimizations to both yet. In the future, users will have the option to choose between the two.

The updated design displays individual optimizations in collapsible panels with colored smiley face indicators for feedback at a glance. The snippet preview and social previews feature can still be found in the meta box below the post editor. They will be integrated more tightly into the Gutenberg UI in a future round of updates.

gutenberg-sidebar-yoast Yoast SEO 8.0 Introduces Gutenberg Sidebar Integration, Revamps Classic Editor Meta Box design tips
image credit: Yoast SEO

Yoast SEO 8.0 also brings some of the meta box UI improvements to the one displayed in the classic editor. It organizes all of the Yoast SEO tools into collapsible panels for a look that is cleaner than the tabs found in the previous UI.

Screen-Shot-2018-08-14-at-1.04.17-PM Yoast SEO 8.0 Introduces Gutenberg Sidebar Integration, Revamps Classic Editor Meta Box design tips

Version 8.0 is the first step towards Gutenberg integration. The Yoast SEO team is working on using modals to display previews for snippets and social posts from the sidebar so the interface isn’t split across two meta boxes. Users will eventually have the option to toggle either meta box display option into view, including those who are using the classic editor. The team is also working on allowing users to create blocks with the correct structured data automatically attached for things like books, recipes, products, and other specific content types.

WordPress.org has a handful of popular SEO plugins and Yoast SEO is currently leading the pack when it comes to integration with the Gutenberg UI. In a recent support thread, All in One SEO Pack creator Michael Torbert said his plugin is “compatible with Gutenberg and will be getting new features to work with it in time.” Torbert doesn’t have full Gutenberg integration assigned to a milestone on GitHub yet.

The SEO Framework, another SEO plugin growing in popularity, appears to be in the same boat if GitHub activity is any indication. The plugin’s author, Sybre Waaijer, has discussed the possibility of inserting the meta box into the Gutenberg sidebar, similar to the Yoast implementation.