如何在WordPress網站合理地使用GIF動畫圖片

wordpress-gifs-1024x639-1

在WordPresss部落格文章中使用多媒體(如圖片、視訊或者音訊)可以帶來更多的分享,更多的反向連結,更多的轉化以及其他網站希望實現的目標。

引人關注的文章內容,更容易激勵網站訪客分享或點贊文章。如今的使用者變得越來越挑剔。人們的注意力範圍也變得窄小,僅憑文字很難抓住並保持使用者的關注。

這就是為什麼網站應該適當地使用圖片,視訊和GIF動畫。今天,我們將討論在WordPress中使用GIF的好處,以及如何上傳管理Gif動畫圖片。

使用GIF動畫的優勢

使用GIF動態圖片有不少優勢。它們是在頁面上的移動元素,與單獨的靜態影象或文字相比,更能吸引訪問者的注意力。

GIF動畫相對於視訊而言。它們載入速度更快,佔用更少的頻寬,並且可以迴圈播放以獲得(連續)關注。

如果你經常訪問Facebook,你應該知道在滾動新聞源時Facebook視訊是如何自動開始播放的嗎?這不是一種有效的,引人注目的技術嗎?GIF動畫的工作方式幾乎與這相同。

使用GIF還可降低頁面跳出率,並提高將訪客轉化為訂戶或客戶的機會。像Google這樣的搜尋引擎更喜歡使用大量多媒體內容(如影象和視訊以及文字)的網站和部落格。只是不要忘記在alt標籤中使用相關的關鍵字!(使用Smart SEO Tool外掛可以為圖片自動新增ALT和Title)

那麼這樣說,GIF動畫圖片是否就完美無缺。並非如此,關於圖片格式的優缺點,你可以閱讀深入探討15種主流圖片格式及其優缺點進一步瞭解。

如何正確地使用Gif圖片

當您想到GIF時,會想到什麼?可能是您最近看到的那些有趣的梗或動畫,對吧?

GIF動畫使用案例

儘管這些很有趣,但這並不是在網站或部落格上使用GIF的唯一原因。

  • 如果您正在撰寫有關應用程式,軟體或線上工具的使用說明時,則GIF圖片就非常有用。您可以使用Gif動畫圖片來解釋操作流程或相關提示。
  • GIF動畫圖片還可以幫助您建立目標網頁的殺手級內容。例如,轉到百度文庫頁面,然後檢視如何使用GIF來解釋功能。
  • GIF將幫助您在目標受眾中激發正確的情感。通過在GIF的幫助下突出顯示易用性,可以獲得更好的轉換。

下面是一個簡單的例子

這是一個社交媒體管理工具。GIF動畫用於說明藉助此工具查詢和安排引人入勝的內容有多麼容易。

choosejarvis

  • 說到目標網頁或轉化…,您還可以將GIF動畫用作號召性用語。
  • 您可以使用GIF在WordPress電子商務商店中展示產品。就像您在珠寶店中看到的那些旋轉展示架一樣。
  • 在社交媒體網站上分享帖子時,您也可以使用相同的GIF。它將增加您獲得點贊和分享的機會。

使用GIF增強寫作的例項

為網路寫作與其他格式有很大不同。一方面,注意力持續時間往往更短。為了解決這個問題,您需要確保您的寫作儘可能吸引人。這就是 GIF 等媒體元素的用武之地。

1. 在教程中說明覆雜的說明

我們釋出了大量關於WordPress和網頁設計的教程。編寫教程最困難的部分之一是確保為每個人提供正確的指導。

視覺輔助工具在此過程中發揮著重要作用。沒有任何媒體元素,教程可能很難遵循。另一方面,你不想用幾十張截圖來做最簡單的解釋,因為它可以“稀釋”你的寫作。

當涉及到GIF時,它們非常適合展示僅靠文字難以理解的說明。雖然螢幕截圖可能會引起一些混淆,但GIF會準確地向您顯示您需要執行的操作:

如何在WordPress網站合理地使用GIF動畫圖片-1

由於檔案大小,在“選擇”情況下使用它們也是有益的。它們往往比“常規”影象格式(例如JPEG和PNG)重得多。我們稍後會更多地討論這個方面。

2. 在行動中展示完成的設計

螢幕截圖通常“足夠好”以顯示完成的設計。根據您正在從事的工作,您可以根據需要使用盡可能多或儘可能少的產品,並且他們可以讓其他人對成品的外觀有一個很好的瞭解。

但是,這並不適合所有用例,尤其是動態Web專案。可用性在使用者對網站或應用程式的感受中也扮演著重要的角色。在許多情況下,很難通過靜止影象傳達這些設計的直觀性。

另一方面,GIF可讓您分享短暫的互動爆發。您可以向團隊成員展示特定元素的工作方式、測試人員如何與他們互動等:

如何在WordPress網站合理地使用GIF動畫圖片配圖4

這種詳細程度使您能夠將可用性問題歸零。如果您正在編寫教程,您還可以使用它來展示正在執行的成品。

3. 增加您在社交媒體上的參與度

您可能已經注意到,某些型別的內容往往會在社交媒體上獲得更好的參與度。動畫或動態內容尤其受到很多關注。

在Twitter和Facebook上使用GIF可以使 您的平均參與率增加一倍或三倍以上 。這裡的推理很簡單——社交媒體上有很多噪音,動畫內容往往在視覺上脫穎而出。

有很多方法可以在社交媒體上使用GIF。但是,社交媒體的兩個最佳用例是:

  • 包括展示您提到的產品的短動畫。
  • 使用GIF分享您對新聞或評論的反應。

與許多元素一樣,您當然可以“過度使用”GIF。你不想成為一個看起來很努力想變得很酷的帳戶,或者不瞭解使用GIF是可以接受的上下文。

在大多數情況下,我們將社交媒體中的GIF與輕浮聯絡起來,因此您可能希望將它們儲存起來以供不太嚴肅的評論或討論。

4. 資料動畫

為網路寫作最難的部分之一是找到使資料具有吸引力的方法。表格在幫助讀者對特徵和數字進行分類方面大有幫助,但您總是可以更進一步。

例如,資訊圖表使您能夠以一種不僅易於理解而且鼓勵分享的方式處理統計資料和數值資料:

如何在WordPress網站合理地使用GIF動畫圖片-3

使用GIF,您可以使這些型別的圖形更具吸引力。例如,您可以使用動畫來展示趨勢的進展、數字如何上升和下降等等:

statistics

圖片來源:Giphy

但是,它要求您能夠熟練使用圖形和螢幕錄製或動畫軟體。稍後我們將詳細討論您可以使用哪些軟體選項。

5. 使用GIF動圖表達核心觀點

也許使用 GIF 的最自然(也是最有趣)的方式就是強調一點。在日常生活中,您可能會習慣以這種方式使用 GIF。例如,當您講述一個有趣的故事或在社交媒體上發表評論時,正確的 GIF 可以使交付效果更好。

如果您已經使用社交媒體一段時間了,那麼您很可能確切地知道如何使用GIF來增強您的交付效果。但是,為聽眾寫作與與朋友交談不同。

理想情況下,兩種型別的寫作都應該具有高度的吸引力。但是,在為網站寫作時,您可能會更快地過度使用GIF。和朋友在一起,你有更多的餘地用動畫來聊天,而在更專業的環境中,你的觀眾可能想要閱讀你的想法和觀點。

簡而言之,要最大限度地發揮GIF的影響,請謹慎使用它們。這樣,他們將幫助您更有效地表達您的觀點。

如何上傳管理GIF動畫圖片

既然您已經知道並確信這些好處,那麼如何將GIF動畫新增到WordPress。

有一些專門為GIF開發的外掛可以讓您快速便捷地上傳和嵌入GIF,就像處理圖片或視訊一樣。下面是一些挑選過比較好用的GIF動畫圖片上傳管理WordPress外掛:

Giphypress

Giphypress

安裝此外掛將在文字編輯器中新增一個“ Giphy”按鈕。建立新頁面或文章時,請單擊此按鈕以使用標籤查詢相關的GIF。找到合適的GIF圖片後,單擊“Embed into Post”,該GIF將新增到文章中。就那麼簡單。

WP GIF Player

在單個文章或頁面上新增大量GIF有時可能會導致載入時間變慢。WP GIF Player可以幫助您解決此問題。安裝後,該外掛可確保不會同時載入和播放所有GIF。它將在所有動畫上新增一個GIF按鈕,以允許訪問者隨意播放或暫停它們。瞭解更多關於WordPress影象和視訊懶載入

WP GIF Player

AutoSet Featured Image

如果您要使用動畫GIF作為特色圖片,則可嘗試使用此外掛。GIF必須是文章中的第一張圖片,因為此外掛會選擇第一張圖片並將其用作特色圖片。

GIF Animation Preview

GIF Animation Preview

此外掛支援選擇文章中的GIF圖片作為預覽影象。它可以是媒體庫GIF圖片,也可以是其他網站的嵌入式GIF,具體取決於您。

Auto AnimateImage

Auto AnimateImage

上載一系列圖片,並使用此外掛進行組合並將其轉換為動畫。您可以根據需要設定各種選項,例如動畫延遲,快退,暫停或重複計數。

如您所見,將GIF和動畫圖形新增到WordPress部落格確實很容易。您所需要的只是一點專業知識和正確的工具。

當然,您也可以在Giphy等網站上使用預設的嵌入選項。

如何在WordPress網站合理地使用GIF動畫圖片配圖11

via GIPHY

您平時在WordPress中時如何使用GIF?有沒有嘗試過上述外掛中的一個?歡迎留言探討交流!

評論留言