В настройке Angular я выбрал Angular UI-router для переключения между представлениями.
Мой конфиг выглядит следующим образом:
.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/app/home');
$stateProvider
// Nav
.state('app', {
url: '/app',
templateUrl: 'templates/navbar.html',
abstract: true,
controller:'AppCtrl as app',
})
// Home
.state('app.home', {
url: '/home',
templateUrl: 'templates/home.html',
controller:'HomeCtrl as home',
})
.state('app.browse', {
url: '/browse',
templateUrl: 'templates/browse.html',
controller:'BrowseCtrl as browse',
})
.state('app.browse-detail', {
url: '/browse/:productId',
templateUrl: 'templates/browse-detail.html',
controller:'BrowseDetailCtrl as detail',
})
})
Это приведет к тому, что URL-адрес продукта будет выглядеть следующим образом:
www.website.com/app/#/browse/productId
Вместо этого я хотел бы увидеть что-то вроде:
www.website.com/browse/productId/most-awesome-product
где most-awesome-product
- Url Slug.
Мои вопросы:
- Каковы, в общем, принципы создания Angular Сайтов SEO с использованием маршрутизации?
- Как изменить URL-адрес моего маршрутизатора Angular с добавлением URL-адреса (см. выше)?
- изменит URL-адрес вашего сайта на основе SEO?
Спасибо!