Als u een website of een blog gebruikt, heeft u waarschijnlijk een zoekvak waarmee uw lezer naar inhoud op uw site kan zoeken. WordPress wordt geleverd met een eigen zoekfunctie en zoekformulier. Het werkt goed, behalve dat het vrij eenvoudig is en ingewikkelde zoekfuncties niet aankan. Een goed alternatief voor de standaard WordPress-zoekopdracht is om deze te vervangen door een Google Custom Search Engine (GCSE).

Het voordeel van het toevoegen van een Google Custom Search Engine

Als u niet op de hoogte bent, is de Google Custom Search Engine een service van Google waarmee iedereen een aangepaste zoekmachine kan maken. De backend wordt mogelijk gemaakt door de Google searchbot, maar u kunt de zoekresultaten die worden weergegeven aanpassen.

Aangezien de zoekmachine wordt gehost bij Google, is het belangrijkste voordeel van het gebruik van een GCSE dat u uw server wat minder kunt belasten en uw bezoekers een betere zoekervaring kunt bieden. Bovendien kunt u uw Google Analytics en Google Adsense ook integreren in de aangepaste zoekmachine en bijhouden wat uw bezoekers zoeken en tegelijkertijd wat extra inkomsten genereren.

Ermee beginnen

Kortom, dit is wat we gaan doen.

1. Maak een Google Custom Search Engine (GCSE).
2. Pas je GCSE aan.
3. Integreer met uw WordPress-site

1. Maak een Google Custom Search Engine (GCSE)

Ga naar Google Aangepast zoeken en klik op de grote knop 'Een aangepaste zoekmachine maken'. U moet inloggen op uw Google-account.

Geef uw aangepaste zoekmachine een naam en beschrijving. Voer in het veld "Sites om te zoeken" " www.yourdomain.com/* " in als u alleen wilt dat alle pagina's van het hoofddomein beschikbaar zijn. Voor degenen die ook subdomeinen wilden opnemen, gebruik in plaats daarvan ' domain.com ' of ' * .uwdomein.com '.

Als u niet van plan bent om voor de aangepaste zoekmachine te betalen, selecteert u de standaardeditie. De editie "Site search" kost $ 100 per jaar en u kunt hiermee Google-merknamen en advertenties verwijderen.

De volgende stap is om het uiterlijk van de GCSE aan te passen. U kunt kiezen uit elk sjabloon of de standaardstijl aanpassen aan uw eigen stijl. Dingen die u kunt aanpassen, zijn de lettertypefamilie, achtergrondkleur, kleur voor zoekinvoer, kleur van het zoekresultaat en vele andere dingen.

Ten slotte wordt een reeks code weergegeven die u moet kopiëren en plakken naar de plaats waar u het GCSE wilt laten verschijnen. We gaan dit voorlopig negeren omdat we meer aanpassingen aan de aangepaste zoekmachine zullen toevoegen.

2. De Google Custom Search Engine aanpassen

Ga naar het configuratiescherm voor Aangepast zoeken en selecteer uw zojuist gemaakte aangepaste zoekmachine.

Er zijn veel dingen die u hier kunt configureren. U kunt uw tijd nemen om de optie een voor een te bekijken. Enkele van de belangrijkste zijn: Autocompletions, Google Analytics, Money verdienen en Look and feel. U kunt zelfs naar de details gaan en de resultaten verfijnen om op de resultatenpagina te verschijnen

Opmerking : de eenvoudigste manier is om de code aan uw thema toe te voegen waar u deze wilt laten verschijnen. In sommige gevallen kan het zoekformulier echter mogelijk niet goed integreren met uw thema. Een alternatief dat we voorstellen is om het zoekvak in uw thema aan te passen en ervoor te zorgen dat dit het zoekresultaat van Google weergeeft.

Klik op de link "Zien en aanvoelen" in de linkerzijbalk. Selecteer 'Alleen resultaten' in het gedeelte 'Een lay-out kiezen'.

Druk vervolgens op de knop "Opslaan en code ophalen". Kopieer de code.

3. Integreer het zoekresultaat op uw WordPress-site

Log in op uw WordPress-dashboard en installeer (en activeer) de plug-in "WP Unformatted".

Maak vervolgens een nieuwe pagina. Noem de pagina "Zoekresultaat" (of welke titel dan ook die u aan uw lezer wilt laten zien). Ga in de teksteditor naar HTML-modus en plak de GCSE-code erin. Sla de pagina op (als u WP-multisite gebruikt, moet u de ongefilterde MU-plug-in installeren zodat beheerders en editors code kunnen invoegen in post / pagina).

Belangrijk : voeg een nieuw aangepast veld "spons" toe (zonder het citaat) en stel de waarde in op "1" (zonder het citaat).

Publiceer de pagina. Kopieer de permalink van deze pagina met zoekresultaten.

Vervolgens moet je de themamap openen en zoeken naar de code van het zoekformulier. De standaard bevindt zich in het bestand " searchform.php ", maar als u het bestand daar niet vindt, zoek het dan op in " header.php ".

De standaard zoekformuliercode zou er als volgt uit moeten zien (op basis van het TwentyEleven-thema):

U moet het volgende vervangen:

 action ="  "

met

 action = "your-nieuw opgerichte-search-resultaat-pagina-permalink"

het vervangen van " uw-nieuw-aangemaakte-zoek-resultaat-pagina-permalink " met de permalink die u eerder hebt gekopieerd.

Wijzig vervolgens het veld:

naar

de name="s" door name="q"

Sla de wijzigingen op uw server op.

Uw aangepaste zoekmachine zou nu moeten werken. Voer een zoekopdracht uit op uw site en bekijk de aangepaste zoekresultaten.

Als u echter de optie "Twee pagina's" op de GCSE Look and Feel-pagina hebt gekozen, kunt u de bovenstaande methode gebruiken om een ​​pagina met zoekresultaten te maken, maar de code van het zoekformulier toevoegen aan het themabestand waar u het wilt laten verschijnen, waarschijnlijk in het zijbalk- / widgetgebied.

Bovendien moet u de optiepagina van de GCSE bijwerken met de pagina met zoekresultaten permalink, zodat de zoekopdracht correct kan worden omgeleid naar de juiste URL.