Sidebar
ein-/ausblenden

OpenSearch - Suchfeld für Mozilla und Internet Explorer mit WordPress anbieten

Plugin für WordPress SEO

Anzeige

Mittlerweile hat sich das Suchfeld im Browser gemausert und selbst der IE unterstützt das offene OpenSearch-Format. Was aber daran so toll ist und warum man es ganz einfach mit WordPress nutzen kann sind zwei Aspekte: WordPress bringt die Suchoption schon mit und OpenSearch ist ganze einfach mit einem XML konfigurierbar.

Suchfeld im IE

Damit die Browser wissen, dass euer Blog das Suchfeld unterstützt, ist lediglich ein Link im Theme und eine XML-Datei auf dem Server zu hinterlegen. Also, wertet euren Weblog auf mit ein klein wenig Arbeit und ohne ein Plugin.

Der folgenden Code erklärt es, denke ich. Dabei habe ich alle Inhalte auf meinen Blog bezogen. Passt den Syntax an und ebenso die Adressen zu Favicon und XML-Datei.

Nach dem Ihr die beiden neuen Dateien hochgeladen habt (favicon.ico und os.xml) fügt den Link in die header.php eures Themes ein. Wenn ihr die os.xml auch auf Root liegt, dann könnt Ihr den Code direkt übernehmen. Danach gibt es im Firefox und Internet Explorer die Möglichkeit euren Blog in das Suchfeld zu integrieren.

Suchfeld im FF

Die Deklaration jedes XML-Tags ist auf der Seite von OpenSearch sehr schön dokumentiert.

für den head-Bereich im template - header.php:


<link rel="search" type="application/opensearchdescription+xml" title="<?php bloginfo('name'); ?>" href="<?php bloginfo('url'); ?>/os.xml" />

die XML-Datei:

Code kopieren, anpassen und speichern als os.xml, dann auf euren Webspace kopieren.


<<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
	<ShortName>bueltge.de [by:ltge.de]</ShortName>
	<Description>Use bueltge.de to search on blog.</Description>
	<Url type="text/html" method="get" template="http://bueltge.de/?s={searchTerms}"></Url>
	<Contact>info@bueltge.de</Contact>
	<LongName>bueltge.de [by:ltge.de] Weblog Search</LongName>
	<Image height="16" width="16" type="image/x-icon">http://bueltge.de/favicon.ico</Image>
	<Tags>Weblog WordPress Webdevelopment</Tags>
	<Url type="application/atom+xml" template="http://bueltge.de/?q={searchTerms}&amp;pw={startPage?}&amp;format=atom"/>
	<Url type="application/rss+xml" template="http://bueltge.de/?q={searchTerms}&amp;pw={startPage?}&amp;format=rss"/>
	<Url type="text/html" template="http://bueltge.de/?q={searchTerms}&amp;pw={startPage?}"/>
	<Query role="example" searchTerms="blog"/>
	<Developer>Frank Bueltge</Developer>
	<Attribution>
	    Search data Copyright 2007, bueltge.de [by:ltge.de], All Rights Reserved
	</Attribution>
	<SyndicationRight>open</SyndicationRight>
	<AdultContent>false</AdultContent>
	<Language>de-DE</Language>
	<OutputEncoding>UTF-8</OutputEncoding>
	<InputEncoding>UTF-8</InputEncoding>
</OpenSearchDescription>

