Le référencement est un aspect essentiel de toute application de commerce électronique, car un bon classement SEO augmente le trafic vers votre site Web et génère des opportunités de revenus. Optimizely Configured Commerce (anciennement Optimizely B2B Commerce) est livré avec des fonctionnalités SEO intégrées, fournissant des paramètres de configuration SEO sans nécessiter de code de développement. Ne vous inquiétez pas si les fonctionnalités natives ne répondent pas à vos besoins, car il existe des points d’extension disponibles pour personnaliser votre version afin d’obtenir le résultat souhaité.
En règle générale, les entreprises exposent tout le contenu de leur site Web aux moteurs de recherche pour obtenir les meilleurs résultats. Les pages de contenu statiques telles que À propos de nous et les conditions générales et les pages de contenu dynamiques telles que le catalogue de produits, les pages de liste de produits (PLP) et les pages de détails du produit (PDP) sont également exposées aux moteurs de recherche. Les robots de recherche explorent et indexent ensuite ces pages dans le répertoire de recherche pour les afficher dans les résultats de recherche en fonction de mots clés pertinents.
Le commerce optimisé de manière configurée rend les pages statiques côté serveur et peut être directement exposé aux moteurs de recherche. Les pages dynamiques telles que la liste des produits et les pages de détails du produit sont rendues côté client (en utilisant AngularJs dans Classic CMS et en utilisant ReactJs dans Spire CMS). Ils ne peuvent donc pas être exposés directement aux moteurs de recherche car cela nécessite que le contenu soit rendu côté serveur. Pour cette raison, Optimizely Configured Commerce maintient deux variantes différentes pour PLP et PDP, l’une pour servir l’utilisateur normal qui utilise une approche côté client pour rendre le contenu de la page de manière dynamique afin d’accélérer le chargement de la page, et l’autre pour les robots de recherche. qui s’affichent entièrement côté serveur.
Le commerce configuré de manière optimisée examine la chaîne User-Agent de l’objet de requête envoyé au serveur Web pour déterminer si la requête provient de robots de recherche ou d’un utilisateur moyen. Ensuite, l’infrastructure de commerce optimisée configurée exécute cette vérification tout en résolvant l’itinéraire via la collection d’itinéraires à l’aide de la contrainte d’itinéraire. Cette vérification se produit dans le SearchCrawlerRouteConstraint classe située dans le Insite.WebFramework.Mvc assemblée. La méthode match renvoie une réponse booléenne indiquant si la demande entrante, précisément l’objet User-Agent, contient l’un des robots répertoriés ci-dessous.
L’infrastructure de commerce à configuration optimisée conserve deux entrées chacune dans la collection de routes pour gérer les demandes entrantes de PLP et de PDP, comme indiqué ci-dessous :
Le premier itinéraire de ce groupe gère les requêtes des robots de recherche, et le second itinéraire gère les requêtes des utilisateurs normaux.
Ainsi, si la demande provient de robots de recherche, cette demande est redirigée vers le SEOCatalogController qui dessert les pages du catalogue SEO. S’il provient d’un utilisateur régulier, il redirige la demande vers le CatalogueController.
Parfois, en fonction des besoins, il est nécessaire de personnaliser ou d’ajouter des informations supplémentaires aux pages du catalogue SEO indexées par les robots de recherche. Vous pouvez personnaliser et déboguer ces pages en suivant ces étapes :
- Si votre thème personnalisé n’a pas Vues/SEOCatalogue dossier, copiez-le du thème parent vers votre dossier de thème personnalisé, en conservant la même hiérarchie de dossiers (Thèmes//Vues/SEOCatalog)
- Apportez les modifications requises à ces pages et enregistrez le fichier
- Maintenant, appuyez sur l’URL de votre site Web à partir de Chrome ou de l’un de vos navigateurs préférés et accédez à n’importe quelle page de détail du produit
- Appuyez sur F12 sur votre navigateur qui ouvrira une console de développeur (les étapes à partir d’ici peuvent être différentes en fonction du navigateur que vous utilisez)
- Cliquez sur trois points verticaux dans le coin supérieur droit de la console de développement de votre navigateur et sélectionnez l’option Plus d’outils -> Conditions de mise en réseau.
- Dans les paramètres des conditions de mise en réseau, décochez la case Utiliser les paramètres par défaut du navigateur case à cocher pour Agent utilisateur, activation de la liste déroulante des agents utilisateurs pour la sélection manuelle.
- Sélectionner Robot Google à partir de la liste des agents utilisateurs et actualisez la page de détail de votre produit.
- Cela ouvrira un SEOProductDetails au lieu de notre page habituelle Détails du produit dans votre navigateur.
- Vous pouvez maintenant voir quelles données sont exposées aux robots de recherche à partir de votre page Détails du produit et ajouter ou modifier toute information sur cette page en personnalisant la page SEOProductDetail.cshtml.
- Allez-y et placez le débogueur n’importe où sur la page SEOProductDetail.cshtml et joignez la solution du projet à votre site Web pour déboguer
- Actualisez la page de détail de votre produit dans le navigateur et vous devriez maintenant avoir un pointeur de débogage sur votre page.
Si vous utilisez Google Chrome, vous pouvez ajouter le Changeur d’agent utilisateur Extension Chrome pour changer facilement l’agent utilisateur du navigateur.
Note – Si vous ne trouvez pas le SEOCatalog dossier dans votre coutume thème ou le Sensible thème (du _SystemResources dossier), veuillez envisager de mettre à niveau votre solution de projet vers les dernières versions d’Optimizely.
Conclusion
En suivant ces étapes et en exploitant la puissance du commerce optimisé, vous serez mieux placé pour personnaliser et déboguer vos PDP et PLP SEO.
juin 7, 2023
Comment personnaliser et déboguer les pages SEO dans un commerce configuré de manière optimale
Le référencement est un aspect essentiel de toute application de commerce électronique, car un bon classement SEO augmente le trafic vers votre site Web et génère des opportunités de revenus. Optimizely Configured Commerce (anciennement Optimizely B2B Commerce) est livré avec des fonctionnalités SEO intégrées, fournissant des paramètres de configuration SEO sans nécessiter de code de développement. Ne vous inquiétez pas si les fonctionnalités natives ne répondent pas à vos besoins, car il existe des points d’extension disponibles pour personnaliser votre version afin d’obtenir le résultat souhaité.
En règle générale, les entreprises exposent tout le contenu de leur site Web aux moteurs de recherche pour obtenir les meilleurs résultats. Les pages de contenu statiques telles que À propos de nous et les conditions générales et les pages de contenu dynamiques telles que le catalogue de produits, les pages de liste de produits (PLP) et les pages de détails du produit (PDP) sont également exposées aux moteurs de recherche. Les robots de recherche explorent et indexent ensuite ces pages dans le répertoire de recherche pour les afficher dans les résultats de recherche en fonction de mots clés pertinents.
Le commerce optimisé de manière configurée rend les pages statiques côté serveur et peut être directement exposé aux moteurs de recherche. Les pages dynamiques telles que la liste des produits et les pages de détails du produit sont rendues côté client (en utilisant AngularJs dans Classic CMS et en utilisant ReactJs dans Spire CMS). Ils ne peuvent donc pas être exposés directement aux moteurs de recherche car cela nécessite que le contenu soit rendu côté serveur. Pour cette raison, Optimizely Configured Commerce maintient deux variantes différentes pour PLP et PDP, l’une pour servir l’utilisateur normal qui utilise une approche côté client pour rendre le contenu de la page de manière dynamique afin d’accélérer le chargement de la page, et l’autre pour les robots de recherche. qui s’affichent entièrement côté serveur.
Le commerce configuré de manière optimisée examine la chaîne User-Agent de l’objet de requête envoyé au serveur Web pour déterminer si la requête provient de robots de recherche ou d’un utilisateur moyen. Ensuite, l’infrastructure de commerce optimisée configurée exécute cette vérification tout en résolvant l’itinéraire via la collection d’itinéraires à l’aide de la contrainte d’itinéraire. Cette vérification se produit dans le SearchCrawlerRouteConstraint classe située dans le Insite.WebFramework.Mvc assemblée. La méthode match renvoie une réponse booléenne indiquant si la demande entrante, précisément l’objet User-Agent, contient l’un des robots répertoriés ci-dessous.
L’infrastructure de commerce à configuration optimisée conserve deux entrées chacune dans la collection de routes pour gérer les demandes entrantes de PLP et de PDP, comme indiqué ci-dessous :
Le premier itinéraire de ce groupe gère les requêtes des robots de recherche, et le second itinéraire gère les requêtes des utilisateurs normaux.
Ainsi, si la demande provient de robots de recherche, cette demande est redirigée vers le SEOCatalogController qui dessert les pages du catalogue SEO. S’il provient d’un utilisateur régulier, il redirige la demande vers le CatalogueController.
Parfois, en fonction des besoins, il est nécessaire de personnaliser ou d’ajouter des informations supplémentaires aux pages du catalogue SEO indexées par les robots de recherche. Vous pouvez personnaliser et déboguer ces pages en suivant ces étapes :
Si vous utilisez Google Chrome, vous pouvez ajouter le Changeur d’agent utilisateur Extension Chrome pour changer facilement l’agent utilisateur du navigateur.
Note – Si vous ne trouvez pas le SEOCatalog dossier dans votre coutume thème ou le Sensible thème (du _SystemResources dossier), veuillez envisager de mettre à niveau votre solution de projet vers les dernières versions d’Optimizely.
Conclusion
En suivant ces étapes et en exploitant la puissance du commerce optimisé, vous serez mieux placé pour personnaliser et déboguer vos PDP et PLP SEO.
Source link
Partager :
Articles similaires