Facebook看不到的Angular Universal元标签
Angular Universal是一个开源的项目，它允许在服务器端渲染（SSR）Angular应用程序。它通过在服务器上预渲染应用程序的HTML，并将其发送到浏览器，从而提供更好的性能和搜索引擎优化（SEO）。
Angular Universal的主要优势包括：
- 更好的性能：通过在服务器上预渲染应用程序，可以减少浏览器加载和渲染的工作量，从而提高应用程序的加载速度和响应时间。
- 改善的SEO：由于搜索引擎爬虫通常不执行JavaScript，使用Angular Universal可以确保搜索引擎能够看到完整的渲染页面，从而提高应用程序在搜索结果中的排名。
- 更好的用户体验：通过在服务器上渲染应用程序，可以更快地呈现初始内容，减少白屏时间，提供更好的用户体验。
Angular Universal适用于需要更好性能和SEO的Angular应用程序，特别是内容密集型的应用程序，如博客、电子商务网站等。
腾讯云提供了一系列与Angular Universal相关的产品和服务，包括：
- 云服务器（CVM）：提供可靠的虚拟服务器实例，用于部署和运行Angular Universal应用程序。链接：https://cloud.tencent.com/product/cvm
- 云函数（SCF）：无服务器计算服务，可用于处理Angular Universal应用程序的后端逻辑。链接：https://cloud.tencent.com/product/scf
- 云数据库MySQL版（CMYSQL）：可用于存储Angular Universal应用程序的数据。链接：https://cloud.tencent.com/product/cmysql
- 云存储（COS）：提供可扩展的对象存储服务，用于存储Angular Universal应用程序的静态资源。链接：https://cloud.tencent.com/product/cos
通过使用腾讯云的这些产品和服务，您可以轻松地部署、运行和扩展Angular Universal应用程序，并获得更好的性能和SEO效果。
相关·内容
1回答
Angular 6.x Meta Tags OG:Description not with FB
angular、facebook、angular-universal、prerender
我有一个Angular 6.x应用程序，我正在使用Meta Service更改我的组件中的Meta标签。我的目标是让每条路线都有不同的图像和描述，这样他们就可以在facebook中正确地呈现预览。我验证了meta标签实际上正在更改，但FB看不到它们。我使用FB https://developers.facebook.com/tools/debug/sharing&#x
浏览 15提问于2019-01-08得票数 4
1回答
Facebook看不到的Angular Universal元标签
node.js、angular、express、angular-universal
我正在尝试让相关的meta标签显示在我的文章页面上，以便在Facebook上分享。我使用的是Angular Universal，它是服务器端渲染。Google索引起作用了，元标签出现在页面源代码中，所以我知道SSR起作用了，然而，Facebook爬虫看不到它们。我尝试过的解决方案是使用@angular/platform-browser的
浏览 1提问于2019-01-06得票数 1
3回答
Angular 6:在facebook上使用og:description标签共享页面时，动态Meta标签不起作用
angular、dynamic、angular5、angular6、meta-tags
我想使用API调用在meta标签中设置动态信息。当我检查时，它会显示更新的数据，但当我在Facebook上分享链接时，它不会反映更新的数据。">import { Meta, Title } from '@angular/platform-browser';
constructor(private metaService
浏览 0提问于2019-02-14得票数 4
1回答
在angular 2中，如何使index.html页面中的规范标记动态更改
angular、canonical-link
在angular 2中，如何使index.html页面中的规范标记动态化，以便我可以与社交媒体共享页面urls。目前是这样的：
<link rel="canonical" href="https://mywebsite.co.uk">
浏览 2提问于2016-03-08得票数 6
2回答
用.net内核中的angular更新og/meta标签
angular、asp.net-core-2.0
我正在尝试添加一些og标签，facebook将获取这些标签，从我在网上找到的信息来看，听起来angular universal现在已经被合并到angular中了，而且应该可以通过使用平台浏览器库来实现。我在angular的支持下开始了一个全新的.net核心项目。它创建了3个角度组件，我希望我可以测试并设置og标签- counter.component.ts，fetchdata.component.t
浏览 0提问于2018-03-29得票数 0
2回答
添加/更新在angular 6中不起作用的meta标签
javascript、angular、angular6
我将一个包含meta.updateTag()的方法挂接到路由器的NavigationEnd事件中。
浏览 1提问于2019-01-31得票数 2
2回答
动态更新angular4中社交共享的元标签
angular、share
我正在使用angular 4中的MetaService动态更新将在社交媒体中共享的组件中的'meta‘标签，然而，例如，facebook分享器无法识别更新的值，并在对话共享中加载我的标签的默认值。
浏览 0提问于2017-07-30得票数 0
1回答
具有动态内容的angular通用更新元标签
javascript、angular、typescript、angular-universal
嘿，我有一个问题，我有一个博客页面，它引入了动态数据，我想用这些数据来填充元标记，例如，我正在做这样的事情 this.http.get(...) })现在所有的迹象都表明这应该可以工作，但是当我查看源代码时，我看不到更新的meta标签，当我检查SEO工具时，我也看不到它们。
浏览 3提问于2018-11-21得票数 3
2回答
如何使用angular 4元服务动态更新开放的图形标签？
angular、facebook-opengraph、dynamically-generated、facebook-share、twitter-share
我使用Angular 4元服务来动态更新元标签，并更新了每个元标签显示在chrome开发工具的检查窗口中，但在从facebook和google的开放图形工具调试时，他们显示了主页的元标签。
浏览 28提问于2017-10-11得票数 0
2回答
Angular Universal -动态元标签在社交媒体共享上不起作用
angular、angular5、angular-universal
我有一个应用程序构建在Angular 5和Angular Universal上，具有服务器端渲染功能。对于主页，我固定了一个标题为"ABC“，当加载应用程序时，我调用了一个构造器，它更新了fb和其他社交媒体应用程序的标题和元信息。加载网站时，标签会更新，但当我在facebook调试器工具上删除网站时，它不会显示更新后的标签。
浏览 0提问于2018-05-31得票数 3
2回答
如何在角2(在服务器端呈现角度通用)中实现SEO (Metatags)？
angular、seo、meta-tags、angular-universal、angular-seo
我正在寻找一个关于SEO或使用角2的元标记的完全工作的示例，使用角通用在服务器端呈现(将被facebook、twiter和其他元标记识别)，但我没有成功。我发现了多篇文章，但有不完整的(没有所有可用的源代码)或最古老的文章(没有用最新版本进行编译)：
( a) blog.devcross.net/2016/04/17/angular-2-universal-s
浏览 8提问于2016-08-29得票数 6
1回答
如何使用Facebook api在帖子中使用文章缩略图共享Facebook上的文章？
javascript、html、node.js、reactjs、express
我有一个基于React节点的博客(https://www.edvicer.com/blog)。我想像Medium (https://medium.com/s/user-friendly/simple-is-bad-1381784fd679)一样使用Facebook api在Facebook上分享这篇文章的缩略图我试过使用Facebook分享对话插件，但首先分享帖子的用户界面并不像Medium那样有全尺寸<em
浏览 30提问于2019-07-04得票数 0
回答已采纳
我可以动态设置meta标签，当我检查元素时，我可以看到这些meta标签，但是当我通过whats-app分享链接(我动态设置meta标签)时，描述、标题和图像就不会显示。有人能告诉我我哪里错了吗？我正在做Angular 2。
这就是我在组件中设置meta标签的方式。
浏览 2提问于2020-01-06得票数 0
2回答
Facebook Open Graph协议和应用程序ID
facebook
我使用app_id在我的网页上使用Facebook Open Graph协议元标签，但我在Facebook的/insights/部分中看不到我的页面统计数据。我正在寻找一种方法，以查看我的所有网页统计为域。
你知道哪里出问题了吗？
浏览 3提问于2011-02-14得票数 0
1回答
获取外部网站元标记与fb调试器
php、facebook-opengraph
我正在尝试检索一个外部网站的元标签。 在视图源代码中，我看不到这些标记，获取它们的唯一方法是检查元素。然而，如果我用facebook调试器调试这个url，所有的meta标签都在那里。我正在努力寻找一种将这些标签作为php变量获取的方法。网址：https://play.anghami.com/song/45345900 FB Scraper如何看待它：https://devel
浏览 24提问于2019-01-18得票数 0
2回答
Joomla k2项目附加元标记
plugins、joomla、content-management-system、joomla-extensions、joomla-k2
我使用joomla和k2，我需要添加Opeh Graph元标签到我的项目中。我已经有了元描述和其他我不需要的东西。我试着用JS做这件事，但是facebook grabber看不到我的meta标签。所以我需要添加他们的后端部分。此外，我需要的机会来改变我的管理面板的值。也许你知道一些插件(免费的)或者别的什么？
浏览 6提问于2016-07-14得票数 1
1回答
Facebook爬虫能看到Base64图片吗？
angularjs、facebook、prerender
我有一个角应用程序，它是为prerender.io的机器人渲染。使用og:image标记正确地缓存页面，缓存的页面也有可见的图像。当尝试共享页面时，我无法选择任何图像。当查看源时，我可以清楚地看到元标记。
问题：
为什么fb看不到我所有的og元标签？
浏览 22提问于2016-10-08得票数 0
回答已采纳
1回答
带有facebook共享的动态更新元标记-角6
javascript、angular
我需要更新像og:title、og:description和og:image这样的元标记，并在facebook上共享这些标记。X-UA-Compatible";document.getElementsByTagName('head')[0].appendChild(meta);补充：-
this.meta.addTag({ name: 'og:descr
浏览 0提问于2018-12-21得票数 2
2回答
未调用Angular组件
angular、angular-router
我刚刚开始了angular项目。我创建了新的组件universal-table.component，只有2次打印到控制台，但这个组件似乎没有被调用。http://localhost:4200/model时，浏览器中没有加载UniversalTableComponent_Host.ngfactory.js，浏览器日志也没有填满，但我可以在Firefox的“调试”标签中看到HTML。组件：
import { Component, OnInit } from '@
浏览 0提问于2019-11-12得票数 1
1回答
具有元标记的Umbraco部分视图
asp.net、umbraco、partial-views
当我点击其中一个产品上的按钮时，它会打开一个弹出式(部分视图)，其中有一些共享按钮。当我点击“Facebook上的共享”，它需要有正确的元标签(产品的标题，产品的描述和产品的形象)。
这有可能吗?
浏览 3提问于2015-09-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
