如何在Open Graph选项中修改URL以显示网站名称？

你说的这种情况，不是修改URL本身，而是通过配置Open Graph（OG）元标签或Twitter Card元标签，让社交平台、浏览器预览工具识别并显示自定义的站点名称、标题等内容，就像GitHub那样。具体操作如下：

• 在网站的<head>区域添加OG核心标签：

  <!-- 设置站点名称 -->
  <meta property="og:site_name" content="你的网站名称">
  <!-- 设置当前页面标题 -->
  <meta property="og:title" content="当前页面的标题">
  <!-- 填写页面完整URL（无需修改，保持原地址即可） -->
  <meta property="og:url" content="https://你的完整页面URL">
  <!-- 可选：添加页面描述和预览图，优化预览效果 -->
  <meta property="og:description" content="页面简短描述">
  <meta property="og:image" content="https://你的预览图URL">
  

• 如果需要适配Twitter平台，可以额外添加Twitter Card标签：

  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="@你的Twitter账号（可选）">
  <meta name="twitter:title" content="当前页面标题">
  

配置完成后，当你分享链接时，各大平台会读取这些元标签，优先显示你设置的og:site_name作为站点名称，而非直接展示完整URL。

注意：设置后可能需要等待平台缓存更新，或使用平台自带的链接调试工具刷新缓存，才能看到生效后的预览效果。

内容的提问来源于stack exchange，提问作者kindBob