Archives du mot-clé recherche

Tutoriel recherche instantanée PHP, mySQL et Jquery

Le site Woorkup publie un tutoriel sur la mise en place d’un moteur de recherche instantané avec PHP, mySQL et jQuery, à la manière du nouvel affichage mise en place par Google.

La partie recherche est plus que sommaire, mais le tutoriel est intéressant pour ce qui concerne le mécanisme de récupération des données et l’affichage en instantané. Une bonne base qui ne demande qu’à être améliorée !

Nouveau format pour les images dans la recherche Google

Habituellement, quand des images ressortent dans les résultats de Google, on a le droit à une ligne de petites miniatures comme ci-dessous avec une hauteur fixe.

mise-en-forma-images-or

Un nouveau format d’affichage

En cherchant des images avec ma fille, je suis tombé sur un affichage différent, mettant en avant une photo par rapport à tous les résultats images proposés.

mise-en-forma-images

Les impacts de cet affichage

Il reste à savoir si la grande image sera plus cliquée que les petites, car son agrandissement sera moins nécessaire pour cerner tous les détails que sur les autres miniatures.

Enfin, cet affichage fait reculer de 100 pixels vers le bas les résultats présentés sous forme textuelle, soit l’équivalent d’une ligne de résultats complète. Ce n’est pas négligeable quand on sait où cliquent les visiteurs de Google dans la page de résultats.

Si ce format se généralise, le référencement et le positionnement d’images va encore plus intéresser les référenceurs.

Champs de recherche

La plupart des sites de e-commerce proposent des champs de recherche. Le visiteur entre un ou plusieurs mots clés, choisi éventuellement une catégorie et valide sa recherche en appuyant sur un bouton ou par le bouton « Entrée » au clavier. Voici une petite soupe de champs de recherche glanés chez différents marchands.

Amazon (www.amazon.fr)

Un champ de saisie des mots clés très long et la possibilité de filtrer par univers.

DPAM (www.dpam.com)

Un champ de saisie et un bouton OK, avec un habillage graphique reprenant les personnages du site.

Obaïbi (www.obaibi.com)

Le champ de recherche suggère l’utilisation de mots clés en utilisant comme exemple un type de produits plutôt que « Mots clés« . Malin !

Pixmania (www.pixmania.fr)

La loupe et l’indication « recherche » sous forme de texte permettent d’identifier le champ. La recherche peut être limitée à une catégorie de produits.

Made in design (www.madeindesign.com)

Net. Clair. Précis… Sobre.

BienManger (www.bienmanger.com)

Le mot « Chercher » remplace les « Ok » ou « Go » des exemples précédents.

Etsy (www.etsy.com)

Ici en anglais, Etsy utilise « Search » pour son bouton de validation et propose un tri par univers. Google aussi utilise « Search » et « Rechercher » sur son moteur, exemple à suivre ?

Walmart (www.walmart.com)

Chez Walmart, on préfère « Find » à « Search« . La nuance est fine mais donne plus d’espoir quand au résultat de la recherche.

Apple (www.apple.fr)

Chez Apple, pas de bouton pour valider la recherche grâce à l’affichage, au fur et à mesure de la saisie, des produits ou services qui correspondent à la recherche. Bluffant et remarquable !

Dell (www.dell.fr)

Le bouton de validation est symbolisé par une loupe.

Quels champs de recherche préférez-vous ci-dessus ? Avez-vous d’autres exemples intéressants à partager pour enrichir cette liste ?