Vervang WordPress Search door Google Custom Search

Google aangepaste zoekresultaten

Laten we eerlijk zijn, WordPress Zoeken is traag en zeer onnauwkeurig. Gelukkig is Google zowel razendsnel als nauwkeurig. Bovendien, Google's Google Custom Search is geëvolueerd om te worden ingebed in uw eigen blog (of website).

Permalinks en Google Aangepast zoeken

Voor een site met permalinks zoals de mijne, moest ik echter nog een extra wijziging aanbrengen. Ik moest de actie in de formuliertag relatief maken in plaats van de hele URL met domein te verstrekken.

<form action="/query/"...

Google Aangepast zoeken heeft nog een andere leuke functie ... het zal de aanbevolen afbeelding ophalen als uw site deze gebruikt en u kopteksten hebt geoptimaliseerd met microdata in overeenstemming met schema.org. Ik gebruik de Yoast WordPress SEO-plug-in om daarvoor te zorgen - en mijn site wordt bijgewerkt met aanbevolen afbeeldingen voor elk bericht.

Google aangepaste zoekresultaten

Maak een sjabloon voor een zoekresultaatpagina

In plaats van je thema te hacken of te knoeien met ingesloten Javascript in je pagina-inhoud, raad ik je ook aan een sjabloon te maken voor de Google Custom Search Results Page. Om dit te doen, bouwt u eenvoudig een pagina die is gestructureerd als uw themapagina met één pagina. Haal alle stukjes eruit die je niet nodig hebt en voer de Google-code in. Voeg een pagina toe aan je sjabloon en noem het zoiets als googlecse.php met de volgende code erin:

 Zoekresultaten: [Plaats uw Google Custom Search Results Code hier]

Als u nu een nieuwe pagina voor uw resultaten toevoegt, selecteert u deze als sjabloon:
paginasjabloon kiezen

Ik zou niet aarzelen om dit bij elke blog te doen - niet alleen voor de geweldige snelheidsverbetering, maar ook voor de relevante resultaten. Je kunt er zelfs een paar dollar aan verdienen! Neem zelf een kijkje en probeer mijn nieuwe zoekformulier eens uit! U zult niet teleurgesteld worden!

Eén opmerking: als je een thema gebruikt zoals de Twenty Eleven-thema, moet u het zoekveld css bijwerken met !important voor elk van de zoekveldstijlen, zodat u de look en feel behoudt! U moet ook de iframe CSS-breedte in uw stijlblad hard coderen (optioneel lijkt het instellen van de breedte in JavaScript geen invloed te hebben).

Een reactie

  1. 1

Wat denk je?

Deze site gebruikt Akismet om spam te verminderen. Ontdek hoe uw reactiegegevens worden verwerkt.