Hay problemas con el marco de JavaScript en el manejo de SEO, porque los rastreadores no pueden leer el valor asignado por JS al recuperar la información de SEO, lo que hace que los motores de búsqueda no puedan incluir o incluir información no válida. Por ejemplo, el incluido puede ser Title = {{Title}}. Primero hablemos sobre cómo modificar la información de SEO de la página durante el salto de ruta. Ahora los saltos de spa generalmente usan ruta-ui. Explicemos en base a esto y agregue información de título al estado de elemento de configuración App.js, como sigue: Datos: {PageTitle: 'Título del usuario'}
.state ('index.user', {url: '/user', vistas: {'content@index': {TemplateUrl: 'Templatehtml/user/user.html', controlador: 'UserCtrl'}}}}: {PageTitle: 'Título del usuario'}}). State ('Index.user.a', erg '/a', TemplateUrl: 'Templatehtml/user/a.html', data: {PageTitle: 'User A Title'}}). State ('index.user.b', {url: '/b', templateUrl: 'Templatehtml/user/b.html', data: {Pagetle: 'User'}Luego modifique el título de la página escuchando $ statechangesuccess:
app.directive ('title', ['$ rootscope', '$ timeOut', function ($ rootscope, $ timeOut) {return {link: function () {var oyever = function (event, tostate) {console.log (tostate); $ timeout (function () {$ rootscope.title = (tostate.data && tostate.pageTle)? tostate.data.pageTitle: 'Título predeterminado'; $ rootscope.metakeywords = "this es palabras clave"});}; $ rootscope. $ on ('$ statechangesuccess', oyente);}};}]);Aquí la asignación es obtener el título establecido en el estado actual, es decir, el valor del objeto tostado aquí. Cuando imprimamos este tostado, encontraremos:
Aquí está el valor del pageTitle en los datos que se han establecido. Si no desea escribirlo en el estado o escribirlo hasta la muerte, puede pasar la etiqueta única en el estado y representar el título de consulta en la página junto con la interfaz de fondo. Del mismo modo, las metaetiquetas como las palabras clave y la descripción se pueden unir en este momento;
Como se mencionó anteriormente, JavaScript Framework tiene deficiencias en SEO, y hay muchas soluciones en el mercado para lidiar con el problema de NG, como Prerender, SEO.JS, etc. La idea es agregar expresiones en la página, para que el rastreador solo pueda desenterrar los datos después de que la página se represente. Al mismo tiempo, algunos servicios deben configurarse en el servidor. El servicio detectará si hay instantáneas o páginas en caché correspondientes a esta URL. Si existen, los enviarán al rastreador. Si no existen, generarán una instantánea y luego enviarán la página correcta al rastreador. Todavía se necesita algo de esfuerzo para procesarlo, por lo que también puede usar el modelo de desarrollo convencional NG+. Para algunas páginas importantes, no use esta página para representar SEO, o crear una página de información especial de SEO; Entonces, a este respecto, siente que todavía es apropiado usar el marco NG para hacer aplicaciones (Ionic);
Lo anterior es la información del título de configuración angular presentada por el editor para resolver problemas en SEO. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!