How to Add Schema & Structured Data to Divi Posts and Pages (No Plugin Required)

by | Jul 3, 2021 | Divi SEO

There’s much you can do for SEO on Divi without the need to install a plugin.

Although working with Divi directly requires more work, it does save you the usual plugin woes. For example, cost, impact to page speed, conflicts, updates, and security concerns.

In this article, learn how to add schema markup / structured data code to your Divi website. These steps work for both posts and pages.

Step 1: Generate Your Code

Firstly, generate your schema markup code.

Use a tool or code it yourself from scratch. There’s a handful of free tools that are sufficient for basic structured data types, such as: How To, FAQ, Local Business, and Recipe markups.

Try one of these tools to generate your code:

For more intensive cases, like Service or Contact Point schema, I code it manually in a text editor (VS Code) or use the Schema App (paid).

Once you have your code, test it in the Google Rich Results Test and the Schema Markup Validator to make sure it’s valid.

Step 2: Minify Your Schema Code

Minifying schema code may help with page load times. It’s also easier to copy and paste. To minify your schema code:

Copy the minified code and paste it in a text file on your computer. This is optional but recommended in case you accidently close the browser tab or need to make edits later on.

Step 3: Navigate to Your Desired Post/Page and Enable the Divi Visual Builder

Enable the Divi Visual Builder on your desired post/page. For example, this will be your homepage if you’re adding LocalBusiness schema.

To do this:

  • In the WordPress backend sidebar, select Posts > All Posts or Pages > All Pages.
  • Find your desired post or page in the table, and select Edit with Divi.
  • You will then be presented with three options. Choose the first option, Use Existing Content.

Step: 4: Add a Code Module to the Post/Page

We now add a new Divi Code Module to the post/page.

You are free to add it anywhere, such as within an existing section. I find adding it to the bottom of the page/post as the very last module is generally the easiest.

Also, be very careful if you’re using global modules. Unless you want the same schema to be duplicated across multiple pages, do not add this code module to a global item.

Step: 5: Paste Your Schema Code into the Divi Code Module

  • Copy the minified schema code we generated earlier.
  • Paste this into the Code input box for the module’s Code Settings.
  • Select the green tick button. The module will seem to disappear from the post/page. However, it’s easy to find by hovering over the area if you need to change the code.
  • Select Save.
  • If you have a caching or page speed plugin installed, purge the sitewide cache.

Step 6: Verify The Code Is Added to the Page/Post

Return to the Google Structured Data Testing Tool and test the URL. If it’s been added successfully, you will see it listed on the right panel.

Step 7: Submit the URL in Google Search Console (Optional)

If you have access to Google Search Console (GSC) for the website, manually submit the URL in GSC to speed up crawling and indexing of the newly-added schema.

  • Open the website property in GSC.
  • Paste the URL of the page in the “Inspect any URL in ‘example.com'” search tab at the top of the page.
  • Wait a few seconds for the Retrieving data from Google Index pop-up to complete.
  • Select the REQUEST INDEXING button in the top section.

2 Comments

  1. gee

    Finally found a tutorial for divi.

    I have a question, when I go to “All Pages”, there is no “Edit with Divi”.

    I can only see Edit|Quick Edit|Trash|View.

    I am using the divi theme.

    Reply
    • Asad Badat

      Strange. I suggest contacting Elegant Themes support. Ensure the Divi theme and plugins are all up-to-date.

      Reply

Submit a Comment

Your email address will not be published.

Contact

Interested in working together or have any SEO questions? Send me an email, and I’ll get back to you soon (usually under 48 hours).