{"id":23933,"date":"2021-05-08T17:56:00","date_gmt":"2021-05-08T14:56:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23933"},"modified":"2021-10-18T02:45:55","modified_gmt":"2021-10-17T23:45:55","slug":"so-fuegen-sie-ein-google-suchfeld-auf-einer-website-hinzu","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-fuegen-sie-ein-google-suchfeld-auf-einer-website-hinzu\/","title":{"rendered":"So f\u00fcgen Sie ein Google-Suchfeld auf einer Website hinzu"},"content":{"rendered":"<p>Das Google-Suchfeld ist nichts anderes als ein Suchformular, mit dem Nutzer verwandte Inhalte auf Ihrer Website finden k\u00f6nnen. In diesem Artikel untersuchen wir, wie man die Google-Suche in die Website einf\u00fcgen kann. Es sind einige Schritte zu befolgen. Wir gehen Schritt f\u00fcr Schritt durch, wie dieses Suchfeld hinzugef\u00fcgt wird.<\/p>\n<p>Bevor wir mit der Integration beginnen, sollten wir die Vorteile der Verwendung der Google-Suche auf der Website auflisten.<\/p>\n<ul>\n<li>Es reduziert die Belastung Ihrer Datenbank. W\u00e4hrend der Leser nach Inhalten sucht, wird keine Abfrage in Ihrer Datenbank ausgel\u00f6st, um verwandte Inhalte zu finden. Google tut dies auf intelligente Weise, indem es eine Website crawlt.<\/li>\n<li>Google erm\u00f6glicht es uns, das Design unseres eigenen Suchformulars zu integrieren. Wie? werden wir gleich besprechen.<\/li>\n<\/ul>\n<p>Wenn Sie ein Google Adsense-Publisher sind, lesen Sie bitte unseren Artikel <a href=\"https:\/\/themewp.inform.click\/de\/so-fuegen-sie-das-google-adsense-suchfeld-auf-einer-website-hinzu\/\" title=\"zum Hinzuf\u00fcgen eines Google Adsense-Suchfelds auf einer Website\" >zum Hinzuf\u00fcgen eines Google Adsense-Suchfelds auf einer Website<\/a>.<\/p>\n<p>Der Unterschied zwischen dem Adsense-Suchfeld und dem Google-Suchfeld besteht darin, dass Google bei der Verwendung des Adsense-Suchfelds Werbung zusammen mit dem Suchergebnis anzeigt. Diese Anzeigen helfen Ihnen, mit Adsense Geld zu verdienen.<\/p>\n<p>Kommen Sie noch einmal zu unserem urspr\u00fcnglichen Thema. Nachfolgend finden Sie die Schritte, die Sie befolgen m\u00fcssen, um die benutzerdefinierte Google-Suchmaschine auf der Website hinzuzuf\u00fcgen.<\/p>\n<h3>Schritte zum Hinzuf\u00fcgen des Google-Suchfelds<\/h3>\n<p><strong>Schritt 1<\/strong>: Gehen Sie zur Seite der <a href=\"https:\/\/www.google.com\/cse\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">benutzerdefinierten Suchmaschine<\/a> und melden Sie sich mit Ihrem Google-Konto an.<\/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=\"So f\u00fcgen Sie ein Google-Suchfeld auf einer Website hinzu\" ><\/a><\/p>\n<p><strong>Schritt 2<\/strong>: Nach der Anmeldung werden Sie zu einer Seite weitergeleitet, auf der Sie Ihre Website zu einer Suche hinzuf\u00fcgen m\u00fcssen. Geben Sie Ihren Domainnamen in das Feld Site to search ein. Dr\u00fccken Sie am Ende den CREATE-Button.<\/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=\"So f\u00fcgen Sie ein Google-Suchfeld auf einer Website hinzu\" ><\/a><\/p>\n<p><strong>Schritt 3<\/strong>: Auf der n\u00e4chsten Seite sollten Sie die Erfolgsmeldung sehen. Klicken Sie hier auf den Code abrufen.<\/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=\"So f\u00fcgen Sie ein Google-Suchfeld auf einer Website hinzu\" ><\/a><\/p>\n<p>Der Code, den Sie erhalten, enth\u00e4lt das Suchfeld und das Suchergebnis auf derselben Seite. Das hei\u00dft, wenn Sie ein Stichwort in das Suchfeld eingeben, zeigt ein Popup den zugeh\u00f6rigen Inhalt an.<\/p>\n<p>Wir empfehlen jedoch, dieses Format nicht zu verwenden. Entscheiden Sie sich stattdessen f\u00fcr ein zweiseitiges Layout. In diesem Fall k\u00f6nnen Sie Ihr Suchfeld \u00fcberall auf der Website platzieren. Und f\u00fcr Suchergebnisse erstellen Sie eine separate Seite, auf der Sie den Lesern das Endergebnis verwandter Inhalte anzeigen m\u00f6chten.<\/p>\n<p>Um dieses zweiseitige Layout zu integrieren, folgen Sie den n\u00e4chsten Schritten.<\/p>\n<p><strong>Schritt 4<\/strong>: Klicken Sie unter Setup auf das Aussehen und Verhalten. W\u00e4hlen Sie die Option Zwei Seiten und klicken Sie auf Save &#038; Get 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=\"So f\u00fcgen Sie ein Google-Suchfeld auf einer Website hinzu\" ><\/a><\/p>\n<p><strong>Schritt 5<\/strong>: Holen Sie sich Ihren Code f\u00fcr das Suchfeld und das Suchergebnis.<\/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=\"So f\u00fcgen Sie ein Google-Suchfeld auf einer Website hinzu\" ><\/a><\/p>\n<p><strong>Schritt 6<\/strong>: Der letzte Schritt ist das Hinzuf\u00fcgen der Suchseiten-URL. Klicken Sie auf die Suchergebnisdetails und f\u00fcgen Sie die URL Ihrer Suchseite wie YOUR_DOMAIN\/search ein.<\/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=\"So f\u00fcgen Sie ein Google-Suchfeld auf einer Website hinzu\" ><\/a><\/p>\n<p>Jetzt haben Sie Code f\u00fcr das Suchfeld und das Suchergebnis. F\u00fcgen Sie den Suchfeldcode an der Stelle hinzu, an der Ihr Suchformular erscheinen soll. F\u00fcgen Sie auf Ihrer Suchseite den Code f\u00fcr das Suchergebnis ein.<\/p>\n<p>Nachdem Sie einen Suchfeldcode hinzugef\u00fcgt haben, sehen Sie ein Suchfeld wie unten im Screenshot.<\/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=\"So f\u00fcgen Sie ein Google-Suchfeld auf einer Website hinzu\" ><\/a><\/p>\n<p>Wenn Sie mit diesem Standardlayout zufrieden sind, ist dies das Ende dieses Tutorials f\u00fcr Sie. Wenn Sie jedoch Ihr eigenes Layout f\u00fcr das Suchfeld hinzuf\u00fcgen m\u00f6chten, lesen Sie bitte weiter.<\/p>\n<h3>Eigenes Layout f\u00fcr Suchfeld verwenden<\/h3>\n<p>Gehen Sie zur\u00fcck zu Schritt 6 und Sie werden feststellen, dass wir den Abfrageparameter im Detailformular f\u00fcr die Suchergebnisse als &#8218;q&#8216; angegeben haben. Dies werden wir f\u00fcr die Nutzung unseres eigenen Suchformulars nutzen.<\/p>\n<p>Wenn wir \u00fcber das Google-Suchfeld nach einem Schl\u00fcsselwort suchen, lautet unsere Browser-URL YOUR_DOMAIN\/search?q=YOUR_KEYWORD.<\/p>\n<p>Bei der Integration unseres eigenen Suchformulars m\u00fcssen wir dem gleichen Muster folgen. Das hei\u00dft, unsere Aktions-URL sollte die Suchseite sein und der Name des Suchfelds sollte &#8218;q&#8216; sein.<\/p>\n<p>Unten sehen Sie das Beispiel eines Suchformulars.<\/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>Wenn Sie nun nach einem beliebigen Schl\u00fcsselwort suchen, wird es auf die Suchseite umgeleitet, auf der Google den zugeh\u00f6rigen Inhalt nach Schl\u00fcsselwort anzeigt.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>M\u00f6chten Sie Ihrer Website ein Google-Suchfeld hinzuf\u00fcgen? In diesem Artikel zeigen wir Ihnen Schritt f\u00fcr Schritt, wie Sie das Google-Suchfeld auf der Website verwenden.<\/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":[411],"tags":[845],"class_list":["post-23933","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sonstig","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/23933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=23933"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/23933\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/20693"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=23933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=23933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=23933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}