如何啟用 Twitter 網站卡片以獲得更多社交流量

已發表: 2015-10-26

幾乎每條帶有鏈接的推文看起來都一樣。

“標題 + 鏈接 + 通過@handle + #hashtag。”

還有那個鏈接？ 它完全未優化。 無聊的。 你點擊推文，什麼也沒有發生。 用戶對鏈接的所有了解都是共享者選擇包含的內容。 這並不能讓您更好地控制人們如何發現您的網站。

我不了解你，但我有點控制狂。 而且我不喜歡那樣的聲音。

我希望 Twitter 用戶知道點擊我網站的鏈接時會發生什麼； 興奮地體驗它。 當他們一無所知時，他們怎麼能做到這一點？

值得慶幸的是，Twitter 需要讓網站和品牌保持快樂。 所以他們為此創造了一個答案：推特卡。

Twitter 卡片是一種將媒體添加到推文的簡單方法。 示例包括您的時間線中支持和擴展的照片、視頻和 GIF。

以下是圖像卡的示例：

對於網站所有者，還有 Twitter 網站卡片。 它從共享的鏈接中提取內容，並包括您的 Twitter 句柄。 看起來是這樣的：

卡的種類

有兩種類型的 Twitter 卡片有助於為您的網站帶來更多流量：摘要卡片和帶有大圖像的摘要卡片。

  • 摘要卡是上面紐約時報示例中顯示的內容。 它包括頁面標題、描述和縮略圖，還包括帶有快速關注按鈕的 Twitter 句柄。
  • 帶有大圖像的摘要卡更直觀。 它沒有顯示有關頁面的幾條信息，而是從頁面中提取一個大縮略圖，僅此而已。

無論您決定使用哪個，您的內容都將佔用更多時間線空間。

網站卡片的兩個主要好處

  1. 它將幫助您贏得追隨者。 如果您使用常規摘要卡，那麼任何分享您的內容的人都在宣傳您的句柄。 他們是否將其包含在推文的文本中。
  2. 您將獲得更高的點擊率。 眾所周知，我們都喜歡富媒體和引人入勝的內容。 普通鏈接陳舊而乏味。 在推文中給用戶“一點別的東西”可以幫助說服他們相信它的價值，直到他們吵著要查看你的網站。

如何在 WordPress 中啟用 Twitter 網站卡片

有兩種方法可以啟用 Twitter 網站卡片：通過插件或自己添加代碼。

使用 WordPress SEO 插件

相當多的插件可以在您的網站上獲得 Twitter 卡片，但我敢打賭您已經擁有了一個插件：WordPress SEO。

以下是如何設置它：

  1. 在您的 WordPress 儀表板中，導航到 WordPress SEO 設置的社交部分。
  2. 在 Accounts 中，在相應字段中輸入您的 Twitter 句柄（不要包括“@”）。

推特卡句柄

  1. 前往 Twitter 標籤。

推特卡摘要

  1. 選中該框以啟用 Twitter 卡片元數據。
  2. 選擇要使用的卡片類型：常規網站卡片或大圖像卡片。
  3. 保存更改。

這不是很容易嗎？ 伙計，那個插件有很多原因。

使用噴氣背包

Publicize by Jetpack 將默認啟用 Twitter 網站卡片（無大圖）。 你只需要通過 Twitter 的驗證器申請。 對於 Jetpack 用戶來說，真的沒有辦法讓它變得更容易。

但是，如果您還沒有使用 WordPress SEO 或 Jetpack，那麼您肯定不想僅僅為了這個功能而安裝它們（主要是矯枉過正）。 所以也有專門用於 Twitter 卡的插件。

使用 JM Twitter 卡

JM Twitter Cards 是一個獨立插件，可讓您對頁面卡片進行高級控制。 除了兩個網站卡片之外，您還有更多選項可供選擇，並且您可以直接從編輯器自定義每個帖子或頁面的信息。

下載插件後，您需要啟用站點範圍的設置以設置未自定義信息時的默認值。

開始：

  1. 在常規設置中填寫您的 Twitter 句柄（您可以為出版物和帖子作者添加單獨的句柄）和卡片類型。

twitter-cards-jm

  1. 在“圖像”選項卡下，為插件選擇一個備用圖像，以在頁面上找不到其他圖像時使用。

推特卡圖片

  1. 這就是您真正需要的一切，但如果您喜歡，可以深入了解更高級的設置。

自己添加 HTML

或者，您可以自己將元標記添加到您的網站。 這是您要添加到<head>:

&amp;amp;lt;meta name=&amp;amp;quot;twitter:card&amp;amp;quot; content=&amp;amp;quot;summary_large_image&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:site&amp;amp;quot; content=&amp;amp;quot;@nytimes&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:creator&amp;amp;quot; content=&amp;amp;quot;@SarahMaslinNir&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:title&amp;amp;quot; content=&amp;amp;quot;Parade of Fans for Houston’s Funeral&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:description&amp;amp;quot; content=&amp;amp;quot;NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:image&amp;amp;quot; content=&amp;amp;quot;http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg&amp;amp;quot;&amp;amp;gt;

那將適用於具有大圖像的網站卡片。 您可以在此處找到有關為大型圖像卡自定義元標記的更多信息，並在此處找到有關網站卡片的自定義元標記。

對於大多數方法，不再需要使用驗證器進行應用。 但是，如果您想使用它來獲取預覽和仔細檢查值，您可以在此處進行。

讓 Twitter 為您服務

像這樣的更改需要五分鐘才能實施。 永永遠遠。 而作為交換？ 您的網站更適合社交媒體。 當其他人可以像您一樣為您的網站帶來流量時，您的注意力就可以轉移到其他地方。

不要停在那裡； 在您的博客上嵌入 Twitter 卡片。 它會讓你內容流行！ 在這裡了解如何。