Showing source for: https://programmablesearchengine.google.com/about/
Duration: 0.065543s
Server: sffe
<!DOCTYPE html>
<html lang="en">
<head>
<base href="https://programmablesearchengine.google.com/">
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="8ZPCvu3K2vlLx3cdYn9ebZNwVctgejkNgHnwNcxoxkA" name="google-site-verification">
<meta content="Help people find what they need on your website. Add a customisable search box to your web pages and show fast, relevant results powered by Google." name="description">
<link href="https://programmablesearchengine.google.com/intl/en_uk/about/" rel="canonical">
<meta content="no-referrer" name="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 content="https://programmablesearchengine.google.com/intl/en_uk/about/" property="og:url">
<meta content="Programmable search engine by Google" property="og:title">
<meta content="Help people find what they need on your website. Add a customisable search box to your web pages and show fast, relevant results powered by Google." property="og:description">
<meta content="Programmable search engine by Google" property="og:site_name">
<meta content="website" property="og:type">
<meta content="en" property="og:locale">
<meta content="https://programmablesearchengine.google.com/about/social_banner.jpg" property="og:image:secure_url">
<meta content="https://programmablesearchengine.google.com/about/social_banner.jpg" property="og:image">
<meta content="summary_large_image" name="twitter:card">
<meta content="Help people find what they need on your website. Add a customisable search box to your web pages and show fast, relevant results powered by Google." name="twitter:description">
<meta content="Programmable search engine by Google" name="twitter:title">
<meta content="@Google" name="twitter:site">
<meta content="https://programmablesearchengine.google.com/about/social_twitter.jpg" name="twitter:image">
<meta content="@Google" name="twitter:creator">
<link href="https://www.google.com/favicon.ico" rel="icon">
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Google+Sans:400|Google+Sans:400,500|Roboto:400" rel="stylesheet">
<link href="/about/css/main.min.css?498fda82b2f1a024abb49e94509127321c9fd5914fcadf5a43abda1ee17844ae" rel="stylesheet">
<link crossorigin="" href="https://www.google-analytics.com" rel="preconnect">
</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">
</script>
<div class="main">
<div class="header" data-scroll-header="">
<div class="header__logo">
<a href="" target="_blank" title="Programmable Search Engine by Google">
<picture>
<img alt="Google" src="https://www.gstatic.com/images/branding/googlelogo/svg/googlelogo_clr_74x24px.svg" title="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 class="button" href="https://programmablesearchengine.google.com/smart_sign_in" propagate-query-string="">
<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" class="text" role="heading">
Help people find what they need on your website
</span>
</div>
<div class="hero__content__main__body">
<span class="text">
Add a customisable 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 class="button" href="https://programmablesearchengine.google.com/smart_sign_in" propagate-query-string="">
<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 alt="Generic laptop shows a browser window, highlighting a programmable search input box." role="presentation" src="/about/mod1_image_xl_notext_2x.png" title="Generic laptop shows a browser window, highlighting a programmable search input box.">
</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" class="text" role="heading">
Why choose programmable search engine
</span>
</div>
</div>
<div class="columns__columns">
<div breakpoint-style="" breakpoint-style-desktop-tablet="max-width: 330px; margin: 0 auto;" class="columns__columns__column">
<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 alt="Icon showing a blue magnifying glass." breakpoint-style="" breakpoint-style-desktop-tablet="margin-bottom: 20px; max-height: 104px; transform: translateX(7%);" breakpoint-style-mobile="margin-bottom: 20px; max-height: 104px;" role="presentation" src="/about/mod2_icon_search_2x.png" title="Icon showing a blue magnifying glass.">
</picture>
</div>
</div>
<div class="columns__columns__column__subtitle">
<span aria-level="3" class="text" role="heading">
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 breakpoint-style="" breakpoint-style-desktop-tablet="max-width: 330px; margin: 0 auto;" class="columns__columns__column">
<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 alt="Icon showing a yellow pencil." breakpoint-style="" breakpoint-style-desktop-tablet="margin-bottom: 20px; max-height: 104px; transform: translateX(7%);" breakpoint-style-mobile="margin-bottom: 20px; max-height: 104px;" role="presentation" src="/about/mod2_icon_custom_2x.png" title="Icon showing a yellow pencil.">
</picture>
</div>
</div>
<div class="columns__columns__column__subtitle">
<span aria-level="3" class="text" role="heading">
Customisable functionality
</span>
</div>
<div class="columns__columns__column__body">
<span breakpoint-style="" breakpoint-style-desktop-tablet="display: block; margin: 0 auto; max-width: 250px;" class="text">
You program your search engine, so you decide what content it searches and how it looks.
</span>
</div>
</div>
<div breakpoint-style="" breakpoint-style-desktop-tablet="max-width: 330px; margin: 0 auto;" class="columns__columns__column">
<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 alt="Icon showing a green check mark." breakpoint-style="" breakpoint-style-desktop-tablet="margin-bottom: 20px; max-height: 104px; transform: translateX(7%);" breakpoint-style-mobile="margin-bottom: 20px; max-height: 104px;" role="presentation" src="/about/mod2_icon_easy_2x.png" title="Icon showing a green check mark.">
</picture>
</div>
</div>
<div class="columns__columns__column__subtitle">
<span aria-level="3" class="text" role="heading">
Easy to use
</span>
</div>
<div class="columns__columns__column__body">
<span breakpoint-style="" breakpoint-style-desktop-tablet="display: block; margin: 0 auto; max-width: 220px;" class="text">
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 alt="Generic phone shows a browser displaying a list of search results." breakpoint-style="" breakpoint-style-desktop-tablet="width: 100%;" role="presentation" src="/about/mod3_generic_phone_xl_2x.png" title="Generic phone shows a browser displaying a list of search results.">
</picture>
</div>
<div class="tout__content">
<div class="tout__content__title">
<span aria-level="2" class="text" role="heading">
Make it yours
</span>
</div>
<div class="tout__content__subtitle">
<span aria-level="3" class="text" role="heading">
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" class="text" role="heading">
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" class="text" role="heading">
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" class="text" role="heading">
More resources
</span>
</div>
</div>
<div class="columns__columns">
<div class="columns__columns__column">
<div class="columns__columns__column__icons">
<div breakpoint-style="" breakpoint-style-mobile="float: left; margin-right: 26px; min-width: 54px;" class="columns__columns__column__icons__icon">
<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 alt="Abstract shapes allude to a stack of documents." breakpoint-style="" breakpoint-style-desktop-tablet="margin-bottom: 30px; max-height: 54px;" breakpoint-style-mobile="max-height: 54px;" role="presentation" src="/about/mod4_icon_developerdocumentation_1x.png" title="Abstract shapes allude to a stack of documents.">
</picture>
</div>
</div>
<div class="columns__columns__column__title">
<span aria-level="3" class="text" role="heading">
Developer documentation
</span>
</div>
<div class="columns__columns__column__buttons">
<div class="columns__columns__column__buttons__button">
<a breakpoint-style="" breakpoint-style-desktop-tablet="transform: translateY(-10px);" class="button button--link" href="https://developers.google.com/custom-search" propagate-query-string="">
<span class="text">
Learn more
</span>
</a>
</div>
</div>
</div>
<div class="columns__columns__column">
<div class="columns__columns__column__icons">
<div breakpoint-style="" breakpoint-style-mobile="float: left; margin-right: 26px; min-width: 54px;" class="columns__columns__column__icons__icon">
<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 alt="Abstract shapes allude to a question mark in a speech bubble." breakpoint-style="" breakpoint-style-desktop-tablet="margin-bottom: 30px; max-height: 54px;" breakpoint-style-mobile="max-height: 54px;" role="presentation" src="/about/mod4_icon_helpcenter_1x.png" title="Abstract shapes allude to a question mark in a speech bubble.">
</picture>
</div>
</div>
<div class="columns__columns__column__title">
<span aria-level="3" class="text" role="heading">
Help Centre
</span>
</div>
<div class="columns__columns__column__buttons">
<div class="columns__columns__column__buttons__button">
<a breakpoint-style="" breakpoint-style-desktop-tablet="transform: translateY(-10px);" class="button button--link" href="https://support.google.com/customsearch/#topic=4513742" propagate-query-string="">
<span class="text">
Find answers
</span>
</a>
</div>
</div>
</div>
<div class="columns__columns__column">
<div class="columns__columns__column__icons">
<div breakpoint-style="" breakpoint-style-mobile="float: left; margin-right: 26px; min-width: 54px;" class="columns__columns__column__icons__icon">
<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 alt="Abstract shapes allude to a multimedia document." breakpoint-style="" breakpoint-style-desktop-tablet="margin-bottom: 30px; max-height: 54px;" breakpoint-style-mobile="max-height: 54px;" role="presentation" src="/about/mod4_icon_blog_1x.png" title="Abstract shapes allude to a multimedia document.">
</picture>
</div>
</div>
<div class="columns__columns__column__title">
<span aria-level="3" class="text" role="heading">
Blog
</span>
</div>
<div class="columns__columns__column__buttons">
<div class="columns__columns__column__buttons__button">
<a breakpoint-style="" breakpoint-style-desktop-tablet="transform: translateY(-10px);" class="button button--link" href="https://customsearch.googleblog.com/" propagate-query-string="">
<span class="text">
Read the blog
</span>
</a>
</div>
</div>
</div>
<div class="columns__columns__column">
<div class="columns__columns__column__icons">
<div breakpoint-style="" breakpoint-style-mobile="float: left; margin-right: 26px; min-width: 54px;" class="columns__columns__column__icons__icon">
<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 alt="Abstract shapes allude to a pair of speech bubbles." breakpoint-style="" breakpoint-style-desktop-tablet="margin-bottom: 30px; max-height: 54px;" breakpoint-style-mobile="max-height: 54px;" role="presentation" src="/about/mod4_icon_community_1x.png" title="Abstract shapes allude to a pair of speech bubbles.">
</picture>
</div>
</div>
<div class="columns__columns__column__title">
<span aria-level="3" class="text" role="heading">
Community
</span>
</div>
<div class="columns__columns__column__buttons">
<div class="columns__columns__column__buttons__button">
<a breakpoint-style="" breakpoint-style-desktop-tablet="transform: translateY(-10px);" class="button button--link" href="https://support.google.com/customsearch/community" propagate-query-string="">
<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 breakpoint-style="" breakpoint-style-desktop-tablet="margin: 0 auto; max-width: 350px" class="columns__columns__column">
<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 alt="Google AdSense logo" breakpoint-style="" breakpoint-style-desktop-tablet="max-height: 55px;" breakpoint-style-mobile="max-height: 46px;" role="presentation" src="https://www.gstatic.com/images/branding/product/1x/google_adsense_48dp.png" title="Google AdSense logo">
</picture>
</div>
</div>
<div class="columns__columns__column__title">
<span aria-level="2" class="text" role="heading">
Earn money from your website with AdSense
</span>
</div>
<div class="columns__columns__column__body">
<span class="text">
Use AdSense to monetise 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 breakpoint-style="" breakpoint-style-all="margin-top: 10px;" class="button button--link" href="https://www.google.com/adsense/start/" propagate-query-string="">
<span class="text">
Learn more
</span>
</a>
</div>
</div>
</div>
<div breakpoint-style="" breakpoint-style-desktop-tablet="margin: 0 auto; max-width: 350px" class="columns__columns__column">
<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 alt="Google Cloud logo" breakpoint-style="" breakpoint-style-desktop-tablet="max-height: 55px;" breakpoint-style-mobile="max-height: 46px;" role="presentation" src="https://www.gstatic.com/images/branding/product/1x/google_cloud_48dp.png" title="Google Cloud logo">
</picture>
</div>
</div>
<div class="columns__columns__column__title">
<span aria-level="2" class="text" role="heading">
Search your organisationâ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 breakpoint-style="" breakpoint-style-all="margin-top: 10px;" class="button button--link" href="https://gsuite.google.com/products/cloud-search/" propagate-query-string="">
<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" class="text" role="heading">
Ready to create your programmable search engine?
</span>
</div>
<div class="chapter__content__buttons">
<div class="chapter__content__buttons__button">
<a breakpoint-style="" breakpoint-style-desktop-tablet="margin-top: 30px" class="button" href="https://programmablesearchengine.google.com/smart_sign_in" propagate-query-string="">
<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 alt="Google" src="https://www.gstatic.com/images/branding/googlelogo/svg/googlelogo_dark54_clr_84x28px.svg" title="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 selected="" value="/intl/en_uk/about/">
English (United Kingdom)
</option>
<option value="/about/">
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">
</script>
<script src="/about/js/main.min.js?89d6621c286a10cfd6f016ce7d5563510633440841aaef373a68ea8871c68c97">
</script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-157819641-1">
</script>
<script>
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>