{"id":27415,"date":"2021-05-08T18:10:00","date_gmt":"2021-05-08T15:10:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27415"},"modified":"2021-10-17T17:23:22","modified_gmt":"2021-10-17T14:23:22","slug":"como-agregar-el-cuadro-de-busqueda-de-google-en-un-sitio-web","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-agregar-el-cuadro-de-busqueda-de-google-en-un-sitio-web\/","title":{"rendered":"C\u00f3mo agregar el cuadro de b\u00fasqueda de Google en un sitio web"},"content":{"rendered":"<p>El cuadro de b\u00fasqueda de Google no es m\u00e1s que un formulario de b\u00fasqueda que permite a las personas encontrar contenido relacionado en su sitio web. En este art\u00edculo, estudiamos c\u00f3mo se puede agregar la b\u00fasqueda de Google en el sitio web. Hay algunos pasos a seguir. Seguimos paso a paso para agregar este cuadro de b\u00fasqueda.<\/p>\n<p>Antes de comenzar con la integraci\u00f3n, debemos enumerar los beneficios de usar la b\u00fasqueda de Google en el sitio web.<\/p>\n<ul>\n<li>Reduce la carga en su base de datos. Mientras el lector busca contenido, no se activar\u00e1 ninguna consulta en su base de datos para encontrar contenido relacionado. Google lo hace de forma inteligente rastreando un sitio web.<\/li>\n<li>Google nos permite integrar el dise\u00f1o de nuestro propio formulario de b\u00fasqueda. \u00bfC\u00f3mo? lo discutiremos en un momento.<\/li>\n<\/ul>\n<p>Si es un editor de Google Adsense, lea nuestro art\u00edculo sobre <a href=\"https:\/\/themewp.inform.click\/es\/como-agregar-el-cuadro-de-busqueda-de-google-adsense-en-un-sitio-web\/\" title=\"C\u00f3mo agregar el cuadro de b\u00fasqueda de Google Adsense en un sitio web\" >C\u00f3mo agregar el cuadro de b\u00fasqueda de Google Adsense en un sitio web<\/a>.<\/p>\n<p>La diferencia entre el cuadro de b\u00fasqueda de Adsense y el cuadro de b\u00fasqueda de Google es que, al usar el cuadro de b\u00fasqueda de Adsense, Google muestra anuncios junto con el resultado de la b\u00fasqueda. Estos anuncios le ayudan a ganar dinero con Adsense.<\/p>\n<p>Vuelva nuevamente a nuestro tema original, a continuaci\u00f3n se muestran los pasos a seguir para agregar el motor de b\u00fasqueda personalizado de Google en el sitio web.<\/p>\n<h3>Pasos para agregar el cuadro de b\u00fasqueda de Google<\/h3>\n<p><strong>Paso 1<\/strong>: Vaya a la p\u00e1gina del <a href=\"https:\/\/www.google.com\/cse\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">motor de b\u00fasqueda personalizado<\/a> e inicie sesi\u00f3n con su cuenta de 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=\"C\u00f3mo agregar el cuadro de b\u00fasqueda de Google en un sitio web\" ><\/a><\/p>\n<p><strong>Paso 2<\/strong>: Despu\u00e9s de iniciar sesi\u00f3n, lo redireccionar\u00e1 a una p\u00e1gina donde debe agregar su sitio web a una b\u00fasqueda. Agregue su nombre de dominio al campo Sitio para buscar. Al final, presione el bot\u00f3n CREAR.<\/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=\"C\u00f3mo agregar el cuadro de b\u00fasqueda de Google en un sitio web\" ><\/a><\/p>\n<p><strong>Paso 3<\/strong>: En la p\u00e1gina siguiente, deber\u00eda ver el mensaje de \u00e9xito. Desde aqu\u00ed, haga clic en Obtener c\u00f3digo.<\/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=\"C\u00f3mo agregar el cuadro de b\u00fasqueda de Google en un sitio web\" ><\/a><\/p>\n<p>El c\u00f3digo que obtiene tiene el cuadro de b\u00fasqueda y el resultado de la b\u00fasqueda en la misma p\u00e1gina. Eso significa que, cuando ingresa alguna palabra clave en el cuadro de b\u00fasqueda, una ventana emergente mostrar\u00e1 el contenido relacionado.<\/p>\n<p>Pero le recomendamos que no utilice este formato. En su lugar, opte por el dise\u00f1o de dos p\u00e1ginas. En este caso, puede colocar su cuadro de b\u00fasqueda en cualquier lugar del sitio web. Y para el resultado de la b\u00fasqueda, cree una p\u00e1gina separada donde desee mostrar el resultado final del contenido relacionado a los lectores.<\/p>\n<p>Para integrar este dise\u00f1o de dos p\u00e1ginas, siga los siguientes pasos.<\/p>\n<p><strong>Paso 4<\/strong>: haga clic en Apariencia en Configuraci\u00f3n. Seleccione la opci\u00f3n Dos p\u00e1ginas y haga clic en Guardar y obtener c\u00f3digo.<\/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=\"C\u00f3mo agregar el cuadro de b\u00fasqueda de Google en un sitio web\" ><\/a><\/p>\n<p><strong>Paso 5<\/strong>: obtenga su c\u00f3digo para el cuadro de b\u00fasqueda y el resultado de la b\u00fasqueda.<\/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=\"C\u00f3mo agregar el cuadro de b\u00fasqueda de Google en un sitio web\" ><\/a><\/p>\n<p><strong>Paso 6<\/strong>: El \u00faltimo paso que debe hacer es agregar la URL de la p\u00e1gina de b\u00fasqueda. Haga clic en los detalles del resultado de la b\u00fasqueda y pegue la URL de su p\u00e1gina de b\u00fasqueda como YOUR_DOMAIN \/ search.<\/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=\"C\u00f3mo agregar el cuadro de b\u00fasqueda de Google en un sitio web\" ><\/a><\/p>\n<p>Ahora, tiene un c\u00f3digo tanto para el cuadro de b\u00fasqueda como para el resultado de la b\u00fasqueda. Agregue el c\u00f3digo del cuadro de b\u00fasqueda en el lugar donde desea que aparezca su formulario de b\u00fasqueda. Y en su p\u00e1gina de b\u00fasqueda, pegue el c\u00f3digo del resultado de la b\u00fasqueda.<\/p>\n<p>Despu\u00e9s de agregar un c\u00f3digo de cuadro de b\u00fasqueda, ver\u00e1 un cuadro de b\u00fasqueda como la siguiente captura de pantalla.<\/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=\"C\u00f3mo agregar el cuadro de b\u00fasqueda de Google en un sitio web\" ><\/a><\/p>\n<p>Si est\u00e1 de acuerdo con este dise\u00f1o predeterminado, este es el final de este tutorial para usted. Pero si desea agregar su propio dise\u00f1o para el cuadro de b\u00fasqueda, siga leyendo.<\/p>\n<h3>Usar dise\u00f1o propio para el cuadro de b\u00fasqueda<\/h3>\n<p>Regrese al paso 6 y notar\u00e1 que especificamos el par\u00e1metro de consulta como &#8216;q&#8217; en el formulario de detalles del resultado de la b\u00fasqueda. Aprovecharemos esto para utilizar nuestro propio formulario de b\u00fasqueda.<\/p>\n<p>Cuando buscamos una palabra clave a trav\u00e9s del cuadro de b\u00fasqueda de Google, la URL de nuestro navegador ser\u00e1 como YOUR_DOMAIN \/ search? Q = YOUR_KEYWORD.<\/p>\n<p>Al integrar nuestro propio formulario de b\u00fasqueda, tenemos que seguir el mismo patr\u00f3n. Eso significa que nuestra URL de acci\u00f3n debe ser la p\u00e1gina de b\u00fasqueda y el nombre del cuadro de b\u00fasqueda debe ser &#8216;q&#8217;.<\/p>\n<p>A continuaci\u00f3n se muestra el ejemplo de un formulario de b\u00fasqueda.<\/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>Ahora, cuando busque cualquier palabra clave, lo redireccionar\u00e1 a la p\u00e1gina de b\u00fasqueda donde Google muestra el contenido relacionado por palabra clave.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfEst\u00e1 buscando agregar el cuadro de b\u00fasqueda de Google en su sitio web? En este art\u00edculo, le mostramos una gu\u00eda paso a paso sobre c\u00f3mo utilizar el cuadro de b\u00fasqueda de Google en el sitio 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":[410],"tags":[849],"class_list":["post-27415","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diverso","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/27415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=27415"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/27415\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/20693"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=27415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=27415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=27415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}