簡體   English   中英

電報和FB鏈接預覽

[英]Telegram and FB link Preview

我正在嘗試設置我的網站,以便可以在Facebook和Telegram等社交媒體平台上共享。 目前,共享鏈接未顯示任何預覽圖像。 我想利用這些來最大程度地曝光。

我有以下og標簽:

   <meta property="og:image" content="https://voaustralia.com/wp-content/uploads/money.jpg" />
   <meta property="og:image:secure_url" content="https://voaustralia.com/wp-content/uploads/money.jpg" />

有什么問題嗎?

據我所知,以上內容足以讓我的圖像作為預覽顯示。 我什至使用的是Yoast SEO插件,它會自動生成這些標簽。

這是一個示例頁面,我沒有看到任何預覽圖像: 鏈接

Facebook特別是在鏈接上使用大量緩存。

因此,如果您在未設置圖片標簽或圖片標簽錯誤時嘗試共享鏈接,則新的鏈接共享將使用此緩存的數據,而不是重試預覽圖像。

您應該真正使用Facebook測試工具來確保尚未真正解決此問題。 例如,我測試了您的鏈接,該鏈接顯示了預覽圖像: 此處

繼承人工具,可一次測試多個預覽系統/網絡。 這是一個第三方工具,因此它可能仍會使用緩存。 您必須嘗試一下,看看它被證明是多么有用: https : //richpreview.com/

Telegram和Facebook都使用OG-mata標簽( http://ogp.me )獲取有關您的網頁的信息。 例如:

<meta property="og:type" content="website">
<meta property="og:site_name" content="My site title">
<meta property="og:title" content="My page title">
<meta property="og:description" content="My page description">
<meta property="og:url" content="http://example.com/my-page-url">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="http://example.com/myImage.jpg">

另外,您還應該在<html>標記內插入“ prefix”屬性。 例如:

<html prefix="og: http://ogp.me/ns#">

最后,如果您進行了這些更改,但在Telegram和Facebook中仍然看不到任何更改,則意味着它們已緩存了頁面的舊版本。 您可以使用其特殊工具清除緩存。

Telegram使用webpagebot ,您可以在此處發送頁面URL,Telegram將再次獲取您的頁面數據。

Facebook轉到“ 打開圖對象調試器” 您可以在此處輸入頁面網址,然后點擊“獲取新的抓取信息”。 Facebook將再次獲取您的頁面數據。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM