Il y a des problèmes avec le cadre JavaScript dans la gestion du référencement, car les Crawlers ne peuvent pas lire la valeur qui lui est attribuée par JS lors de la récupération des informations SEO, ce qui fait que les moteurs de recherche ne peuvent pas inclure ou inclure des informations non valides. Par exemple, l'inclus peut être title = {{title}}. Parlons d'abord de la façon de modifier les informations SEO de la page pendant le saut de route. Désormais, les sauts de spa utilisent généralement Route-UI. Expliquons sur la base de cela et ajoutons des informations de titre à l'état de l'élément de configuration app.js, comme suit: Données: {PageTitle: 'Title de l'utilisateur'}
.State ('index.user', {url: '/ user', vues: {'contenu @ index': {templateUrl: 'templatehtml / user / user.html', contrôleur: 'usertrl'}}, data: {pagetle: 'utilisateur 'templatehtml / user / a.html', data: {pagetitle: 'utilisateur a title'}}). State ('index.user.b', {url: '/ b', templateUrl: 'templatehtml / user / b.html', data: {pagetle: 'utilisateur b title'}}))Modifiez ensuite le titre de la page en écoutant $ StateChangeSuccess:
app.directive ('title', ['$ rootscope', '$ timeout', function ($ rootscope, $ timeout) {return {link: function () {var écouteur = function (event, tostate) {console.log (tostate); $ timeout (function () {$ rootscope.Title = (tostate.data && Tostate.Data.Title)? tostate.data.pageTitle: 'Title par défaut'; $ rootscope.metakeywords = "Ceci est des mots clés"});}; $ rootscope. $ on ('$ statEchangeSuccess', écouteur);}};}]);Ici, l'affectation consiste à obtenir le titre de titre dans l'état actuel, c'est-à-dire la valeur de l'objet tostate ici. Lorsque nous imprimerons ce tostate, nous trouverons:
Voici la valeur du pagetitle dans les données définies. Si vous ne voulez pas l'écrire dans l'état ou l'écrire à mort, vous pouvez transmettre l'étiquette unique dans l'état et rendre le titre de requête sur la page en conjonction avec l'interface d'arrière-plan. De même, les balises Meta telles que les mots clés et la description peuvent être liées ensemble pour le moment;
Comme mentionné ci-dessus, JavaScript Framework présente des lacunes dans le référencement, et il existe de nombreuses solutions sur le marché pour faire face au problème de NG, telles que Prerender, Seo.js, etc. L'idée est d'ajouter des expressions sur la page, afin que le robot ne puisse déterrer les données qu'après le rendu de la page. Dans le même temps, certains services doivent être configurés sur le serveur. Le service détectera s'il y a des instantanés ou des pages en cache correspondant à cette URL. S'ils existent, ils les enverront au Crawler. S'ils n'existent pas, ils généreront un instantané, puis envoient la page correcte au robot. Il faut encore des efforts pour le traiter, vous pouvez donc également utiliser le modèle de développement conventionnel NG +. Pour certaines pages importantes, n'utilisez pas cette page pour rendre le référencement ou créer une page d'informations SEO spéciale; Ainsi, à cet égard, il estime qu'il est toujours approprié d'utiliser NG Framework pour créer des applications (ionic);
Ce qui précède est les informations de titre de définition angulaire qui vous sont présentées par l'éditeur pour résoudre des problèmes de référencement. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!