Google Chrome logo
Google Chrome logo

Heb je wel eens in Google Chrome of Chromium de term “Druk op Tab om te zoeken” gezien in de adresbalk? Dit verschijnt soms als je een site-URL invoert. Dit is handig deze site met Google te doorzoeken. Eigenlijk hetzelfde alsof je in Google zoekt met de term “site:” en dan de site-URL. Maar is het mogelijk om dit voor je eigen site te maken? Het antwoord is ja, en het is eenvoudig om te doen.

Dit artikel is gemaakt voor WordPress sites, maar je kan hetzelfde doen met een ander CMS alleen de PHP-bestanden zijn verschillend.

Het creëren van het “Open Search Description” bestand

Maak eerst in de root van je website, het bestand opensearchdescription.xml (in dezelfde map als je wp-config.php bestand). Dit kun je doen met een FTP client of je ISP-manager tool. De opensearchdescription.xml bestand bevat:

<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>Je Website Naam</ShortName>
<Description>Use Google to search Je Website Naam</Description>
<Url type="text/html" template="http://www.google.com/search?q=site:www.voorbeeld.nl {searchTerms}"/>
</OpenSearchDescription>

Vervang het vetgedrukte gedeelte met “Je website Naam” met de naam van uw website. Vervang het vetgedrukte gedeelte met “www.voorbeeld.nl” met de domeinnaam van je website.

Als je het volgende link type toevoegd aan de van je website, dan zal Google Chrome of een andere browser dit detecteren en de “Tab om Search”-functie activeren.

<link type="application/opensearchdescription+xml" rel="search" href="http://www.voorbeeld.nl/opensearchdescription.xml"/>

Vervang het vetgedrukte gedeelte “www.voorbeeld.nl met de domeinnaam van je website.

Om dit link type in Wordpress aan je site to te voegen, doe het volgende:

  • Log in op je WordPress admin pagina
  • Ga naar menu: Appearance-> Editor
  • Klik op Header om het header.php bestand te openen
  • Zoek naar “<?php wp_head (); ?>”
  • Kopieer de bovenste link type regel net boven de <?php wp_head (); ?> functie

In mijn geval ziet dit deel van het header.php bestand er als volgt uit:

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link type="application/opensearchdescription+xml" rel="search" href="/opensearchdescription.xml"/>
<?php wp_head(); ?>
</head>
<body>

Achtergrond informatie

Chromium.org/tab-to-search Opensearch.org/Specifications/OpenSearch/1.1