0

As explained in searchengineland.com, I've added the following navigation markup but it shows up on publishing the site above the header. I want it to show up like the attached image in Google search results:

site navigation menu example for search results

I'm using Sandvox for Mac to publish the site. Where should I add the Microdata HTML?

I tried to put it inside this code and it just prints on the published page:

<div  itemscope itemtype="http://schema.org/LocalBusiness" id="sitemenu">
.....
<div itemscope itemtype="http://schema.org/SiteNavigationElement">
<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/our-   advantage">Our Advantage</a></li>
<li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/our- travel-experts">Travel Experts</a></li>
<li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/destinations">Destinations</a></li>
<li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/cruises">Cruises</a></li>
<li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/interests">Interests</a></li>
<li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/explore-your-world/interests/hotels-and-resorts">Hotels</a></li>
<li itemprop="name"><a itemprop="url" href="http://www.travelstore.com/travel-guides">Travel Resources</a></li>
</ul>
</div>

unor
  • 92,415
  • 26
  • 211
  • 360
BUE
  • 3
  • 5

1 Answers1

3

Your screenshot of the Google Search result shows two features:

  • a search field that searches the result site
  • links to other pages of the site

You can provide structured data markup to get the first feature (Sitelinks Searchbox), you can’t provide structured data markup to get the second feature (sitelinks).

Schema.org’s SiteNavigationElement type doesn’t seem to get used by Google Search for any of their result features. I recommend not to use SiteNavigationElement at all.

If you want to use SiteNavigationElement anyway, note that you are not using it correctly: you can only markup the whole navigation, not single navigation links. So the url and name properties of SiteNavigationElement are for the URL and the name of the navigation itself (and a navigation typically doesn’t have these). So it would be:

<ul itemscope itemtype="http://schema.org/SiteNavigationElement">
  <li><a href="http://www.travelstore.com/our-advantage">Our Advantage</a></li>
  <li><a href="http://www.travelstore.com/our-travel-experts">Travel Experts</a></li>
  <li><a href="http://www.travelstore.com/destinations">Destinations</a></li>
</ul>

(Note that Schema.org URIs should be specified without the www subdomain.)

unor
  • 92,415
  • 26
  • 211
  • 360
  • 1
    What do you suggest for the second feature without using SiteNavigationElement? How have they done it in the example picture? – BUE Jul 08 '17 at 16:17
  • 1
    @BUE: Google Search does it on its own. As this feature doesn’t come from markup, discussing it here on SO is off-topic, because it would be subjective SEO advice. It’s on-topic on [webmasters.se]. In the linked answer I linked to the Webmasters SE question: [*What are the most important things I need to do to encourage Google Sitelinks?*](https://webmasters.stackexchange.com/q/503/17633) – unor Jul 08 '17 at 16:22