StudioPress Premium WordPress Themes
Overflow Cafe Makes Websites Popular

Google has announced a new feature for the better user experience, Which is called “Search Box” with in the search on Google for Brand name or for the users, who specifically searching for particular brand.

When this search box shown in search, it will make it easier for users to reach specific content on your site.

When users search for a company by name—for example, [JabongWorld] then Google algorithm will recognize this and show the search box above the list of site-links in search.

If the user uses the right and proper markup then it will directly take the users from search to directly their website search on your own search pages.

search-boxgoogle-techblogcorner

This search box supports “Auto complete” Feature. So question arises in your mind what this feature means ??

Auto-Complete: As you type in the search box, you can find information quickly by seeing search predictions that might be similar to the search terms you’re typing. For example, as you start to type [new york], you may see other popular New York-related searches.

Autocomplete feature

Now, Next question in your mind is – How we will implement this mark up, Right ?

You can implement this by JSON-LD, microdata, or RDFa

Microdata Code :

<div itemscope=”” itemtype=”http://schema.org/WebSite”><meta itemprop=”url” content=”http://www.example.com/” /></div>
<form itemprop=”potentialAction” itemscope=”” itemtype=”http://schema.org/SearchAction”><meta itemprop=”target” content=”http://www.example.com/search?q={query}” />
<input itemprop=”query-input” type=”text” name=”query” />
<input type=”submit” /></form>

 

 JSON-LD Code :

<script type=”application/ld+json”>
{
“@context”: “http://schema.org”,
“@type”: “WebSite”,
“url”: “http://www.example.com/”,
“potentialAction”: {
“@type”: “SearchAction”,
“target”: “http://www.example.com/search?&q={query}”,
“query-input”: “required”
}
}
</script>

RDFa Code :

<div vocab=”http://schema.org/” typeof=”WebSite”>
<meta property=”url” content=”http://www.example.com/”/>
<form property=”potentialAction” typeof=”http://schema.org/SearchAction”>
<meta property=”target” content=”http://www.example.com/search?q={query}”/>
<input property=”query-input” type=”text” name=”query”>
<input type=”submit”>
</form>
</div>

 

Search box not displaying? The sitelinks search box appears only for navigational queries and when relevant for users. Google algorithms use a variety of factors to determine when the box appears, including the information on the site and different types of navigational queries from Search users.

Some Tips before Implementing

  • Set a preferred canonical URL for your domain’s homepage using the rel=”canonical” link element on all variants of the homepage. This helps Google Search choose the correct URL for your markup.
  • Prevent crawling of your site’s search results pages with robots.txt.

 

Special discount 39% off EV SSL. Buy at $88.88!

About the author

Rahul Setia

Rahul Setia as Digital Marketing Head works for Contentmart.com. As an Digital Head, he enjoys building marketing strategies, delivering into website data analysis, and writing content., On twitter @rahulsetia007 and Facebook.

Leave a Comment

1 Comment