How to add search to your website? Here are 5 search engines that can help you do this- 1. Google custom search, 2. Duckduckgo custom search, 3. Yandex site search, 4. Bing site search 5. Expertrec custom search engine.

Adding site search to your website helps users discover content easily.It is also useful for SEO purposes and understanding user intent on your website. Here are 5 ways (3 of them are free ) to add search to your website –

Build you own custom search engine

Options

  1. Google custom search.
  2. DuckDuckgo custom search (free)
  3. Yandex
  4. Bing site search (paid)
  5. Expertrec site search (Sign Up) (paid)

1. Expertrec site search engine: (No ads)

  • Go to https://cse.expertrec.com/?platform=cse and click on Google site search replacement-add search to website
  • Login-Sign in with your Google account-add search to website
  • Enter the URL of the website you want to crawl and choose your nearest data center region.add search to website
  • Now you will get a code to copy. Please add this code to a div element in your site’s body section. You need to add this on all pages where you want the search box to appear. Please note that this will also add the search box UI. You could also replace your Google site search code with our code.add search to website
  • Initiate Crawl -Crawl/ indexing of your pages will start. add search to website
  • You will get a control panel page to tweak your custom search features. Here you can check your demo.add search to website
  • You can check the demo before taking live, by clicking on the demo link.add search to website
  • Once you add the code to your site, search goes live. Search box looks similar to the following image. When a user presses enter the user interface looks like the above image.

add search to website

  • The default UI is the overlay UI where the search results pops up in the same page. Some customers want search results on a different page. For search results to come on a new page, go to Configuration->search layout->choose “search layout on different page”. In the additional info section add the search result path where you want search results to come on enter and the query parameter. After this, you have to get the new code and add it to your site to get the new search interface.

add search to websiteAdd search to my website

  • In the below example, search result path is :”/search-results/” and q is the “query parameter” if your search results have the URL format http://providerconnection.davisvision.com/search-results/?q=lense             add search to website
  • A lot of our customers moving from google site search requested us to add this feature that would help them choose their own colors and font sizes for search results and we have obliged. Go to cse.expertrec.com-> sign in->look and feel-> Inputbox. Here you can make adjustments to the search box . You can edit the height, margin, padding, font size etc. You can also add custom css, your own font awesome icon for the search box and much moreadd search to website
  • In some situations, you might want to crawl more than one url to show in search results. Go to https://cse.expertrec.com->sign-in->crawl settings->Add/edit URL->enter the URLs you want to crawl ->press update. add search to website
  • By default, image search is disabled in expertrec’s google site search replacement. To  enable this, go to crawl settings->custom fields->enable extractor->enter the CSS selector and attribute name->click updateadd search to website
  • Sometimes you might want to crawl pages that are behind a login page. If you enter the following details in our control panel.add search to website
  • Filter URLs you don’t want to show up in search results- Go to crawl settings->URL settings->Filter URLs-> enter the URls you don’t want to come in search results->Update.add search to website
  •  Our crawler by default ignores URLs that have GET paramters. To crawl URLs that have GET paramater enable this optionadd search to website

add search to website

add search to website

2. Using Google custom search-(Has ads)

  • Visit https://cse.google.co.in/cse/ and sign in. add search to website
  • Enter sites to search and click create:add search to website
  • You will be taken to this page with 3 options- add search to website Add it to your site– You can get a code to add it to your site.                                                                        View it on the web- see a demo of how it will look on your site.                                                                Modify your search engine – control panel to edit search settings.
  • You can view a preview how the site search will look using the “view it on the web” linkadd search to website
  • Control panel – Here you can manage search features, look and feel, choose to show autocomplete or not, add synonyms etc. add search to website add search to website
  • Once you choose a Layout, click save and get code in the “look and feel tab”add search to website
  • We now have to add this code inside a <div> in the <body> section on the pages we want site search to work and push changes to production site. add search to website
  • Now your custom search is ready for use !add search to website

One of the major disadvantages of using Google custom search is that it shows ads on your site. If you are looking for an ad free experience, you could sign up for expertrec site search.

2. Duckduckgo customs search engine- 

  1. Go to https://duckduckgo.com/search_box
  2. enter your website URL.
  3. Get the code .
  4. Add code to website and take live.add search to website

3. Yandex site search engine:

  1. Go to https://site.yandex.ru/searches
  2. Verify your site before you add using yandex webmasters.(https://webmaster.yandex.com/)
  3. Get the code to add.
  4. Choose styling options.
  5. Take live.add search to websiteadd search to websiteadd search to website

4. Bing site search- 

Go to https://www.customsearch.ai and sign in with your microsoft account.

add search to website

Click on new instance.

add search to website

Enter the name of the search instance. You can change this later

add search to website

Add URL to index

add search to website

You can add more URLs based on your requirement.

add search to website

Get API key. Click on API endpoint and click on issue trial key. You can also get a permanent key if you wish to.

add search to website

 

add search to website

Test your API key. If you are planning on using the API to implement search, you can paste the API key and click on “CALL” . this will show the response to the API call.

add search to website

Configure your search layout. Go to the “hosted UI” tab and you can choose the

  1. Search layout
  2. Color theme
  3. Additional configurations (placeholder, results per page etc.)

add search to website

Take live. In the hosted UI tab, go to javascript snippet and copy the code. Paste this code on your website pages where you want the search box to be visible.You can do this with google tag manager or contact your website developer to get this done.

add search to website add search to website

 

 

Add search to my website


muthali ganesh

Muthali loves writing about emerging technologies and easy solutions for complex tech issues. You can reach out to him through chat or by raising a support ticket on the left hand side of the page.