{"id":23919,"date":"2021-05-08T17:57:00","date_gmt":"2021-05-08T14:57:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23919"},"modified":"2021-10-18T02:20:21","modified_gmt":"2021-10-17T23:20:21","slug":"comment-ajouter-un-champ-de-recherche-google-sur-un-site-web","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-un-champ-de-recherche-google-sur-un-site-web\/","title":{"rendered":"Comment ajouter un champ de recherche Google sur un site Web"},"content":{"rendered":"<p>Le champ de recherche Google n&rsquo;est rien d&rsquo;autre qu&rsquo;un formulaire de recherche qui permet aux gens de trouver du contenu connexe sur votre site Web. Dans cet article, nous \u00e9tudions comment ajouter une recherche Google dans le site Web. Il y a quelques \u00e9tapes \u00e0 suivre. Nous proc\u00e9dons \u00e9tape par \u00e9tape pour ajouter ce champ de recherche.<\/p>\n<p>Avant de commencer l&rsquo;int\u00e9gration, nous devons \u00e9num\u00e9rer les avantages de l&rsquo;utilisation de la recherche Google sur le site Web.<\/p>\n<ul>\n<li>Il r\u00e9duit la charge sur votre base de donn\u00e9es. Pendant que le lecteur recherche du contenu, aucune requ\u00eate ne sera lanc\u00e9e sur votre base de donn\u00e9es pour trouver du contenu connexe. Google le fait intelligemment en explorant un site Web.<\/li>\n<li>Google nous permet d&rsquo;int\u00e9grer la conception de notre propre formulaire de recherche. Comment? nous discuterons dans un instant.<\/li>\n<\/ul>\n<p>Si vous \u00eates un \u00e9diteur Google Adsense, veuillez lire notre article sur <a href=\"https:\/\/themewp.inform.click\/fr\/comment-ajouter-un-champ-de-recherche-google-adsense-sur-un-site-web\/\" title=\"Comment ajouter un champ de recherche Google Adsense sur un site Web\" >Comment ajouter un champ de recherche Google Adsense sur un site Web<\/a>.<\/p>\n<p>La diff\u00e9rence entre le champ de recherche Adsense et le champ de recherche Google r\u00e9side dans le fait que lors de l&rsquo;utilisation du champ de recherche Adsense, Google affiche une publicit\u00e9 avec le r\u00e9sultat de la recherche. Ces publicit\u00e9s vous aident \u00e0 gagner de l&rsquo;argent avec Adsense.<\/p>\n<p>Revenons \u00e0 notre sujet d&rsquo;origine, voici les \u00e9tapes \u00e0 suivre pour ajouter le moteur de recherche personnalis\u00e9 Google sur le site Web.<\/p>\n<h3>\u00c9tapes pour ajouter un champ de recherche Google<\/h3>\n<p><strong>\u00c9tape 1<\/strong>: Acc\u00e9dez \u00e0 la page du <a href=\"https:\/\/www.google.com\/cse\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">moteur de recherche personnalis\u00e9<\/a> et connectez-vous avec votre compte Google.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b868b4c0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b868b4c0.png\" alt=\"Comment ajouter un champ de recherche Google sur un site Web\" ><\/a><\/p>\n<p><strong>\u00c9tape 2<\/strong>: Apr\u00e8s vous \u00eatre connect\u00e9, vous serez redirig\u00e9 vers une page o\u00f9 vous devrez ajouter votre site Web \u00e0 une recherche. Ajoutez votre nom de domaine dans le champ Site \u00e0 rechercher. \u00c0 la fin, appuyez sur le bouton CR\u00c9ER.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b871c00f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b871c00f.png\" alt=\"Comment ajouter un champ de recherche Google sur un site Web\" ><\/a><\/p>\n<p><strong>\u00c9tape 3<\/strong>: Sur la page suivante, vous devriez voir le message de r\u00e9ussite. De l\u00e0, cliquez sur Obtenir le code.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" alt=\"Comment ajouter un champ de recherche Google sur un site Web\" ><\/a><\/p>\n<p>Le code que vous obtenez a le champ de recherche et le r\u00e9sultat de la recherche sur la m\u00eame page. Cela signifie que lorsque vous entrez un mot-cl\u00e9 dans la zone de recherche, une fen\u00eatre contextuelle affichera le contenu associ\u00e9.<\/p>\n<p>Mais nous vous recommandons de ne pas utiliser ce format. Au lieu de cela, optez pour une mise en page sur deux pages. Dans ce cas, vous pouvez placer votre champ de recherche n&rsquo;importe o\u00f9 sur le site Web. Et pour le r\u00e9sultat de la recherche, cr\u00e9ez une page s\u00e9par\u00e9e o\u00f9 vous souhaitez afficher le r\u00e9sultat final du contenu associ\u00e9 aux lecteurs.<\/p>\n<p>Pour int\u00e9grer cette mise en page de deux pages, suivez les \u00e9tapes suivantes.<\/p>\n<p><strong>\u00c9tape 4<\/strong>: Cliquez sur Look and feel sous Configuration. S\u00e9lectionnez l&rsquo;option Deux pages et cliquez sur Enregistrer et obtenir le code.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" alt=\"Comment ajouter un champ de recherche Google sur un site Web\" ><\/a><\/p>\n<p><strong>\u00c9tape 5<\/strong>: Obtenez votre code pour le champ de recherche et le r\u00e9sultat de la recherche.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" alt=\"Comment ajouter un champ de recherche Google sur un site Web\" ><\/a><\/p>\n<p><strong>\u00c9tape 6<\/strong>: La derni\u00e8re \u00e9tape \u00e0 faire est d&rsquo;ajouter l&rsquo;URL de la page de recherche. Cliquez sur les d\u00e9tails du r\u00e9sultat de la recherche et collez l&rsquo;URL de votre page de recherche comme VOTRE_DOMAINE\/recherche.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" alt=\"Comment ajouter un champ de recherche Google sur un site Web\" ><\/a><\/p>\n<p>Maintenant, vous avez du code pour le champ de recherche et le r\u00e9sultat de la recherche. Ajoutez le code du champ de recherche \u00e0 l&rsquo;endroit o\u00f9 vous souhaitez que votre formulaire de recherche apparaisse. Et sur votre page de recherche, collez le code du r\u00e9sultat de la recherche.<\/p>\n<p>Apr\u00e8s avoir ajout\u00e9 un code de champ de recherche, vous verrez un champ de recherche comme la capture d&rsquo;\u00e9cran ci-dessous.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20692-60821b878a9ce.png\" alt=\"Comment ajouter un champ de recherche Google sur un site Web\" ><\/a><\/p>\n<p>Si vous \u00eates d&rsquo;accord avec cette mise en page par d\u00e9faut, c&rsquo;est la fin de ce didacticiel pour vous. Mais si vous souhaitez ajouter votre propre mise en page pour le champ de recherche, continuez \u00e0 lire.<\/p>\n<h3>Utiliser sa propre mise en page pour la zone de recherche<\/h3>\n<p>Revenez \u00e0 l&rsquo;\u00e9tape 6 et vous remarquerez que nous avons sp\u00e9cifi\u00e9 le param\u00e8tre de requ\u00eate comme \u00ab\u00a0q\u00a0\u00bb dans le formulaire de d\u00e9tails des r\u00e9sultats de la recherche. Nous allons en profiter pour utiliser notre propre formulaire de recherche.<\/p>\n<p>Lorsque nous recherchons un mot-cl\u00e9 via le champ de recherche Google, l&rsquo;URL de notre navigateur sera du type YOUR_DOMAIN\/search?q=YOUR_KEYWORD.<\/p>\n<p>Tout en int\u00e9grant notre propre formulaire de recherche, nous devons suivre le m\u00eame sch\u00e9ma. Cela signifie que notre URL d&rsquo;action doit \u00eatre la page de recherche et le nom de la zone de recherche doit \u00eatre \u00ab\u00a0q\u00a0\u00bb.<\/p>\n<p>Voici l&rsquo;exemple d&rsquo;un formulaire de recherche.<\/p>\n<pre><code>&lt;?php\n$q = isset($_GET['q'])? $_GET['q']: '';\n?&gt;\n&lt;form role=\"search\" method=\"get\" class=\"search-form\" action=\"YOUR_DOMAIN\/search\" &gt;\n&lt;label&gt;\n&lt;span class=\"screen-reader-text\"&gt;Search for:&lt;\/span&gt;\n&lt;input type=\"search\" class=\"search-field\" placeholder=\"Search \u2026\" value=\"&lt;?php echo $q; ?&gt;\" name=\"q\"&gt;\n&lt;\/label&gt;\n&lt;\/form&gt;<\/code><\/pre>\n<p>D\u00e9sormais, lorsque vous recherchez un mot-cl\u00e9, il redirige vers la page de recherche o\u00f9 Google affiche le contenu associ\u00e9 par mot-cl\u00e9.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous cherchez \u00e0 ajouter un champ de recherche Google sur votre site Web\u00a0? Dans cet article, nous vous montrons un guide \u00e9tape par \u00e9tape sur l&rsquo;utilisation du champ de recherche Google sur le site Web.<\/p>\n","protected":false},"author":1,"featured_media":20693,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[412],"tags":[844],"class_list":["post-23919","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divers","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/23919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=23919"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/23919\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/20693"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=23919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=23919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=23919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}