CINXE.COM
Programmable Search Engine by Google
<!DOCTYPE html> <html lang="en" > <head> <base href="https://programmablesearchengine.google.com/"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="google-site-verification" content="8ZPCvu3K2vlLx3cdYn9ebZNwVctgejkNgHnwNcxoxkA"> <meta name="description" content="Help people find what they need on your website. Add a customizable search box to your web pages and show fast, relevant results powered by Google."> <link rel="canonical" href="https://programmablesearchengine.google.com/about/"> <meta name="referrer" content="no-referrer"> <title>Programmable Search Engine by Google</title> <link href="https://programmablesearchengine.google.com/intl/de_de/about/" hreflang="de-de" rel="alternate"> <link href="https://programmablesearchengine.google.com/intl/en_uk/about/" hreflang="en-gb" rel="alternate"> <link href="https://programmablesearchengine.google.com/about/" hreflang="x-default" rel="alternate"> <link href="https://programmablesearchengine.google.com/intl/fr_fr/about/" hreflang="fr-fr" rel="alternate"> <link href="https://programmablesearchengine.google.com/intl/ja_jp/about/" hreflang="ja-jp" rel="alternate"> <link href="https://programmablesearchengine.google.com/intl/pt-BR_br/about/" hreflang="pt-br" rel="alternate"> <link href="https://programmablesearchengine.google.com/intl/ru_ru/about/" hreflang="ru-ru" rel="alternate"> <meta property="og:url" content="https://programmablesearchengine.google.com/about/"> <meta property="og:title" content="Programmable Search Engine by Google"> <meta property="og:description" content="Help people find what they need on your website. Add a customizable search box to your web pages and show fast, relevant results powered by Google."> <meta property="og:site_name" content="Programmable Search Engine by Google"> <meta property="og:type" content="website"> <meta property="og:locale" content="en"> <meta property="og:image:secure_url" content="https://programmablesearchengine.google.com/about/social_banner.jpg"> <meta property="og:image" content="https://programmablesearchengine.google.com/about/social_banner.jpg"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:description" content="Help people find what they need on your website. Add a customizable search box to your web pages and show fast, relevant results powered by Google."> <meta name="twitter:title" content="Programmable Search Engine by Google"> <meta name="twitter:site" content="@Google"> <meta name="twitter:image" content="https://programmablesearchengine.google.com/about/social_twitter.jpg"> <meta name="twitter:creator" content="@Google"> <link rel="icon" href="https://www.google.com/favicon.ico"> <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" nonce="DXei-MZO-ebun9foeI4-sw"> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Google+Sans:400|Google+Sans:400,500|Roboto:400" nonce="DXei-MZO-ebun9foeI4-sw"> <link href="/about/css/main.min.css?498fda82b2f1a024abb49e94509127321c9fd5914fcadf5a43abda1ee17844ae" rel="stylesheet" nonce="DXei-MZO-ebun9foeI4-sw"> <link href="https://www.google-analytics.com" rel="preconnect" crossorigin> </head> <body add-browser-name="ua"> <script data-autoload-cookie-consent-bar="true" src="https://www.gstatic.com/brandstudio/kato/cookie_choice_component/cookie_consent_bar.v2.js" nonce="DXei-MZO-ebun9foeI4-sw"></script> <div class="main"> <div class="header" data-scroll-header> <div class="header__logo"> <a href="" title="Programmable Search Engine by Google" target="_blank"> <picture> <img src="https://www.gstatic.com/images/branding/googlelogo/svg/googlelogo_clr_74x24px.svg" title="Google" alt="Google" > </picture> <span class="text" > Programmable Search Engine </span> </a> </div> <div class="header__aside"> <div class="header__aside__buttons"> <div class="header__aside__buttons__button"> <a propagate-query-string class="button " href="https://programmablesearchengine.google.com/controlpanel/all" > <span class="text" > Get started </span> </a> </div> </div> </div> </div> <section class="frame frame--flush-bottom frame--flush-top"> <div class="hero hero--reversed hero--full-bleed" ng-attr-options="{"text": "dresses", "placeholder": ""}" ng-controller="searchAnimationController" > <div class="hero__content"> <div class="hero__content__main"> <div class="hero__content__main__logo"> </div> <div class="hero__content__main__title"><span aria-level="1" role="heading" class="text" > Help people find what they need on your website </span></div><div class="hero__content__main__body"><span class="text" > Add a customizable search box to your web pages and show fast, relevant results powered by Google Search. </span></div> <div class="hero__content__main__buttons"> <div class="hero__content__main__buttons__button"> <a propagate-query-string class="button " href="https://programmablesearchengine.google.com/controlpanel/all" > <span class="text" > Get started </span> </a> </div> </div> </div> <div class="hero__content__image"> <picture> <source srcset="/about/mod1_image_xl_notext_2x.webp 2x, /about/mod1_image_xl_notext_2x.webp 1x" type="image/webp"> <source srcset="/about/mod1_image_xl_notext_2x.png 2x, /about/mod1_image_xl_notext_2x.png 1x"> <img src="/about/mod1_image_xl_notext_2x.png" title="Generic laptop shows a browser window, highlighting a programmable search input box." alt="Generic laptop shows a browser window, highlighting a programmable search input box."role="presentation" > </picture> </div> </div> </div> </section> <section class="frame frame--half-top"> <div class="columns columns--3"> <div class="columns__header"> <div class="columns__header__title"><span aria-level="2" role="heading" class="text" > Why choose Programmable Search Engine </span></div> </div> <div class="columns__columns"> <div class="columns__columns__column" breakpoint-style breakpoint-style-desktop-tablet="max-width: 330px; margin: 0 auto;" > <div class="columns__columns__column__icons"> <div class="columns__columns__column__icons__icon" > <picture> <source srcset="/about/mod2_icon_search_2x.webp 2x, /about/mod2_icon_search_2x.webp 1x" type="image/webp"> <source srcset="/about/mod2_icon_search_2x.png 2x, /about/mod2_icon_search_2x.png 1x"> <img src="/about/mod2_icon_search_2x.png" title="Icon showing a blue magnifying glass." alt="Icon showing a blue magnifying glass."role="presentation" breakpoint-style breakpoint-style-desktop-tablet="margin-bottom: 20px; max-height: 104px; transform: translateX(7%);" breakpoint-style-mobile="margin-bottom: 20px; max-height: 104px;" > </picture> </div> </div> <div class="columns__columns__column__subtitle"><span aria-level="3" role="heading" class="text" > High-quality search results </span></div><div class="columns__columns__column__body"><span class="text" > Because it’s powered by Google’s core search technology that’s constantly improving, you always get fast, relevant results. </span></div> </div> <div class="columns__columns__column" breakpoint-style breakpoint-style-desktop-tablet="max-width: 330px; margin: 0 auto;" > <div class="columns__columns__column__icons"> <div class="columns__columns__column__icons__icon" > <picture> <source srcset="/about/mod2_icon_custom_2x.webp 2x, /about/mod2_icon_custom_2x.webp 1x" type="image/webp"> <source srcset="/about/mod2_icon_custom_2x.png 2x, /about/mod2_icon_custom_2x.png 1x"> <img src="/about/mod2_icon_custom_2x.png" title="Icon showing a yellow pencil." alt="Icon showing a yellow pencil."role="presentation" breakpoint-style breakpoint-style-desktop-tablet="margin-bottom: 20px; max-height: 104px; transform: translateX(7%);" breakpoint-style-mobile="margin-bottom: 20px; max-height: 104px;" > </picture> </div> </div> <div class="columns__columns__column__subtitle"><span aria-level="3" role="heading" class="text" > Customizable functionality </span></div><div class="columns__columns__column__body"><span class="text" breakpoint-style breakpoint-style-desktop-tablet="display: block; margin: 0 auto; max-width: 250px;" > You program your search engine, so you decide what content it searches and how it looks. </span></div> </div> <div class="columns__columns__column" breakpoint-style breakpoint-style-desktop-tablet="max-width: 330px; margin: 0 auto;" > <div class="columns__columns__column__icons"> <div class="columns__columns__column__icons__icon" > <picture> <source srcset="/about/mod2_icon_easy_2x.webp 2x, /about/mod2_icon_easy_2x.webp 1x" type="image/webp"> <source srcset="/about/mod2_icon_easy_2x.png 2x, /about/mod2_icon_easy_2x.png 1x"> <img src="/about/mod2_icon_easy_2x.png" title="Icon showing a green check mark." alt="Icon showing a green check mark."role="presentation" breakpoint-style breakpoint-style-desktop-tablet="margin-bottom: 20px; max-height: 104px; transform: translateX(7%);" breakpoint-style-mobile="margin-bottom: 20px; max-height: 104px;" > </picture> </div> </div> <div class="columns__columns__column__subtitle"><span aria-level="3" role="heading" class="text" > Easy to use </span></div><div class="columns__columns__column__body"><span class="text" breakpoint-style breakpoint-style-desktop-tablet="display: block; margin: 0 auto; max-width: 220px;" > Integrate your search engine on your website quickly. </span></div> </div> </div> </div> </section> <section class="frame frame--grey-bg"> <div class="tout tout--reversed"> <div class="tout__image "> <picture> <source srcset="/about/mod3_generic_phone_xl_2x.webp 2x, /about/mod3_generic_phone_xl_2x.webp 1x" type="image/webp"> <source srcset="/about/mod3_generic_phone_xl_2x.png 2x, /about/mod3_generic_phone_xl_2x.png 1x"> <img src="/about/mod3_generic_phone_xl_2x.png" title="Generic phone shows a browser displaying a list of search results." alt="Generic phone shows a browser displaying a list of search results."role="presentation" breakpoint-style breakpoint-style-desktop-tablet="width: 100%;" > </picture> </div> <div class="tout__content"> <div class="tout__content__title"><span aria-level="2" role="heading" class="text" > Make it yours </span></div> <div class="tout__content__subtitle"><span aria-level="3" role="heading" class="text" > Choose sites to include </span></div><div class="tout__content__body"><span class="text" > Decide if you want users to search only your website, or include other sites on the web. </span></div> <div class="tout__content__subtitle"><span aria-level="3" role="heading" class="text" > Match the design to your site </span></div><div class="tout__content__body"><span class="text" > Choose from several pre-built themes, or design your own search results page from scratch. </span></div> <div class="tout__content__subtitle"><span aria-level="3" role="heading" class="text" > Get it for free or a low price </span></div><div class="tout__content__body"><span class="text" > Pay nothing — and even earn revenue — by showing relevant ads with <a href="https://support.google.com/adsense/answer/9879">AdSense</a>, or pay a low price for an ad-free experience. </span></div> </div> </div> </section> <section class="frame "> <div class="columns columns--small-titles"> <div class="columns__header"> <div class="columns__header__title"><span aria-level="2" role="heading" class="text" > More resources </span></div> </div> <div class="columns__columns"> <div class="columns__columns__column" > <div class="columns__columns__column__icons"> <div class="columns__columns__column__icons__icon" breakpoint-style breakpoint-style-mobile="float: left; margin-right: 26px; min-width: 54px;" > <picture> <source srcset="/about/mod4_icon_developerdocumentation_2x.webp 2x, /about/mod4_icon_developerdocumentation_1x.webp 1x" type="image/webp"> <source srcset="/about/mod4_icon_developerdocumentation_2x.png 2x, /about/mod4_icon_developerdocumentation_1x.png 1x"> <img src="/about/mod4_icon_developerdocumentation_1x.png" title="Abstract shapes allude to a stack of documents." alt="Abstract shapes allude to a stack of documents."role="presentation" breakpoint-style breakpoint-style-desktop-tablet="margin-bottom: 30px; max-height: 54px;" breakpoint-style-mobile="max-height: 54px;" > </picture> </div> </div> <div class="columns__columns__column__title"><span aria-level="3" role="heading" class="text" > Developer Documentation </span></div> <div class="columns__columns__column__buttons"> <div class="columns__columns__column__buttons__button"> <a propagate-query-string class="button button--link" href="https://developers.google.com/custom-search" breakpoint-style breakpoint-style-desktop-tablet="transform: translateY(-10px);" > <span class="text" > Learn more </span> </a> </div> </div> </div> <div class="columns__columns__column" > <div class="columns__columns__column__icons"> <div class="columns__columns__column__icons__icon" breakpoint-style breakpoint-style-mobile="float: left; margin-right: 26px; min-width: 54px;" > <picture> <source srcset="/about/mod4_icon_helpcenter_2x.webp 2x, /about/mod4_icon_helpcenter_1x.webp 1x" type="image/webp"> <source srcset="/about/mod4_icon_helpcenter_2x.png 2x, /about/mod4_icon_helpcenter_1x.png 1x"> <img src="/about/mod4_icon_helpcenter_1x.png" title="Abstract shapes allude to a question mark in a speech bubble." alt="Abstract shapes allude to a question mark in a speech bubble."role="presentation" breakpoint-style breakpoint-style-desktop-tablet="margin-bottom: 30px; max-height: 54px;" breakpoint-style-mobile="max-height: 54px;" > </picture> </div> </div> <div class="columns__columns__column__title"><span aria-level="3" role="heading" class="text" > Help Center </span></div> <div class="columns__columns__column__buttons"> <div class="columns__columns__column__buttons__button"> <a propagate-query-string class="button button--link" href="https://support.google.com/customsearch/#topic=4513742" breakpoint-style breakpoint-style-desktop-tablet="transform: translateY(-10px);" > <span class="text" > Find answers </span> </a> </div> </div> </div> <div class="columns__columns__column" > <div class="columns__columns__column__icons"> <div class="columns__columns__column__icons__icon" breakpoint-style breakpoint-style-mobile="float: left; margin-right: 26px; min-width: 54px;" > <picture> <source srcset="/about/mod4_icon_blog_2x.webp 2x, /about/mod4_icon_blog_1x.webp 1x" type="image/webp"> <source srcset="/about/mod4_icon_blog_2x.png 2x, /about/mod4_icon_blog_1x.png 1x"> <img src="/about/mod4_icon_blog_1x.png" title="Abstract shapes allude to a multimedia document." alt="Abstract shapes allude to a multimedia document."role="presentation" breakpoint-style breakpoint-style-desktop-tablet="margin-bottom: 30px; max-height: 54px;" breakpoint-style-mobile="max-height: 54px;" > </picture> </div> </div> <div class="columns__columns__column__title"><span aria-level="3" role="heading" class="text" > Blog </span></div> <div class="columns__columns__column__buttons"> <div class="columns__columns__column__buttons__button"> <a propagate-query-string class="button button--link" href="https://customsearch.googleblog.com/" breakpoint-style breakpoint-style-desktop-tablet="transform: translateY(-10px);" > <span class="text" > Read the blog </span> </a> </div> </div> </div> <div class="columns__columns__column" > <div class="columns__columns__column__icons"> <div class="columns__columns__column__icons__icon" breakpoint-style breakpoint-style-mobile="float: left; margin-right: 26px; min-width: 54px;" > <picture> <source srcset="/about/mod4_icon_community_2x.webp 2x, /about/mod4_icon_community_1x.webp 1x" type="image/webp"> <source srcset="/about/mod4_icon_community_2x.png 2x, /about/mod4_icon_community_1x.png 1x"> <img src="/about/mod4_icon_community_1x.png" title="Abstract shapes allude to a pair of speech bubbles." alt="Abstract shapes allude to a pair of speech bubbles."role="presentation" breakpoint-style breakpoint-style-desktop-tablet="margin-bottom: 30px; max-height: 54px;" breakpoint-style-mobile="max-height: 54px;" > </picture> </div> </div> <div class="columns__columns__column__title"><span aria-level="3" role="heading" class="text" > Community </span></div> <div class="columns__columns__column__buttons"> <div class="columns__columns__column__buttons__button"> <a propagate-query-string class="button button--link" href="https://support.google.com/customsearch/community" breakpoint-style breakpoint-style-desktop-tablet="transform: translateY(-10px);" > <span class="text" > Visit the forum </span> </a> </div> </div> </div> </div> </div> </section> <section class="frame frame--grey-bg"> <div class="columns columns--2"> <div class="columns__columns"> <div class="columns__columns__column" breakpoint-style breakpoint-style-desktop-tablet="margin: 0 auto; max-width: 350px" > <div class="columns__columns__column__icons"> <div class="columns__columns__column__icons__icon" > <picture> <source srcset="https://www.gstatic.com/images/branding/product/2x/google_adsense_48dp.png 2x, https://www.gstatic.com/images/branding/product/1x/google_adsense_48dp.png 1x"> <img src="https://www.gstatic.com/images/branding/product/1x/google_adsense_48dp.png" title="Google AdSense logo" alt="Google AdSense logo"role="presentation" breakpoint-style breakpoint-style-desktop-tablet="max-height: 55px;" breakpoint-style-mobile="max-height: 46px;" > </picture> </div> </div> <div class="columns__columns__column__title"><span aria-level="2" role="heading" class="text" > Earn money from your website with AdSense </span></div><div class="columns__columns__column__body"><span class="text" > Use AdSense to monetize search results pages from relevant ads on your site. </span></div> <div class="columns__columns__column__buttons"> <div class="columns__columns__column__buttons__button"> <a propagate-query-string class="button button--link" href="https://www.google.com/adsense/start/" breakpoint-style breakpoint-style-all="margin-top: 10px;" > <span class="text" > Learn more </span> </a> </div> </div> </div> <div class="columns__columns__column" breakpoint-style breakpoint-style-desktop-tablet="margin: 0 auto; max-width: 350px" > <div class="columns__columns__column__icons"> <div class="columns__columns__column__icons__icon" > <picture> <source srcset="https://www.gstatic.com/images/branding/product/2x/google_cloud_48dp.png 2x, https://www.gstatic.com/images/branding/product/1x/google_cloud_48dp.png 1x"> <img src="https://www.gstatic.com/images/branding/product/1x/google_cloud_48dp.png" title="Google Cloud logo" alt="Google Cloud logo"role="presentation" breakpoint-style breakpoint-style-desktop-tablet="max-height: 55px;" breakpoint-style-mobile="max-height: 46px;" > </picture> </div> </div> <div class="columns__columns__column__title"><span aria-level="2" role="heading" class="text" > Search your organization’s internal content with Cloud </span></div><div class="columns__columns__column__body"><span class="text" > Designed for enterprise, Cloud Search helps your employees quickly, easily, and securely find information across your business. </span></div> <div class="columns__columns__column__buttons"> <div class="columns__columns__column__buttons__button"> <a propagate-query-string class="button button--link" href="https://gsuite.google.com/products/cloud-search/" breakpoint-style breakpoint-style-all="margin-top: 10px;" > <span class="text" > Learn more </span> </a> </div> </div> </div> </div> </div> </section> <section class="frame "> <div class="chapter " > <div class="chapter__content"> <div class="chapter__content__title"><span aria-level="2" role="heading" class="text" > Ready to create your Programmable Search Engine? </span></div> <div class="chapter__content__buttons"> <div class="chapter__content__buttons__button"> <a propagate-query-string class="button " href="https://programmablesearchengine.google.com/controlpanel/all" breakpoint-style breakpoint-style-desktop-tablet="margin-top: 30px" > <span class="text" > Get started </span> </a> </div> </div> </div> </div> </section> <div class="footer"> <div class="footer__nav"> <div class="footer__nav__links"> <div class="footer__nav__links__item"> <picture> <img src="https://www.gstatic.com/images/branding/googlelogo/svg/googlelogo_dark54_clr_84x28px.svg" title="Google" alt="Google" > </picture> </div> <div class="footer__nav__links__item"> <a href="https://about.google/">About Google</a> </div> <div class="footer__nav__links__item"> <a href="https://about.google/products/">Google Products</a> </div> <div class="footer__nav__links__item"> <a href="https://www.google.com/policies/">Privacy</a> </div> <div class="footer__nav__links__item"> <a href="https://www.google.com/policies/terms/">Terms</a> </div> </div> <div class="footer__nav__aside"> <a href="https://support.google.com/customsearch/#topic=4513742" target="_blank"> <i class="material-icons">help</i> Help </a> <div class="footer__nav__aside__language"> <select onchange="window.location.href = this.value"> <option value="/intl/de_de/about/" > Deutsch (Deutschland) </option> <option value="/intl/en_uk/about/" > English (United Kingdom) </option> <option value="/about/" selected> English (United States) </option> <option value="/intl/fr_fr/about/" > Français (France) </option> <option value="/intl/ja_jp/about/" > 日本語 (日本) </option> <option value="/intl/pt-BR_br/about/" > Português (Brasil) </option> <option value="/intl/ru_ru/about/" > Русский (Россия) </option> </select> </div> </div> </div> <div class="footer__disclaimer"> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js" nonce="DXei-MZO-ebun9foeI4-sw"></script> <script src="/about/js/main.min.js?89d6621c286a10cfd6f016ce7d5563510633440841aaef373a68ea8871c68c97" nonce="DXei-MZO-ebun9foeI4-sw"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-157819641-1" nonce="DXei-MZO-ebun9foeI4-sw"></script> <script nonce="DXei-MZO-ebun9foeI4-sw"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-157819641-1', { 'page_referrer' : document.referrer.split('?')[0] }); </script> </body> </html>