Der Suchbereich in der Kopfzeile „funktioniert“ insofern, als dass er gestaltet ist und man ihn öffnen und schließen kann und all das. Aber er sucht noch nichts. Das ist ziemlich wichtig, oder?
Auf dieser Seite verwenden wir Google Custom Search Engines, um den Inhalt zu durchsuchen. WordPress hat eine integrierte Suche, aber sie ist nicht sehr gut. Sie gleicht nur Zeichenfolgen ab und listet das Gefundene in der Reihenfolge auf. Es gibt keine der schicken Funktionen, die Google bietet: Suchlogik, automatische Korrektur von Rechtschreibfehlern, Ermittlung der Absicht und vor allem die Anzeige der relevantesten Ergebnisse zuerst.
Wir werden also GCSE verwenden, und dafür müssen wir einiges einrichten. Wir gehen in den Admin-Bereich zur Erstellung und erstellen eine von Grund auf. Wir werden die kostenlose Version verwenden. Nicht weil ich überall auf meiner Suche Werbung haben möchte (das möchte ich nicht), sondern weil die kostenpflichtige Version für eine Website dieser Größe unerschwinglich ist. Entweder zahle ich Tausende im Monat für werbefreie Suche oder ich verdiene ein paar Dollar mit Werbung bei der Suche und erhalte die Suchfunktion kostenlos. Eine klare Sache.
Die erste, die wir erstellen, ist eine vollständige Website-Suche, sodass wir sie so einrichten, dass sie „css-tricks.com“ durchsucht.
Dann erhalten wir den Code, den GCSE uns gibt, um ihn auf der Website einzufügen, damit die Suche funktioniert. Wir müssen ein wenig graben, um die Option zu finden, die nur Suchergebnisse anzeigt und bei der Sie Ihr eigenes Suchformular „mitbringen“. Das ist definitiv etwas für uns, da wir unser Suchformular bereits gestaltet haben und es so mögen, wie es ist.
Wir haben eine spezielle Seitenvorlage nur für Suchergebnisse. Wir bringen diese Vorlage in Form und zeigen die Dinge an, die wir anzeigen möchten.
Dann erstellen wir weitere benutzerdefinierte Suchmaschinen. Das ist eine etwas hackelige Methode, um das zu erreichen, was wir wollen: die Möglichkeit, nach Belieben nur Unterabschnitte der Website zu durchsuchen. Eine zweite CSE erstellen wir nur für die Suche nach „css-tricks.com/forums/“. Dann erstellen wir eine andere Seite für Suchergebnisse, speziell für die Forensuche (/search-results/forums/), aber wir verwenden dieselbe Vorlage. Auf dieser Seite platzieren wir den Code von CSE für diese neue, eingeschränktere Suchmaschine.
Wir müssen nur dafür sorgen, dass die Benutzer irgendwie zur richtigen gelangen...
Hallo Chris,
Ich genieße die Videos, aber ich denke, der Name dieser Datei ist falsch.
Danke
Behoben!
Ich habe bisher nur die Hälfte dieses Videos geschafft, aber wenn man mit CSS das Aussehen der Ergebnisse ändern kann, könnte man dann die Anzeigen auf „display: none“ setzen, um den Inhalt Ihrer Website nach oben zu verschieben?
Ich schätze, das ist ethisch gesehen etwas schäbig, aber das ist es auch, Tausende von Dollar pro Jahr für werbefreie Websuche zu verlangen....
Nur ein kleiner Tipp zu Anzeigen in der kostenlosen Version von GCSE: Wenn Sie an einer Website für eine „gemeinnützige Organisation, Universität oder Regierungsbehörde“ arbeiten (wie ich), erlaubt Ihnen Google, kostenlose GCSE ohne Anzeigen auf der Ergebnisseite zu verwenden. Ich denke, das macht die Verwendung von GCSE in diesen Situationen fast zu einer klaren Sache.
Ich bin mir nicht sicher, ob das wichtig ist, aber bei der Einrichtung Ihres AdSense-Kontos für die globalen Suchergebnisse haben Sie nicht auf „Senden“ geklickt, aber für die Foren-Suchergebnisse schon.
Ach so! Jetzt funktioniert es, soweit ich das beurteilen kann. Wenn es ein Fehler war, habe ich ihn wahrscheinlich „vor laufender Kamera“ behoben. Aber scharfer Blick =)
Würde auch die Änderung des Namens des Formulars (q) funktionieren, zum Beispiel wenn Sie die Foren durchsuchen möchten, dann wäre der `q` ein `f` oder so etwas? Und Sie hätten einfach alle Google-Such-JavaScript auf der Seite `search-results`?