Structured data markup is a code added to a webpage to provide search engines with explicit information about its content. By adding this code to HTML, one can help Google understand the page, enabling features like rich results, breadcrumbs, and improved visibility, such as product ratings or event details. The structured data markup is added at the page level. To add structured data markup to a page in your Brizy Cloud project, kindly follow the steps below.
Under CMS > Pages, click on the name of the page where you wish to add the structured data markup.
Select the SEO tab
Scroll down to the "Markup schema" field and click the "Generate" option
Google Structured Data Markup helper page will open. You will see a list of 12 data types to choose from. Select a data type that matches your webpages's content. Depending on the data type you choose, the options in the next step will differ. For blog posts and other regular pages like Home, About, Contact, select the data type: "Article"
Copy the frontend URL of your webpage and paste it in the URL field of the Google structured data markup helper and click on "Start Tagging". We will demonstate the process using the sample page https://www.brizy.io/introducing-brizy-ai-for-wordpress
Structured Data Markup Helper tagger page will open. Tagging is the process of visually highlighting elements on a webpage, like article title, product price, author name, etc. and assigning an appropriate tag to it.
To start tagging the selected webpage, scroll down the left pane until you see the webpage design and highlight the page title using your mouse and assign the "Title" tag from the drop down list of tags.
On the right pane, you will see the title tag you have just added.
If your page displays the author name, highlight it and assign the tag "Author" from the list of tags. If your page does not display an author name, kindly skip this step.
The author tag will appear on the right pane
If your webpage has a date of publishing, highlight it and assign the "date published" tag by selecting "Date published" option and then "Date/Time".
The "Date published" tag you have added will appear on the right pane.
If your webpage has a featured image, kinldy select it and assign the tag "Image"
The image tag will appear on the right pane
Highlight the article content using mouse and assign the "Article body" tag.
The article body tag will appear on the right pane. If the entire content could not be selected at once, keep selecting content sections and tagging "Article body" to each section.
After you finish tagging page content, click on the "Create HTML" button towards the top right corner.
The Structured Data Markup Helper will generate the JSON-LD markup code for your webpage. Highlight the code and and copy it by selecting Ctrl-C or Cmd-C on your keyboard.
Switch to the Brizy Cloud browser tab and click on the "Validate" option
In the Rich Results test page, select the "Code" tab and paste the JSON-LD markup code generated by the Structured Data Markup Helper and click on the "Test Code" button.
If the code is valid, you should see "1 valid item detected" on the test results page.
Copy the code by clicking the "Copy" option on the left pane
Switch back to the Brizy Cloud tab and paste the code in the field "Markup schema" field and click on the "Update" button to save your work.