Étapes faciles pour ajouter une barre ou une boîte de recherche Google à votre site Web. Vous n’avez pas besoin de connaissances en codage pour suivre les étapes ci-dessous. Cette méthode fonctionne avec tous les principaux CMS tels que WordPress, Ghost, Drupal, Joomla, etc.

La recherche sur site sur n’importe quel site Web est une technologie cruciale car elle permet aux utilisateurs de rechercher du contenu sur votre site Web et aide à réorganiser votre stratégie de contenu pour faire correspondre le contenu de vos produits ou de votre blog à ce que les gens recherchent sur votre site Web. La raison pour laquelle la recherche Google est si populaire est qu’elle est facile à mettre en œuvre et qu’elle est également fiable. Il y a une autre raison pour laquelle les gens pourraient l’aimer ou le détester – les publicités. Oui, la recherche Google contient des annonces. Cela pourrait être utile pour les personnes qui cherchent à monétiser leurs sites Web. Pour d’autres, cela pourrait être un énorme arrêt. Si vous appartenez au deuxième groupe, vous devrez peut-être rechercher d’autres moteurs de recherche personnalisés comme Expertrec.

Si vous êtes sur WordPress, il dispose d’une barre de recherche par défaut qui ajoute des fonctionnalités de recherche de base. Mais il manque de nombreuses fonctionnalités de recherche souhaitables telles que l’auto-complétion, plus de contrôle sur l’interface utilisateur de recherche et l’emplacement de la zone de recherche. Les utilisateurs de Word Press peuvent télécharger notre extension à partir de ce lien. Des instructions détaillées sur la façon d’installer l’extension WordPress sont données à la fin de ce blog.

Ajouter une barre de recherche Google à un site Web à l’aide de la recherche personnalisée Google

Créer une recherche personnalisée Google à l’aide de (moteur de recherche programmable)

1. Pour créer un Moteur de recherche programmable :
   1. Connectez-vous au Panneau de configuration en utilisant votre Compte Google (obtenez un compte si vous n’en avez pas).
   2. Le nom de votre moteur de recherche sera généré automatiquement en fonction des URL que vous sélectionnez. Vous pouvez changer ce nom à tout moment.
   3. Sélectionnez la langue de votre moteur de recherche. Cela définit la langue des boutons et autres éléments de conception de votre moteur de recherche, mais n’affecte pas les résultats de recherche réels.
   4. Cliquez sur Créer.

   Votre moteur de recherche de base est prêt à l’emploi! Pour voir plus d’options de configuration, accédez au panneau de configuration. Le panneau de configuration dispose également d’une fenêtre d’aperçu qui vous permet de tester et d’affiner vos résultats de recherche.

2. Accédez à https://cse.google.co.in/cse/
3. Connectez-vous au Panneau de configuration à l’aide de votre compte Google (obtenez un compte si vous n’en avez pas).
4. Le nom de votre moteur de recherche sera généré automatiquement en fonction des URL que vous sélectionnez. Vous pouvez changer ce nom à tout moment.
5. Dans la section Sites à rechercher, ajoutez les pages que vous souhaitez inclure dans votre moteur de recherche. Vous pouvez inclure tous les sites que vous souhaitez, pas seulement les sites que vous possédez. Vous pouvez inclure des URL de site entières ou des URL de page individuelles. Vous pouvez également utiliser des modèles d’URL.

Implémentation de Google Search box

Une fois que vous avez créé votre Moteur de recherche programmable, vous pouvez ajouter l’élément de recherche programmable à votre site. Pour ce faire, vous devrez copier du code et le coller dans le code HTML de votre site où vous souhaitez que votre moteur de recherche apparaisse.

