我真的对网站上的搜索引擎优化无能为力。 我开始做一些事情,我一直认为 build:ssr 正在生成一个对谷歌索引友好的网站。实际上 build:ssr 除了经典的 ng build from angular 之外没有做任何其他事情。
在看到谷歌除了我的第一页之外没有索引任何其他内容后,我开始研究选项。
我试过 scully io,但我无法使用它进行路由。要么我必须使用哈希,要么我在页面刷新时遇到问题,即使我设置了 htaccess。即使使用 useHash ,在刷新网站时,网站也会继续通过主页回到原来的位置。
现在 Angular 通用预渲染实现了它所说的。它预呈现我的网站,这很好,它还有用于动态路由的 routes.txt 选项,这是我需要的一切。
只是我的元标记不再起作用了
this.meta.updateTag({
name: 'description',
content: this.pageTitle,
});
this.meta.updateTag({
name: 'keywords',
content: this.pageTitle,
});
更新标签、添加标签等都不起作用。
我把所有的谷歌都倒过来搜索了。 我尝试使用 chatGPT,但没有用。50% 的回复是错误的或缺少信息。
我不敢相信没有其他人尝试过 angular universal prerender 并且在其应用程序中设置和更新元标记时没有遇到麻烦。
我在 ngInit 上设置了元标记,它们在 ng serve、ng build:ssr 中起作用,但在 ng run prerender 中不起作用。 html 文件没有添加元标记。
另一种选择是从 next.js 开始,这对我来说是新的。
"dependencies": {
"@angular/animations": "^15.2.3",
"@angular/common": "^15.2.3",
"@angular/compiler": "^15.2.3",
"@angular/core": "^15.2.3",
"@angular/forms": "^15.2.3",
"@angular/localize": "^15.2.3",
"@angular/platform-browser": "^15.2.3",
"@angular/platform-browser-dynamic": "^15.2.3",
"@angular/platform-server": "15.2.3",
"@angular/router": "^15.2.3",
"@ng-bootstrap/ng-bootstrap": "^14.0.0",
"@nguniversal/express-engine": "^15.2.0",
"@popperjs/core": "^2.10.2",
"bootstrap": "^5.2.3",
"bootstrap-icons": "^1.10.3",
"express": "^4.15.2",
"jquery": "^3.6.3",
"lightbox2": "^2.11.3",
"ng-lazyload-image": "^9.1.3",
"rxjs": "~7.5.0",
"tslib": "^2.3.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "^15.2.4",
"@angular/cli": "~15.2.4",
"@angular/compiler-cli": "^15.2.3",
"@nguniversal/builders": "^15.2.0",
"@types/express": "^4.17.0",
"@types/jasmine": "~4.0.0",
"@types/node": "^14.15.0",
"jasmine-core": "~4.1.0",
"karma": "~6.3.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.2.0",
"karma-jasmine": "~5.0.0",
"karma-jasmine-html-reporter": "~1.7.0",
"typescript": "^4.9.5"
}
}
我在互联网上尝试了一切,但没有任何效果,我的 Angular 通用预渲染没有生成元标签