recherche
Maisoninterface Webtutoriel CSSRecherche instantanée Jetpack!

Recherche instantanée Jetpack!

La fonction de recherche de Jetpack existe depuis un certain temps. Lorsqu'il est activé, il remplace votre recherche WordPress intégrée (fonctionnalités complètes mais pas bonne) par une solution soutenue par Elasticsearch qui est plus rapide et a de meilleurs résultats. J'utilise CSS-Tricks depuis un certain temps, ce qui est une grande amélioration par rapport à l'utilisation du moteur de recherche personnalisé de Google.

Jetpack vient d'améliorer à nouveau son jeu, lançant une toute nouvelle mise à niveau de recherche. Vous pouvez utiliser la recherche Jetpack comme avant, ou activer la recherche instantanée et profiter de cette nouvelle expérience de recherche (à la fois interne et externe).

Expérience pleine page

La recherche instantanée offre une expérience de recherche avec une couverture pleine page. Je pense que c'est génial. C'est leur état d'esprit lorsque les utilisateurs recherchent, et il est très important de leur donner tout l'espace dont ils ont besoin pour atteindre leurs objectifs. Voici ma recherche (vidéo):

Pour autant que je sache, CSS-Tricks a des centaines de milliers de recherches en direct par mois, donc avoir une bonne expérience est très important pour moi. Je ne veux même pas jouer avec une mauvaise expérience de recherche dans le site ou des produits trop chers. Je préfère envoyer des gens à une recherche Google à l'échelle du site Web qu'à une mauvaise recherche en site. Heureusement, la recherche instantanée est presque la meilleure expérience de recherche sur site que je puisse imaginer, surtout en ce qui concerne la mise en œuvre sans aucun travail.

Contrôle de conception

Vous pouvez contrôler l'apparence via un personnalisateur.

La recherche instantanée est conçue pour fonctionner pour n'importe quel site Web, vous n'aurez peut-être pas à faire grand-chose. J'ai été très surpris que CSS-Tricks ait très bien fonctionné. En tant que monstre de contrôle CSS, j'ai fait quelques ajustements de conception, mais c'est juste parce que j'aime faire ce genre de chose.

Pas besoin d'ajustements

Dans les versions précédentes de Jetpack Search, j'ai utilisé du code personnalisé pour modifier Elasticsearch. J'ai fait des choses comme l'utilisation du nombre de commentaires comme une métrique de popularité pour m'assurer que notre meilleur contenu se classe élevé dans les résultats. N'oubliez pas que malgré ses capacités puissantes, il n'a pas l'ensemble du modèle Internet pour calculer les corrélations comme Google. Mais la bonne nouvelle est:

Pour améliorer encore notre algorithme de recherche, nous avons commencé à essayer d'ajouter le pourcentage de pages vues au cours des 30 derniers jours à l'indice. Nous avons finalement constaté que les pages vues sont un meilleur signal de classement car il combine la popularité et la pertinence dans une certaine mesure. Alors maintenant, nos classements de résultats sont largement affectés par le nombre de pages vues qu'un message ou une page obtient. Idéalement, si vous obtenez beaucoup de trafic de recherche Google, nos résultats de recherche doivent être fortement influencés par l'algorithme de classement de Google.

Mon objectif. En utilisant la recherche instantanée Jetpack, je peux supprimer tout mon code personnalisé (supprimer le code est toujours très bien) car le nouvel algorithme fait un excellent travail de classement des résultats.

Prix

Maintenant, la recherche de Jetpack est payée à la demande, non cuite dans un plan spécifique. Vous n'en avez pas besoin? Vous n'avez pas à payer pour cela. Seule cette fonctionnalité est requise? Quel que soit le plan que vous utilisez, vous pouvez l'acheter.

Pour autant que je sache, le prix est une portée. Le programme Jetpack concerne les fonctionnalités, pas la taille du site Web, mais cela n'a pas beaucoup de sens pour les recherches car la taille du site Web est très importante. C'est donc une règle coulissante basée sur les "enregistrements" que vous avez, qui sont essentiellement des messages et des pages.

Je pense que de nombreux sites entrent dans la catégorie de 25 $ par mois (avec 15% de réduction par an). Vous pouvez principalement vous soucier des recherches sur site avec plus de 1 000 enregistrements, tandis que 10 000 enregistrements sont beaucoup. J'ai payé un niveau supérieur à celui-ci (environ 612 $ par an) juste parce que notre forum BBPress (maintenant archivé) a poussé le nombre à plus de 10 000. C'est un prix très juste pour un site Web comme moi.

Liste de souhaits

L'une des choses que je veux faire le plus est que je veux pouvoir supprimer facilement quelque chose des résultats de recherche. Nous avons gagné beaucoup de disques des forums BBPress qui ont été fermés cette année. La suppression de ces enregistrements me mettra dans un niveau de prix inférieur, mais plus important encore, je préfère ne pas afficher ces résultats du tout dans la recherche.

