标签: og-meta

是否有标签可以在Google+中指定Google +1故事格式,例如Facebook的og-meta?

随着Facebook我们有Open Graph tags允许网站管理员指定的故事是如何显示在Facebook上.

是否有类似的Google +1按钮,允许网站管理员指定缩略图,描述和标题?Google+似乎无视了og-meta tags.

Google的个人资料+1列表的示例,与Facebook的墙壁相对

facebook-like google-plus-one og-meta schema.org

29
推荐指数
2
解决办法
2万
查看次数

Pinterest Rich Pins保存:截断标题和标签

我的固定密码保存按钮存在奇怪的问题。在Pinterest中创建新PIN时,其标题和标签会被截断。

我使用了pinterest开发人员网站中提供的相同OG数据。参考:https : //developers.pinterest.com/docs/rich-pins/articles/吗?

任何建议或帮助,将不胜感激。提前致谢。

我的代码如下。

    <head>

    <meta name="p:domain_verify" content="SITE_VERIFICATION_CODE"/>

    <meta property="og:type" content="article" />
    <meta property="og:title" content="sample title" />
    <meta property="og:description" content="sample content" />
    <meta property="og:url" content="https://www.sample.com/">
    <meta property="og:site_name" content="sample site name" />
    <meta property="og:image" content="https://live.staticflickr.com/7027/6851755809_df5b2051c9_b.jpg"  data-dynamic="true">
    <meta property="article:tag" content="tag1,tag2"  >
    <meta property="article:published_time" content="2018-08-12T00:01:56+00:00" />
    <meta property="article:author" content="Sample author" />
    <meta property="og:keywords" content="keywords1,keywords2"  >

    <script async defer src="//assets.pinterest.com/js/pinit.js"></script>
    </head>

    <body>

    <a target="_blank" style="cursor:pointer;" href="https://www.pinterest.com/pin/create/button/"
   data-pin-do="buttonBookmark"
   data-pin-custom="true">
   SHARE TO PINTEREST
   </a>
  </body>
Run Code Online (Sandbox Code Playgroud)

注意:我已删除上述示例代码中的站点验证代码。参考 https://developers.pinterest.com/docs/rich-pins/articals/吗?参考 https://developers.pinterest.com/docs/rich-pins/reference/

javascript og-meta pinterest

5
推荐指数
1
解决办法
96
查看次数

动态更新 og 中的元标签

我想分享一些动态内容到WhatsApp,动态内容从API获取。因此,我在 component.ts 文件中使用 Angular Meta 类来使用动态内容更新 index.html 中的默认元标记属性。

当我将 URL 导航到我想要更新 og 元标记的特定页面时。元标记已添加到 DOM 中。但是当我与 WhatsApp 共享相同的页面 URL 时。动态内容不出现。

索引.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>DMK Youth Wing</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- og meta tags for link share  -->
  <meta property="og:title" content="" />
  <meta property="og:description" content="" />
  <meta property="og:url" content="https://www.youthwingdmk.in/" />
  <meta property="og:image" content="https://www.myhealthunlimited.com/wp-content/uploads/2016/07/300x200.png" />

  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
    integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
  <link rel="icon" type="image/x-icon" href="./assets/images/Youth wing logo2.png">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link …
Run Code Online (Sandbox Code Playgroud)

html meta-tags og-meta typescript angular

5
推荐指数
1
解决办法
4248
查看次数

whatsapp消息传递如何读取Facebook开放图形协议的网站URL?

我想像Facebook og meta一样,但对于我的网站的whatsapp消息,如附加截图,当我查看谷歌的元标记并找到这个角色属性但发现我无法用来完成它.

我怎么能实现这个目标?

这是我提到的.

<meta content="images/imagery" item prop="image">

什么应用程序消息示例

facebook og-meta facebook-opengraph whatsapp

2
推荐指数
1
解决办法
1万
查看次数