问题标签 [angular-seo]

我正在为我的 Angular 6 项目https://mypleaks.com开发 SeoService 。我正在尝试添加和更新 Meta 标签，因为我的内容 URL 会动态更改。

我可以 console.log('18 ' + title); console.log('19' + 描述); 但是当我在 addTag 和 updateTag 标记中附加标题和描述时，只会附加静态值（'myPleaks | '），并且可以在检查此链接https://mypleaks.com/#/content/16上的页面源时看到/Manikarnika-Teaser-Launch-Kangana-Ranaut-与女孩一起庆祝-

有人可以告诉我这里有什么问题。为什么元标记没有随着变量的动态值更新。？

我也登录到服务器控制台以下，这是否相关..？

执行 npm run build:prod 后一切正常。之后，我只是按照文档说明运行 npm run server ，但是当我尝试访问 localhost 时，我收到一个错误（错误 [错误]），没有任何描述，并且浏览器加载永远不会结束。

我在前端使用 Angular 6 开发了一个网站。默认情况下，Angular 对 SEO 不友好，所以为了做到这一点，我以 Angular-Universal 或 Angular SSR（服务器端渲染）的方式实现了它。我更新了代码并比较了之前和现在的页面源，我可以在标签中看到我的应用程序，<app-root>并且</app-root>在只有“加载...”之前会出现。

我正在使用MetaServiceand TitleServicefrom@angular/platform-browser来分别更新<meta>Facebook 和 Twitter 所需的标签和<title>标签。

问题是当我在本地系统中运行节点服务器时，视图源向我显示了渲染的meta标签，但是当我在 AWS VM 上的节点服务器中运行相同的代码时，我没有得到渲染的meta标签，而是其他应用程序代码可用。

更新： 添加meta标签的功能

我在 ngOnInit() 中调用了这个函数。它在我的本地机器上正确渲染，但在服务器上却没有。

egElement并id从服务调用返回到后端，并且meta服务已被导入并注入到构造函数中。

我正在尝试将我的角度应用程序转换为角度通用。我不断收到错误消息：

在工作区中找不到项目“我的应用程序”。

当我尝试使用以下方法构建应用程序时：

npm run build:client-and-server-bundles && npm run webpack:server

app.module.ts：

BrowserModule.withServerTransition({appId: 'techstack21-angular'}),

角.json：

tsconfig.app.json：

包.json：

我尝试删除该node_modules文件夹，但我再次收到相同的错误。如何解决这个问题？

我有一个客户端博客应用程序，加载时显示文章列表。我想从服务器加载文章数据，包括该页面的动态元标记以用于 SEO 目的

例如：

1. 我点击一个链接：https ://www.techstack21.com/article/function-returning-other-functions-in-javascript

我想GET使用查询字符串发出请求/?url=function-returning-other-functions-in-javascript并将模板从服务器渲染到客户端，类似于pug或jade模板引擎。

我如何在 Angular 6 中实现这一点？

我不想在服务器上呈现完整的应用程序，但只针对带有查询字符串的特定 url，如上例所示

我正在使用 Angular 7 进行 SPA

这是链接“ https://adda.io/openings/sales-openings/1 ”。

上面的链接在检查时有它自己的元和标题，我可以看到里面的标签，但是当我在任何社交媒体上发布它时，它只显示默认主页一个。

通过将此链接粘贴到任何社交媒体中进行检查

它应该显示真实数据

我有一个 Angular 7 通用应用程序，有两种语言，西班牙语和英语。我想以用户配置的语言显示网站。为了实现这一点，我有以下设置。

首先我app.component.html只有一个这样的路由器插座：

在我的app-routing.module.ts我有以下配置：

我这样做是为了让LanguageComponent检测用户语言并重定向到相关的/es或/en.

我language.component.ts的逻辑如下：

所以我可以通过导航器成功检测语言并通过转到相关部分来显示页面。HomeComponent在HomeModule中的每个组件上，我调用一个SeoService设置标题、元描述并根据设置的语言设置 HTML 语言标签的组件。

我遇到的问题很奇怪，因为它涉及到谷歌搜索结果。有时我得到的网站的标题显示为西班牙语，然后是英文的描述，有时全是英文……所有的一切都开始发生，因为我决定开始使用导航器作为语言检测的驱动程序。

首先，我不知道在这种情况下我的方法是否是最好的，如果是，您是否遇到过谷歌引擎语言问题？

更新： 我认为我的问题更多的是为了执行 SSR，我需要了解用户浏览器的语言。是否有可能以某种方式将该值“传输”到服务器以执行该渲染？否则，我真的不知道如何知道“用户设置”来执行页面的实际呈现，并且如果这有意义的话是“谷歌友好的”

基本上我正在研究角度通用。在此我设置并添加元标记并添加架构。当我们运行构建时 (npm run build:ssr 和 npm run serve:ssr) 。它有时会显示元和模式，有时会隐藏。但是静态模式一直显示。谁能帮我解决这个问题，我没有从任何地方得到任何帮助。

Package.json 代码

请帮我解决这个问题。

提前致谢

我目前正面临 Angular 应用程序的 SEO 优化问题。我有一个主要组件，它有一堆到报告页面的链接，看起来像这个报告/测试1，报告/测试2，报告/测试3，......此刻的路由看起来像这样：

因此，根据报告的名称，我在该页面上显示了不同的内容（报告）。而且我需要为每个显示的报告设置单独的元标记和标题。所有可能的报告名称都是已知的，所以我的想法是为每个报告创建一个路由，就像这样

然后在组件内部，根据路由显示不同的元标记，但我不确定它是否会被正确解释。我已经为应用程序使用了服务器端渲染。有没有人知道它是否可以以不同的方式完成，或者这种方法可能会奏效？我不确定我的方向是正确的。谢谢！

在 Angular 7 项目中，使用 ng build --prod 部署代码以创建生产构建并将 dist 文件夹的内容复制到 IIS 文件夹，它工作正常。

我尝试使用 @ng-toolkit/universal 实现 Angular SEO 友好，使用 npm run build:ssr 和 npm run serve:ssr 在我的本地机器上运行良好。现在我需要将此应用程序部署到网络服务器上的 IIS。我已复制以下文件夹

web.config (1) 包含

web.config (2) 包含

它抛出以下错误

请指导我如何解决此问题。谢谢