1. Dans le Panneau de configuration, cliquez sur le moteur de recherche que vous souhaitez utiliser.
2. Cliquez sur Configuration dans la barre latérale, puis sur l’onglet Bases.
3. Dans la section Détails, cliquez sur Obtenir le code. Copiez le code et collez-le dans le code source HTML de votre page où vous souhaitez que la barre de recherche Google apparaisse. Cliquez sur recevoir le code.
4. Ajoutez ce code à votre site Web. Si vous êtes sur Word press, vous pouvez utiliser un plugin appelé Elementor ou insérer un plugin d’en-têtes et de pieds de page qui le fera pour vous. Si vous voulez un placement exact, vous devrez modifier votre fichier de thème par apparence – > éditeur de thème. Si vous êtes sur un autre CMS, vous pouvez contacter votre développeur et lui demander de l’ajouter à toutes les pages que vous souhaitez que cette barre de recherche s’affiche.
5. Une fois que vous avez ajouté ce code à votre site Web, vous verrez la barre de recherche Google sur les pages de votre site Web.

Modification de l’apparence

À de nombreuses reprises, il est logique de faire apparaître une zone de recherche indépendamment des résultats de recherche. Une mise en page à deux colonnes vous permet d’afficher une zone de recherche dans une zone de votre page (par exemple dans la barre latérale) et d’afficher les résultats dans une zone différente (par exemple la zone principale de la page).

Pour modifier la disposition de votre moteur, accédez à la section Apparence du panneau de configuration et cliquez sur l’onglet Disposition. Après avoir sélectionné et enregistré la mise en page à 2 colonnes dans le panneau de configuration, vous devez également modifier le code HTML de l’élément de recherche.

Activer la saisie semi-automatique

Outre la personnalisation des couleurs, des polices ou du style de lien dans le panneau de configuration, il est possible d’influencer l’apparence et le comportement de la zone de recherche via des attributs HTML personnalisés.

Cela vous permet de remplacer certains paramètres généraux du panneau de configuration. Il est particulièrement utile lorsque vous souhaitez qu’une boîte de recherche (par exemple, une sur la page d’accueil) se comporte différemment des autres sur le site. Par exemple, vous pouvez activer ou désactiver la fonction de saisie semi-automatique à l’aide d’attributs. Par défaut, il est défini sur true si la saisie semi-automatique est activée dans le panneau de configuration. En changeant la valeur à false, vous pouvez contrôler le comportement de l’élément.

<div class="gcse-searchbox"></div><div class="gcse-searchresults" data-defaultToImageSearch="true"></div>

Personnalisation des résultats de recherche

De la même manière que la personnalisation de la zone de recherche, vous pouvez ajouter des options supplémentaires à l’élément Résultats de recherche.

Par exemple, pour passer de notre moteur de recherche basé sur des résultats Web à basé sur des images, nous pouvons utiliser l’attribut defaultToImageSearch.

Tout d’abord, vous devez activer la recherche d’images dans le Panneau de configuration de votre moteur de recherche. Dans la section Configuration, dans l’onglet Bases, cliquez sur l’option de recherche d’image en position « on ». Après cela, ajoutez l’attribut defaultToImageSearch à l’élément <div class="gcse-searchresults"></div> sur votre site Web.

Avantages de l’ajout de la recherche personnalisée Google

• La recherche personnalisée Google est gratuite. Il existe peu de moteurs de recherche personnalisés gratuits.
• Si vous activez les annonces dans la recherche personnalisée Google, vous pouvez gagner de l’argent avec AdSense.

Inconvénients de l’utilisation de la recherche personnalisée Google-

• Annonces – Vous pouvez perdre les visiteurs de votre site Web au profit de concurrents.
• Aucun contrôle sur ce qui est indexé ou quand
• Aucun contrôle des résultats de recherche
• Aucun support
• Options minimales de personnalisation de l’interface utilisateur
• Il peut être arrêté ou modifié à tout moment. Google est connu pour tuer les produits sans pitié sans tenir compte de la base d’utilisateurs.

Bien que cela puisse sembler génial d’avoir une recherche Google sur votre site Web, il n’y a pas de déjeuner gratuit. Google affiche des annonces pour couvrir ce service. Maintenant, disons que votre site concerne des chaussures de marque X. lorsque les gens recherchent sur votre site une chaussure que vous avez, Google affiche une annonce de votre marque concurrente Y et la place au-dessus des résultats de votre site. Vos visiteurs vont croire que vous recommandez en effet la marque vous-même. Si vous allez monétiser vos visiteurs, cela réduira considérablement vos revenus.

