Développement de la boîte de recherche: 5 façons d’ajouter une boîte de recherche sur votre site Web

Dans nos précédents articles sur Introduction à la recherche de sites Web et Conception de la boîte de recherche, nous avons souligné l’importance de la barre de recherche pour une expérience utilisateur améliorée, le placement idéal pour la barre & bien plus encore. Maintenant que nous avons établi le pourquoi et le comment concevoir, jetons un coup d’œil au comment développer dans la troisième partie & finale de la série de boîtes de recherche. Dans ce post, nous allons couvrir:

  • Utilisation de la recherche personnalisée Google
  • Utilisation de moteurs de recherche tiers
  • Ajout d’un script de recherche
  • Personnalisation de moteurs de recherche tiers – Lucene
  • Plates-formes construites sur Lucene

1) Utilisation de la recherche personnalisée Google

L’un des moyens les plus simples d’ajouter une zone de recherche sur votre site Web consiste à ajouter une « Recherche personnalisée Google ». Le moteur de recherche remplit efficacement la fonction d’aider vos visiteurs à trouver ce qu’ils recherchent avec des résultats pertinents et de haute qualité. La recherche utilise des améliorations, des promotions auto-complètes & pour améliorer l’expérience de recherche.

De plus, la recherche vous donne accès à Google Analytics pour vous aider à comprendre le comportement des utilisateurs.

Vous pouvez trouver l’intégralité du tutoriel ici. L’outil est un fichier JavaScript chargé et exécuté à partir du site de Google. Vous pouvez appliquer vos propres styles CSS à la boîte.

 Recherche personnalisée Google

Avantages de la recherche personnalisée Google:

  • C’est gratuit
  • La version de recherche payante (sans publicité) est également très abordable
  • Vous pouvez personnaliser l’expérience de recherche
  • Nécessite une configuration minimale
  • Ne nécessite pas de maintenance des fichiers d’arrière-plan & plugins
  • Peut analyser les résultats de Google Analytics à améliorer la recherche

Inconvénients de la recherche personnalisée Google:

  • Ne se confond pas avec les conceptions de sites Web
  • Doc API Google. est compliqué

2) En utilisant des moteurs de recherche tiers

FreeFind comme Google Custom search offre des boîtes de recherche gratuites avec des annonces sponsorisées. Une version sans publicité vous coûtera 19 $ / an pour un site jusqu’à 25 000 pages. Le code HTML crée un formulaire (différent du fichier JavaScript qui alimente la boîte de recherche Google). Ceci est facile à configurer. Vous pouvez même exclure certaines de vos pages des résultats de recherche ou hiérarchiser l’ordre des résultats de recherche.

 Ajouter une boîte de recherche au site Web

Voici le code pour une boîte de recherche de recherche libre:

<!-- start of freefind search box html → <table width="400" border=0 cellpadding=0 cellspacing=0 > <tr> <td style="font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt;"> <form id="ffresult_sbox0" style="margin:0px; margin-top:4px;" action="http://search.freefind.com/find.html" method="get" accept-charset="utf-8" onsubmit="ffresults.show(0);"> <input type="hidden" name="si" value="1870143"> <input type="hidden" name="pid" value="r"> <input type="hidden" name="n" value="0"> <input type="hidden" name="_charset_" value=""> <input type="hidden" name="bcd" value="&#247;"> <input type="hidden" name="sbv" value="j1"> <input type="text" name="query" size="32" placeholder = "enter search text here" required> <br> <input type="submit" value="search"> <input type="reset" name="Reset" id="button" value="Reset"> </form> </td> </tr> <tr> <td style="text-align:left; font-family: Arial, Helvetica, sans-serif;font-size: 7.5pt; padding-top:4px;"> <a style="text-decoration:none; color:gray;" href="http://www.freefind.com" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" >site search by <span style="color: #606060;">freefind</span></a> <a id="ffresult_adv0" onclick="ffresults.show(0);" href="http://search.freefind.com/find.html?si=1870143&amp;pid=a&amp; sbv=j1">advanced</a> </td> </tr> </table>

Les autres services de recherche hébergés par des tiers incluent:

  • Atmoz
  • siteLevel
  • Jrank
  • Picosearch
  • Moteur de recherche Zoom
  • FusioNBot
  • Recherche Adobe & Promouvoir
  • SiteSearch Pro
  • Recherche sur le site Bravenet
  • SearchBlox

