javascript - ReactJS:如何更改 URL 的链接预览?
问题描述
我不知道从哪里开始,我网站的默认链接预览如下所示: 我不知道为什么它显示引导程序而不是我网站中的内容。这是我要分享的页面:
所以我期待链接会有图像和标题(涂黑)。
但好的一面是,当您单击引导链接时,它将重定向到我的页面而不是引导但我仍然无法得到的是为什么它显示引导而不是页面上的内容?我在哪里可以更改它?
谢谢您的帮助。
解决方案
你的问题是你的这一行<head>
:
<link rel="canonical" href="https://getbootstrap.com/docs/4.0/examples/blog/">
这告诉机器人、网络爬虫和一般每个人这个页面与https://getbootstrap.com/docs/4.0/examples/blog/完全相同。它甚至更进一步,表明这是您页面的正确URL。
大多数自动化系统会在看到<link rel="canonical">
标签后停止解析您的页面,而是将链接的页面解析为当前页面。这就是 Facebook 等人的地方。正在从中获取引导元数据。
TL;DR:删除此行。
为了将来参考,您可以使用 Facebook 的共享调试器来解决此类问题。对于给定的 URL,这是当前结果:
请注意Canonical URL和Redirect Path字段,它们表明了我的上述诊断。
推荐阅读
- javascript - 在 javascript 中合并和分组对象属性
- list - 在 O(n) 中对 Perl 中的列表进行自定义重新排序/排序
- java - JButtons 在鼠标悬停之前不可见我也遇到了 JPanel 和 JLabel 的这个问题
- nginx - 如何限制对文件夹的访问,但仍访问 nginx 中该文件夹中的 safe.html 文件?
- python - pgrep -f myprogram.py 如果进程未运行,则不返回任何内容
- asp.net - Oracle 会话状态存储
- amazon-web-services - 如何将 TaskInstanceGroup 添加到 AWS EMR 以使用 cloudformation 进行自动扩展?
- javascript - jQuery在div之后获取值
- angular - 使用 httpclient Angular 向本地服务器发出 GET 请求时出现 cors 错误
- html - 我正在使用引导程序如何使用我的 css 文件更改此导航栏的颜色?