Deuxièmement, personne n’aime les publicités. À mon avis, il n’y a rien de tel qu’une publicité « non intrusive ». Mais, les annonces sont des annonces, et elles sont mauvaises. Je ne voudrais pas forcer mes visiteurs à regarder des annonces pendant qu’ils effectuent des recherches sur mon site Web. La méthode 2 donnera une solution alternative mais payante à ce problème.

Barre de recherche Google pour votre site Web à l’aide d’Expertrec

Expertrec ajoute une boîte de recherche de type Google à votre site Web. Il est au prix de 9 USD par mois. Le plus grand avantage est qu’il ne contient pas de publicités.

Avant de commencer à créer un moteur de recherche personnalisé à l’aide d’Expertrec, assurez-vous que votre site Web est en direct et non derrière une connexion (Si votre site Web est derrière une connexion, suivez les étapes de ce blog). Ayez l’URL de votre plan du site à portée de main. Assurez-vous également d’avoir un accès par code à votre site Web. Suivez les étapes ci-dessous.

1. Allez à https://cse.expertrec.com/?platform=cse.
2. Connectez-vous avec votre identifiant Gmail.
3. Entrez l’URL de votre site Web. (entrez l’URL de votre site Web au format https://www.yourwebsite.som).
4. Entrez l’URL de votre plan du site. (si vous n’avez pas de plan du site, vous pouvez également ignorer cette étape).
5. Lancer une analyse de site Web. (Maintenant, les robots d’exploration Expertrec vont commencer à explorer votre site Web. Cela peut prendre un certain temps en fonction de la taille et du nombre de pages de votre site Web).
6. Une fois l’analyse terminée, vous pouvez modifier l’apparence et la convivialité de votre moteur de recherche ainsi que l’algorithme de classement du moteur de recherche en utilisant le panneau de configuration. Il existe des fonctionnalités plus avancées telles que les poids de recherche, les promotions, les synonymes, etc.
7. Accédez à la section code et ajoutez-la à votre site Web. Vous pouvez également envoyer le code par e-mail à votre développeur et lui demander de l’ajouter à son site Web.
   • le code contient deux parties (une dans < script > </script > et une autre partie de code < ci-search > </ci-search >).
   • Le script < > </script > n’est que le composant JavaScript et peut être ajouté à l’aide de Google tag manager ou de l’éditeur de code.
   • Le code <ci-search> </ci-search > ajoute la zone de recherche à votre site Web. L’endroit où vous ajoutez ce code détermine l’emplacement de la zone de recherche.
8. Il est conseillé d’effectuer les changements de code dans un mode de test ou un site web de développement avant de prendre en direct dans votre site de live / production.
9. En dernière étape, supprimez tout cache de site Web que vous pourriez avoir.
10. Maintenant, le moteur de recherche de votre site est en ligne. Après quelques jours d’utilisation du moteur de recherche, vous pouvez consulter les analyses de recherche pour vérifier ce que les utilisateurs recherchent et réorganiser votre stratégie de contenu en conséquence.

Avantages de l’utilisation de la barre de recherche Expertrec

1. Aucune annonce. Nous n’affichons jamais d’annonces dans nos résultats de recherche.
2. Plan tarifaire abordable. – Nous avons des prix à partir de 9 $ par mois.
3. Support en temps réel pour vous aider à faire vivre votre recherche sur votre site Web – Vous pouvez être sûr que les résultats de recherche ne
4. Pas un contrôle total sur les résultats de recherche.

Bonne recherche. Voici à nouveau le lien d’inscription https://cse.expertrec.com?platform=cse

Boîte de recherche Google à l’aide d’un plugin pour les sites Web WordPress

Vous pouvez également utiliser le plugin suivant pour ajouter une boîte de recherche Google à votre site WordPress.

WP Fastest Site Search wordpress plugin