Avantages des scripts tiers:

  • Assez facile à configurer
  • Aucune connaissance obligatoire requise pour exécuter des scripts PHP & configurations

Inconvénients des scripts tiers:

  • Peut avoir des bannières publicitaires et des liens vers des sites d’entreprises tierces
  • Vous n’avez peut-être pas le contrôle total de la sortie de votre page de résultats de recherche comme vous le souhaitez en fonction de votre conception Web
  • Le moteur de recherche va rediriger votre site pour le réindexer, ajoutant à l’utilisation de la bande passante de votre site Web

3) Ajout d’un script au site Web

Une autre façon d’ajouter une barre de recherche à votre site Web consiste simplement à ajouter un script en PHP ou en Perl. En ajoutant un script, le code est hébergé sur le serveur et lorsque des données ou des informations saisies dans la barre sont envoyées, le moteur côté serveur exécute le script pour produire des résultats.

Certains scripts exécuteront une analyse avec l’ensemble de votre site Web chaque fois que la recherche est utilisée par le visiteur ou exploreront périodiquement votre site Web & créer un index de recherche qui est ensuite recherché chaque fois qu’un utilisateur entre une requête de recherche.

Avantages:

  • Facile à configurer
  • Reste à jour avec les dernières modifications sur le site Web
  • Le code n’est accessible à personne pour accéder aux répertoires Web afin de préserver la confidentialité
  • Aucune publicité tierce
  • Résultats de page personnalisables

Inconvénients de l’utilisation de scripts:

  • Peut prendre du temps à générer des résultats si le site Web est volumineux
  • Les scripts basés sur des index sont difficiles à maintenir en ce sens qu’il doit analyser périodiquement & mettre à jour l’index
  • Cela peut prendre un certain temps avant que le nouveau contenu n’apparaisse dans la recherche basée sur des index en fonction de la fréquence à laquelle l’analyse doit être exécutée & index mis à jour

Certains scripts Perl PHP & populaires sont:

  • Sphider
  • Lucy
  • Hotscripts

4) Personnalisation des moteurs de recherche tiers

Lucene est un moteur de recherche tiers intégré aux sites Web & entièrement personnalisable via l’API de recherche de site public pour prendre en charge les capacités de recherche sur les sites Web.

Les recherches des contributeurs sont exécutées avec un index de recherche alimenté par Lucene. Un index de recherche est construit par un processus automatisé appelé indexation qui collecte, stocke & les données d’accès dans un format facilement récupérable lors d’une requête. Les résultats sont disponibles en fonction des données disponibles dans l’index au moment de la recherche.

Une fois l’index construit, le moteur de recherche exécute un événement toutes les 30 secondes qui vérifie les modifications apportées aux actifs du type sélectionné pour l’indexation. Si des modifications ont été apportées, Lucene met à jour automatiquement l’index.

Les étapes de configuration de Lucene sont les suivantes :

Étape 1: Activation du moteur de recherche Lucene sur votre système

Étape 2: Ajout de types d’actifs à l’index de recherche qui indique à Lucene les actifs à indexer

Étape 3: Spécification des attributs pour que l’index des types d’actifs puisse être renvoyé par la fonction de recherche sur le site en direct

Étape 4: Activation de l’indexation des fichiers binaires en configurant Lucene pour convertir le contenu de ces fichiers en texte tout en indexant les actifs

Pour des informations plus détaillées sur la vue d’ensemble, la configuration et la maintenance des index de recherche, cliquez ici.

5) Plates-formes construites sur Lucene

Algolia est une plate-forme construite sur Lucene qui est idéale pour intégrer la recherche sur votre site Web. L’API fournie par le moteur de recherche fournit aux développeurs des ressources et des outils pour créer des recherches rapides & pertinentes.

La vaste documentation, les guides & communauté active facilitent le travail avec Algolia. Vous pouvez trouver la documentation ici.

 Recherche Algolia

Avantages d’Algolia:

  • Il prend en charge le développement complexe dans les coulisses qui accompagne la création de votre propre recherche

Conclusion

Leave a Reply

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.