Ce n'est pas seulement CSS-Tricks dans une situation inhabituelle. J'ai également activé la recherche instantanée Jetpack sur les documents de codepen.

Dans ce cas, j'envisagerais de supprimer les articles de blog des résultats de recherche (croyez-le ou non) afin que seules nos pages de documents de base soient affichées. Ou peut-être mieux encore, les articles de blog sont simplement désactivés en tant que filtres par défaut, mais les utilisateurs peuvent les activer pour les visualiser dans les résultats.

Dans l'ensemble, c'est une énorme mise à niveau vers Jetpack et une autre raison pour laquelle je pense que c'est le plugin le plus important que je gère sur mon site Web WordPress. Si vous êtes curieux des autres fonctionnalités de Jetpack que nous utilisons, nous avons créé une page dédiée pour cela.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Les astuces CSS perdues de Cohost.orgLes astuces CSS perdues de Cohost.orgApr 25, 2025 am 09:51 AM

Dans cet article, Blackle Mori vous montre quelques-uns des hacks trouvés tout en essayant de repousser les limites du support HTML de Cohost. Utilisez-les si vous osez, de peur que vous soyez également étiqueté un criminel CSS.

Style CSS de niveau supérieur pour les curseursStyle CSS de niveau supérieur pour les curseursApr 23, 2025 am 11:04 AM

Les curseurs personnalisés avec CSS sont excellents, mais nous pouvons faire passer les choses au niveau supérieur avec JavaScript. À l'aide de JavaScript, nous pouvons passer entre les états du curseur, placer du texte dynamique dans le curseur, appliquer des animations complexes et appliquer des filtres.

Worlds Collide: Détection de collision de l'ordre clé à l'aide de requêtes de styleWorlds Collide: Détection de collision de l'ordre clé à l'aide de requêtes de styleApr 23, 2025 am 10:42 AM

Les animations CSS interactives avec des éléments se ricochent semblent plus plausibles en 2025. Bien qu'il soit inutile de mettre en œuvre Pong dans CSS, la flexibilité et la puissance croissantes de CSS renforcent le soupçon de Lee selon lequel un jour, ce sera un jour

Utilisation du filtre de fond CSS pour les effets d'interface utilisateurUtilisation du filtre de fond CSS pour les effets d'interface utilisateurApr 23, 2025 am 10:20 AM

Conseils et astuces sur l'utilisation de la propriété CSS Back-Filter pour styliser les interfaces utilisateur. Vous apprendrez à superposer des filtres en toile de fond entre plusieurs éléments et à les intégrer à d'autres effets graphiques CSS pour créer des conceptions élaborées.

Smil sur?Smil sur?Apr 23, 2025 am 09:57 AM

Eh bien, il s'avère que les fonctionnalités d'animation intégrées de SVG n'ont jamais été obsolètes comme prévu. Bien sûr, CSS et JavaScript sont plus que capables de porter la charge, mais il est bon de savoir que Smil n'est pas mort dans l'eau comme précédemment

'Pretty' est dans l'œil du spectateur'Pretty' est dans l'œil du spectateurApr 23, 2025 am 09:40 AM

Yay, laissez-le saut pour le wat-wrap: joli atterrissage dans la technologie safari aperçu! Mais méfiez-vous qu'il est différent de la façon dont il fonctionne dans les navigateurs de chrome.

CSS-Tricks raconte xliiiCSS-Tricks raconte xliiiApr 23, 2025 am 09:35 AM

Cette mise à jour de CSS-Tricks met en évidence des progrès significatifs dans l'Almanac, des apparitions de podcast récentes, un nouveau guide CSS Counter et l'ajout de plusieurs nouveaux auteurs contribuant un contenu précieux.

La fonctionnalité @Apply de Tailwind est meilleure qu'il n'y paraîtLa fonctionnalité @Apply de Tailwind est meilleure qu'il n'y paraîtApr 23, 2025 am 09:23 AM

La plupart du temps, les gens présentent la fonctionnalité de Tailwind avec l'un des utilitaires à propriété unique de Tailwind (qui modifie une seule déclaration CSS). Lorsqu'il est présenté de cette façon, @Apply ne semble pas du tout prometteur. So évidence

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Navigateur d'examen sécurisé

Navigateur d'examen sécurisé

Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.

PhpStorm version Mac

PhpStorm version Mac

Le dernier (2018.2.1) outil de développement intégré PHP professionnel

MinGW - GNU minimaliste pour Windows

MinGW - GNU minimaliste pour Windows

Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.

MantisBT

MantisBT

Mantis est un outil Web de suivi des défauts facile à déployer, conçu pour faciliter le suivi des défauts des produits. Cela nécessite PHP, MySQL et un serveur Web. Découvrez nos services de démonstration et d'hébergement.

VSCode Windows 64 bits Télécharger

VSCode Windows 64 bits Télécharger

Un éditeur IDE gratuit et puissant lancé par Microsoft