15 Kommentare und 12 Trackbacks zu „OpenSearch - Suchfeld für Mozilla und Internet Explorer mit WordPress anbieten“

  1. 1
    Kommentar von Denny

    Herzlichen Dank für das Tutorial. Ich habe mich schon immer gefragt, wie die das bei http://mycroft.mozdev.org/ gemacht haben.

  2. 2
    Kommentar von Nils

    hm, bei mir geht das irgendwie nicht. Ich habe die Links umgeschrieben und das genau so in den Header eingefügt.

    Muss man das im Firefox erst konfiguieren, das er die suche anzeigen soll, wenn eine verfügbar ist?

  3. 3
    Kommentar von Frank Bültge

    @Nils: nein. Cache leeren und mal IE7 zum zusätzlichen Testen nutzen.

  4. 4
    Kommentar von Wolfgang

    Auch ich habe eigentlich alles so abgetippt und mit IE7 funktioniert es, mit Firefox jedoch nicht. Woran könnte es noch liegen?

  5. 5
    Kommentar von Frank Bültge

    Es liegt an dem Link im Header. FF ist nicht so tolerant wie IE. Der type muss klein geschrieben sein - application/opensearchdescription+xml - auch das xml!
    LG Frank

  6. 6
    Kommentar von Wolfgang

    Ahja, sehr schön, jetzt geht's. Aber noch eine Kleinigkeit, die auch bei bueltge.de auftritt: Ist die Suche noch nicht hinzugefügt, dann ist das angezeigte Icon unten im Dropdown im FF gestreckt dargestellt (32*16) statt 16*16.

  7. 7
    Kommentar von Frank Bültge

    Bei mir in FF 2.0.0.2 wird 32x32 dargesetllt, obwohl ich 16x16 im XML angebe. Siehe obiges Bild. Da aber die Vereinbarung im XMl 16x16 ist, vermute ich mal einen Bug im FF.

  8. 8
    Kommentar von Nils

    Ah, danke Frank. An dem großen XML lag es.

    Gruß Nils

  9. 9
    Kommentar von Micha

    Tolles Tutorial,Danke Frank !
    Auf was du so alles kommst .... :-)

  10. 10
    Kommentar von Dominik

    Die Sache finde ich gut. Nur: Wie merkt ein User, dass er auf deiner Seite die Suchfunktionintegrieren kann? Wäre es nicht toll, wenn man auf der Seite (zum Beispiel im Sidebar) etwas anklicken könnte udn dann ist die Bültge-Suche eingebaut?

  11. 11
    Kommentar von Frank Bültge

    Danke für die Blumen!

    @Dominik: das merkt er, weil das Suchfeld im Browser die Darb ändert. Das Icon des bestehenden Suchfeldes wird "hellblau".

  12. 12
    Trackback von BloggingTom
  13. 13
    Pingback von OpenSearch - Browser Suchfeld erweitern - Andib
  14. 14
    Kommentar von Dominik

    Danke für den Hinweis. Das fällt mir erst jetzt auf. Einen Button "Bültge-Suche in Firefox aufnehmen" oder so ähnlich fände ich sicherlich attraktiver.

  15. 15
    Kommentar von Frank Bültge

    @Dominik: Eine Möglichkeit dazu hatte ich schonmal mit Hilfe von JS aufgezeigt - Suchplugin für Mozilla mit JS.

  16. 16
    Pingback von Basis Theme für WordPress | bueltge.de [by:ltge.de]
  17. 17
    Pingback von The Tryary WS » Internet Explorer- bzw. Mozilla-Suchfeld-Plugin für die eigene Webseite
  18. 18
    Pingback von Ernstzunehmender Google Konkurrent? | daheads blog²
  19. 19
    Pingback von OpenSearch Suche für WordPress und PHP.net | bueltge.de [by:ltge.de]
  20. 20
    Pingback von Wordpress Plugins/Module und andere Spielereien [5] » Neunzehnhundert.org :: Neue Introspektiven
  21. 21
    Pingback von Bloghelfer » Blog Archive » OpenSearch Plug-In
  22. 22
    Pingback von volkers freunde » Blog Archive » Opensearch in 5 Minuten
  23. 23
    Pingback von Fixed Blue Theme für WordPress | bueltge.de [by:ltge.de]
  24. 24
    Pingback von Noch was für die Suche » Cowboy's Weblog
  25. 25
    Pingback von Affenheimtheater: Suchmaschinen Plugin für Firefox | Affenheimtheater | blog.affenheimtheater.de
  26. 26
    Kommentar von Simon

    Will mir jetzt ein paar DSL Blogs mit Wordpress machen. Finde die Idee hier super

  27. 27
    Kommentar von Peter

    Tolles Tutorial,Danke Frank !

Überlastung, Kommentare sind vorübergehend geschlossen

Ich bin urlaubsreif, ersticke in Arbeit und damit auch für die Leser des Weblogs nicht zu erreichen. Bitte geduldet euch ein wenig mit Supportanfragen.
Leider muss ich die Kommentarfunktion deaktivieren, ansonsten würde ich weiter in Arbeit ersticken oder die Anfragen nicht nach bestem Gewissen beantworten.

Vielen Dank für das Verständnis!