Suchergebnisse nach Relevanz auf WebDesign in de

Die Suchergebnisse versuchte ich benutzerfreundlicher zu gestalten, indem ich WP Plugins nutzte, die das Ergebnis nach Relevanz ordnen und gleichzeitig das Suchwort hervorheben.

Ansicht der Suchergebnisse

WordPress hat die Angewohnheit die Suchergebnisse ebenfalls nach dem Veröffentlichungsdatum anzuzeigen. Außerdem durchsucht es nur Artikel. Keine statischen Seiten, keine benutzerdefinierten Felder und keine individuellen Auszüge, so man diese getippt hat.

Search everything

Dieses WP Plugin hat eine Konfigurationsseite und so kann man einstellen was WordPress durchsuchen soll. Search everything ist von Dan Cameron.

Damit lasse ich alles – bis auf private Seiten- durchsuchen. Ich habe zwar derzeit keine, doch wer weiß und “privat” soll “privat” bleiben.

Relevante Textstellen anzeigen

Mit dem WP Plugin Search Excerpt kann man die relevanten Textstellen anzeigen. Somit sieht der Suchende besser, ob das Suchergebnis auch wirklich das ist wonach er suchte.

Search Excerpt ist von Scott Yang.

Die Datenbank suchen lassen und nicht WordPress

Mit Search Everything schafft man WordPress an “was” es durchsuchen soll und mit Search Reloaded “wie” es durchsucht wird. Das WP Plugin Search Reloaded nimmt die Volltextsuche der Datenbank und es kommt von Semiologic.

Dies kann auch zur Folge haben, dass man HTML oder CSS sieht, wenn darin das Suchwort vorkommt.

The_title ebenfalls hervorheben

Nun würde alles gefunden und hervorgehoben, aber nicht, wenn es im Artikeltitel vorkommt. Damit auch dies berücksichtigt wird, kann man im Template search.php folgendes machen.

  while (have_posts()) : the_post(); 
	$title 	= get_the_title();
	$keys= explode(" ",$s);
	$title 	= preg_replace('/('.implode('|', $keys) .')/iu',
		'<strong class="search-excerpt">\0</strong>',
		$title);

Nun nach dem Template Tag

<?php the_title(); ?>

suchen und den so abändern:

<?php echo $title; ?>

Hat das verwendete Theme keine search.php einfach die archive.php oder index.php als search.php abspeichern.

Das CSS anpassen

Die style.css des verwendeten Themes öffnen und an einer Stelle, die man selber wiederfindet folgendes ergänzen und die Farben passend ändern:

/*-----suchergebnisse---*/
strong.search-excerpt{
background-color:#2e5b7d;
color:#fff;
padding:2px 3px;}

Das war es. 3 Plugins aktiviert. Minimale Veränderungen in einem Template und in der style.css und schon sind die Suchergebnisse

1. relevanter und
2. sicher benutzerfreundlicher, dies kann
3. bewirken, dass die Besucher gerne länger bleiben.

Weitersagen ausdrücklichst erwünscht, mts

Basis Know-how CSS
Internetmarketing

Top

2 zu : Suchergebnisse nach Relevanz auf WebDesign in de

2 Kommentare

Seneschall

1
Insbesondere “Search Excerpt” gefällt mir sehr gut, danke für den Hinweis, denn oft ist es eher mühsam in längeren Einträgen die relevanten Textstellen zu finden, besonders wenn man es etwas eilig hat, der Text lang und unübersichtlich ist.

13.09.08 um 20:00
cywhale

2
Sehr interessanter Artikel, insbesondere Search Reloaded kannte ich noch nicht. Da ich im Moment meine Suchfunktion im Zuge einer Seiten-Runderneuerung etwas verfeinern möchte kommen mir diese Hinweise sehr gelegen, danke dafür.

30.09.08 um 20:50