<!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="PcdhehZDgiqM9ygpuS2gQA">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Google+Sans:400|Google+Sans:400,500|Roboto:400" nonce="PcdhehZDgiqM9ygpuS2gQA">
<link href="/about/css/main.min.css?498fda82b2f1a024abb49e94509127321c9fd5914fcadf5a43abda1ee17844ae" rel="stylesheet" nonce="PcdhehZDgiqM9ygpuS2gQA">
<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="PcdhehZDgiqM9ygpuS2gQA"></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="PcdhehZDgiqM9ygpuS2gQA"></script>
<script src="/about/js/main.min.js?89d6621c286a10cfd6f016ce7d5563510633440841aaef373a68ea8871c68c97" nonce="PcdhehZDgiqM9ygpuS2gQA"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-157819641-1" nonce="PcdhehZDgiqM9ygpuS2gQA"></script>
<script nonce="PcdhehZDgiqM9ygpuS2gQA">
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>