Adding microdata

Now that you know every part of J4Schema editor, let's start adding Schema.org information.

First of all, we have to add the itemtype property, so we can identify the subject of this block of text.

Adding the itemtype

Just select the entire text, explode the type tree until the Movie one and click on Add type button.

Great! You have just added a type to your text!

[Note]Note

You can find the Movie type under Thing » Creative Work » Movie

Now your text should be something like this:

Example 3.2. HTML after type add

<div itemscope="" itemtype="http://schema.org/Movie">
    <h1>Avatar</h1>
    <span>Director: James Cameron (born August 16, 1954)</span> 
    <span>Science fiction</span> 
    <a href="http://www.example.com/movies/avatar-theatrical-trailer.html">Trailer</a>
</div>
            

[Note]Note

As you can see, the itemscope property has empty attributes; don't worry! J4Schema cleanup plugin will remove these quotes for you.