You are on page 1of 6

Method 1

Step 1: Open your Theme XML File


Step 2: Add below line inside your
menu's <div> or <nav> or <ul>:
itemscope='itemscope'
itemtype='http://schema.org/SiteNavigationElement'
role='navigation'

like this:

<nav class='main-nav' itemscope='itemscope'
itemtype='http://schema.org/SiteNavigationElement'
role='navigation'>
Step 3: Add  itemprop='url'  to your menu's every item
"link attribute" like this:

<li><a
href='https://101helper.blogspot.com'  itemprop='url' >Ho
me</a></li>

Step 4: Now add  itemprop='name'  to your menu item


names, you can't add it directly so use <span> attribute
and add  itemprop='name'  as I did for my menu, look it
below:

<li><a
href='https://101helper.blogspot.com/search/label/Blogger
%20menus'  itemprop='url' ><span   itemprop='name'  >Bl
ogger menus</span></a></li>
Step 5: Do it for all your menu items one by one.

Note: If your menu items do not have <li> attribute, it


doesn't matter but you need to markup all the <a> and
<span> attributes.

Step 6: Open Google Structured Data Testing Tool.

Step 7: Put your blog URL and  RUN TEST .

Step 8: Look for SiteNavigationElement, if you found it


and there is no errors or warnings then its cool and you
did it correctly, Congratulations !
Method 2
<script type="application/ld+json">
{
"@context":"https:\/\/schema.org",
"@graph":[
{
"@context":"https:\/\/schema.org",
"@type":"SiteNavigationElement",
"@id":"https:\/\/www.example.com\/#Primary
Menu",
"name":"About Us",
"url":"https:\/\/www.example.com\/about-us\/"
},
{
"@context":"https:\/\/schema.org",
"@type":"SiteNavigationElement",
"@id":"https:\/\/www.example.com\/#Primary
Menu",
"name":"Contact Us",
"url":"https:\/\/www.example.com\/contact-us\/"
},
{
"@context":"https:\/\/schema.org",
"@type":"SiteNavigationElement",
"@id":"https:\/\/www.example.com\/#Primary
Menu",
"name":"Affiliate Disclosure",
"url":"https:\/\/www.example.com\/affiliate-
disclosure\/"
},
{
"@context":"https:\/\/schema.org",
"@type":"SiteNavigationElement",
"@id":"https:\/\/www.example.com\/#Primary
Menu",
"name":"Terms of Service",
"url":"https:\/\/www.example.com\/terms-of-
service\/"
},
{
"@context":"https:\/\/schema.org",
"@type":"SiteNavigationElement",
"@id":"https:\/\/www.example.com\/#Primary
Menu",
"name":"Privacy Policy",
"url":"https:\/\/www.example.com\/privacy-
policy\/"
}
]
}
</script>

You might also like