如何在WordPress中添加Twitter卡的入門指南


您想將Twitter Cards添加到您的WordPress網站嗎? Twitter Cards使您可以將富媒體附加到鏈接到您的內容的推文上。 這與在Facebook上共享鏈接非常相似,該鏈接會自動顯示帶有頁面內容的標題,摘要和縮略圖的預覽。 在本文中,我們將向您展示如何在WordPress中添加Twitter卡。

將Twitter Card添加到WordPress網站

Twitter卡如何工作?

當您的推文具有指向啟用了推特卡的網站的鏈接時,將提供查看摘要的選項。 每當其他用戶單擊該推文時,他們都會看到此摘要,如下面的屏幕截圖所示。 您可以通過轉到我們的網站查看實時示例 Twitter頁面

Twitter Cards預覽

擁有推特卡的最大優點是,它通過內容歸因增加了關注您的推特帳戶的人數。 人們經常在不給您適當歸因的情況下發布您的鏈接。

我們已經從一些受歡迎的內容策展人那里特別注意到了這一點。 他們將通過@wpbeginner或RT @wpbeginner不發送任何推文。 這是他們的權利,但是當其他人使用其他人的屬性轉發您的內容時,我們/您作為發布者會特別錯過。

例如,@ syedbalkhi轉推了@wpbeginner上的帖子而沒有署名,其他人轉發了@syedbalkhi。 然後,查看這些轉發的用戶更有可能關注@syedbalkhi,而不是@wpbeginner。

內容管理者通常會這樣做,以使推文長度保持較短,並確保自己推文的轉發。 使用推特卡,此問題得以解決,因為您從提及您文章的每條推文中都獲得了您網站的榮譽。 注意:我們不選擇內容管理員。 這是一個限制為140個字符的缺陷,twitter正在使用Twitter卡來修復它。

例如,當安妮(Annie)發推文發布我們的文章時,她沒有提及@wpbeginner。 但是由於我們的Twitter卡集成,我們獲得了充分的信譽和曝光率。 請注意,它還有一個單擊跟隨按鈕。

使用Twitter卡轉發的預覽

既然您已經知道了Twitter卡的好處,那麼讓我們看一下如何在WordPress中實現。

如何在WordPress中添加Twitter卡

在WordPress中有兩種添加推特卡的方法。 讓我們看看它們兩者。

方法1:Yoast SEO插件

如果您正在使用WordPress SEO by Yoast插件,那麼您很幸運。 Yoast具有Twitter卡的內置集成,因此只需單擊幾下即可將其打開。

只需轉到Yoast SEO設置頁面的“社交”頁面。 輸入您的Twitter用戶名並保存更改。

在SEO設置下在社交頁面上添加Twitter用戶名

之後,單擊Twitter選項卡。 在“ Twitter”選項卡下,您需要選中“添加Twitter卡元數據”複選框。 選擇默認的卡類型進行選擇。 您可以選擇顯示摘要或以大圖像顯示摘要。

啟用推特卡

接下來要做的是轉到 用戶»我的個人資料 頁。 您的Twitter用戶名將在“聯繫信息”下看到一個新字段。 在此處輸入您的Twitter用戶名。

如果您正在運行一個多作者網站,則建議您的作者在其個人資料中完成此部分。 這樣,每個特定的作者也因其工作而受到讚譽。 請參閱以下示例:

Twitter卡預覽顯示內容創建者或作者

這就是您已成功將Twitter Cards元標記添加到WordPress網站的全部內容。

到目前為止,此方法是最簡單的方法。 由於我們在所有網站上都使用Yoast的WordPress SEO,因此我們正在使用此方法。

方法2:自己對其進行硬編碼

此方法需要將代碼添加到主題或子主題文件。 只需打開header.php文件,並將此代碼添加到 標籤。

ID), full );
    $twitter_thumb  = $twitter_thumbs[0];
      if(!$twitter_thumb) {
      $twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75';
    }
  $twitter_name   = str_replace('@', '', get_the_author_meta('twitter'));
?>









資料來源:Ryan Cullen @artesea

如果您不知道如何使用PHP或遇到方法2的問題,請使用方法1。

最後一步:測試和驗證

在您的WordPress網站上的鏈接開始顯示Twitter卡之前,您需要首先在Twitter卡驗證器中對其進行檢查。

只需前往 卡驗證器 Twitter開發人員網站上的頁面。 輸入您WordPress網站中任何帖子的URL,然後單擊預覽卡按鈕。

使用Cards Validator測試Twitter Cards預覽

Twitter將向您顯示您的Twitter卡的預覽。

更新: 以前,您必須申請加入Twitter卡。 但是,Twitter實施了一個系統,當您使用驗證器測試域或僅在Twitter上共享URL時,該域會自動將域列入白名單。

我們希望本文能幫助您在WordPress中添加Twitter卡。 您可能還想查看我們的WordPress十大最受歡迎的Twitter hacks和插件列表。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。