Archive Pages Design$type=blogging$count=10

How To Markup Site Navigation In Blogger For Seo

GET GOOGLE ADSENSE APPROVAL TRICK...

sitenavigationelement json-ld,How to Add Schema.org Markup on Site Navigation? How To Markup Site Navigation In Blogger For Seo, hoow to use schema.org markup in blogger,blogspot seo tutorials,101helper.blogspot seo



There are certain things about seo and blogging that only professional bloggers and webmasters know and are not told to everyone and if told everybody don't understand it. One of these things is marking up site navigation with schema which helps search engines know what is site navigation element and it is helpful to get sitelinks below site in google search results.

Its a little bit complicated to markup site navigation with schema but I will show you step by step and after final step we will verify if we correctly marked up site navigation or not. Popular websites and blogs are using this method to tell Google what is in menu and hence in the sitelinks these menu is shown.

Although it is not guaranteed that you will get sitelinks below your site in search results but it will markup your navigation and whenever you will get sitelinks, your menu items will be included in sitelinks. I am not guaranteeing because according to Google sitelinks are automatically generated links below websites to help visitors reach what they are looking for. It is also unknown what is the criteria for showing specific items in sitelinks but marking up site navigation has impact on it as I experienced !

So lets start marking up site navigation with schema for search engines.

Step 1: Go to your blog theme or layout where your menu code is.

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' >Home</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'  >Blogger 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: After you are done go to Google Structured Data Testing Tool.

Step 7: Put your blog URL and  RUN TEST .

how-to-use-google-testing-tool-schema-org-sitenavigation-markup-blogger

Step 8: Look for SiteNavigationElementif you found it and there is no errors or warnings then its cool and you did it correctly, Congratulations !

sitenavigationelement-google-seo-schema-org-blogger

sitenavigationelement-google-seo-schema-org-blogger-101helper

Let Google crawl your site and see your site performance after markingup navigation. Follow on Google +101helper or Like on Facebook to get more posts like this.

Thanks for visiting 101Helper.

Search keywords: sitenavigationelement json-ld,How to Add Schema.org Markup on Site Navigation? How To Markup Site Navigation In Blogger For Seo, hoow to use schema.org markup in blogger,blogspot seo tutorials,101helper.blogspot seo

COMMENTS

BLOGGER: 7
Loading...
Beginner to blogging Bing webmaster tools tutorials blogger adsense Blogger menus Blogger Seo(Search Engine Optimization Blogger templates Blogger templates / themes Blogger Tips And Tricks Blogger Widgets And Gadgets Domains / Blogger earn money blogging Facebook widgets in blogger Google rich snippets blogger Google Webmaster Tools tutorials Mobile Blogging Related posts widget blogger social buttons blogger Yandex webmaster tools tutorials
false
ltr
item
101Helper | Blogger tips,tricks,widgets,menus,seo,earn money: How To Markup Site Navigation In Blogger For Seo
How To Markup Site Navigation In Blogger For Seo
sitenavigationelement json-ld,How to Add Schema.org Markup on Site Navigation? How To Markup Site Navigation In Blogger For Seo, hoow to use schema.org markup in blogger,blogspot seo tutorials,101helper.blogspot seo
https://2.bp.blogspot.com/-iZ8Lfov1Yzo/WgGx_QzHOVI/AAAAAAAAHLo/1c3OOy6EiaU0qKQ9WN4RsfmpR5FGLopfwCLcBGAs/s320/Markup-site-navigation-in-blogger-for-seo.png
https://2.bp.blogspot.com/-iZ8Lfov1Yzo/WgGx_QzHOVI/AAAAAAAAHLo/1c3OOy6EiaU0qKQ9WN4RsfmpR5FGLopfwCLcBGAs/s72-c/Markup-site-navigation-in-blogger-for-seo.png
101Helper | Blogger tips,tricks,widgets,menus,seo,earn money
https://101helper.blogspot.com/2017/11/how-to-markup-site-navigation-in-blogger-seo.html
https://101helper.blogspot.com/
https://101helper.blogspot.com/
https://101helper.blogspot.com/2017/11/how-to-markup-site-navigation-in-blogger-seo.html
true
3767912102518445221
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago