How To Add Sitelinks to Google Search Results for Blogger/WordPress

Most of you know that Google search has introduced a new feature to its search results where you can directly enter your search query without even opening the website. It was a very good update by Google. It allow the users to browse through the sites, there by improving the user experience. It is very helpful like if we find some video on YouTube when we search YouTube in search engine we find a search box and we easily find our content. Search box make very easier for users to reach specific content on site, directly through your own site-search pages. It is very awesome feature.

Now question is How to add this feature to Blogger or WordPress? But, don’t worry guys today we are here with complete guide by reading which you can understand How To Implement Google’s Sitelinks Search Box to Blogger & WordPress? In this guide we will also share how to disable Sitelinks Search Box from Blogger & WordPress?

To adding this excellent feature to website there are two ways to get sitelinks search box in search result. Let me explain.

Two Ways To Get Sitelinks Search Box To Website

1. Build your website as a brand and make it very popular. Google automatically considers such sites and show sitelink search box in its search results. For example, sites like Youtube, Buzzfeed, Fipkart etc.
2. This is much easier way to do it where you can manually implement certain tags and code to make Google show the sitelink search box in its search results. Now there is two ways to add sitelinks search box to blogger blog.

How To Add Google’s Sitelinks Search Box in Blogger?

Note: You have to add any one method mentioned below.

Step 1 – Go To Blogger >> Template >> Edit HTML.

Step 2 – Click anywhere inside the code area and search for </head> tag.

Step 3 – Paste one of below method code to just above of </head> tag.

Method 1 >> Using JSON-LD

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

Customization:

• Change the Yellow highlighted URLs with your blog’s URL and save your template.

Note: This method is for Blogger Blog for WordPress Blogs, Below we have share a plugin.

Method 2 >>  Using MICRODATA

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

Customization: