Step 1: Generate Your Schema Code
Table of Contents
You will need to generate your schema markup code externally. You could generate it using a free tool or code it yourself from scratch.
There’s a handful of free tools that work well 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 or use the Schema App (paid)
Once you have your code, test it in the Google Structured Data Testing Tool 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:
- Go to: HTML MINIFIER by Small SEO Tools
- Paste your code in the input box and select the Minify HTML button.
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 might 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
In this step, we simply 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 appear to disappear. 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, submit the URL in Google Search Console (GSC) to speed up crawling and indexing.