10改進您的旅行博客設計

設計的建議在我們消耗信息的方式中起著非常重要的作用，尤其是當它涉及旅行博客及時搜索特定信息的旅行博客時。有了一個精心設計的旅行博客，觀眾可以在幾秒鐘內獲取信息，從而又將構成更頻繁地進入網站的做法。

另一方面，一個發達的旅行博客可能會使觀眾感到困惑，形成不良的意見並完全放棄您的博客。

根據研究，您的聽眾將研究旅行博客的視覺吸引力，並在頁面加載後的500毫秒內迅速形成意見！不幸的是，許多旅行博客在早期階段並未將設計優先考慮，隨著博客的增長，設計通常被放在後燃燒器上，完全被遺忘了。

無論您的內容多麼有趣和不同，如果您的聽眾不喜歡您的旅行博客提供的閱讀體驗，他們都會毫不猶豫地離開您的網站並切換到其他替代方案。

我已經擔任自由用戶界面設計師已有10多年了，最近我嘗試了重新設計自己的旅行博客bucketlistlistlistlist.blog，並學到了很多有關如何創造出色的閱讀體驗的知識。

☞另請參見：旅行工作 – 您可以遠程完成的101個工作列表

今天，我將與您分享您可以申請的許多基本設計建議，以改善旅行博客的閱讀體驗。

1.簡化導航

正如我之前討論的那樣，您的網站必須盡可能快地提供您的受眾需求信息，並且通過輕鬆清晰的導航，這將使您的受眾能夠跳來跳去並更輕鬆地探索您的網站。

將導航結構限制為不超過2個級別，並且頁面頂部可用的簡單清晰標籤是簡化旅行博客的一種方法。另外，根據Google的說法，您的內容的深度可以確定您的文章排名。如果只需單擊即可到達頁面，那麼Google將比其他單擊兩次單擊的其他頁面更為重要。

想學習如何創建旅行博客嗎？我們可以向您展示如何在幾分鐘之內開始，我們將免費向您發送我們的4部分初學者博客視頻課程和我們的200頁博客電子書！點擊這裡了解更多。

2.以內容為中心的佈局

如果您到達頁面上，並且您的眼睛會自動進入內容以外的其他內容，那麼網站所有者做錯了。旅行博客通過其內容生活和死亡，至關重要的是，要選擇一個專注於內容的佈局，而不是其他無關的東西，例如營銷或廣告。

內容的最佳佈局是在道路上的山羊上看到的單列佈局。內容是前部和中間的，幾乎沒有乾擾。用戶無需考慮內容在哪裡。他們看到了頁面，他們立即知道它的位置。

兩列佈局也可以接受，左側的內容和右側的側邊欄也可以接受。如果您選擇這樣做，請確保內容列比側邊欄大得多，以免讓觀眾感到困惑。

我發現，最小寬度為800px或更大的內容區域到300px側邊欄是一個很好的平衡，可以使內容中心階段，同時為側邊欄留出一些空間。

3.優化圖像

通常，您的旅行博客將通過有限的移動數據從手機上使用，並且由於圖像的旅行內容通常很重，因此必須在提交之前正確優化照片，以便您的帖子加載更快，並且您不喜歡浪費觀眾的移動數據有限。

提交之前，您可以通過第三方服務（例如TINYPNG或Optimizilla）優化圖像，也可以使用Adobe Photoshop手動執行圖像，如果您需要對設置進行更多控制權。我發現的最佳設置是以60％的質量將照片轉換為JPEG。質量可能會根據您擁有的照片類型而有所不同，因此可以完全自由地嘗試數字。

4.懶惰加載一切

懶負載是一種設計模式，通常由具有重量內容的站點使用，以推遲圖像或iFrame的初始化，直到需要它的點。

如上所述，移動數據和速度對您的受眾來說是寶貴的，並且由於旅行內容的性質，您應該懶惰地加載您的所有照片，YouTube視頻和Google Maps嵌入購買中的Google Maps，以免浪費您的服務器資源D受眾數據，進而加快旅行博客的初始加載時間。

要在旅行博客上執行此操作，您將需要一些JavaScript開發技能或Web開發人員來幫助您。我推薦的插件是Verlok的懶負載腳本，該腳本易於實現，輕巧且功能強大。

☞另請參見：10個完全免費的WordPress插件，每個旅行博客都應該擁有

您可以通過將懶惰負載與小占位符圖像和“ srcset”屬性相結合，更像是我對Bucketlistlistly Blog所做的一步。

這就是它的工作原理：您將需要3個版本的同一圖像，一個用於佔位符（20％的像素，質量為20％），一個用於移動版本（500像素寬，質量為60％）和原始照片。

當頁面首次開始加載時，將首先將佔位符版本作為佔位符加載，並且只有在觀眾滾動時，才會加載原始圖像。如果您希望圖像根據受眾屏幕尺寸加載較小的版本，則可以通過將圖像的移動版本放入SRCSET屬性中來使用圖像HTML標籤上的SRCSET特性。您可以在此處了解有關SRCSET的更多信息。

5.輕鬆訪問搜索按鈕

搜索功能是旅行博客可能擁有的最重要的功能之一。當您的聽眾到達您的博客，而他們在該頁面上找不到想要的內容時，他們將要做的下一件事就是尋找一個搜索按鈕以進一步潛入。

他們經常會在您的導航欄上尋找它，如果找不到搜索按鈕，他們可能會離開您的網站，因此請務必確保在頁面頂部的搜索功能上準備好搜索功能。

6.改善攝影

當我在法國阿爾卑斯山遠足時，我接受了這一點。

您可以通過提高攝影遊戲來改善觀眾閱讀體驗。視覺輔助工具是旅行內容中的一個很大的組成部分，並帶有刻板的照片以伴隨您的博客文章，如果他們喜歡其中的攝影，則觀眾將更有可能與該帖子互動。畢竟，我們人類是視覺生物。

模糊，低質量的照片可能會給您留下深刻的印象，即您的內容質量低，所以不要讓您的講故事。

7.不要為營銷犧牲設計

我已經看到太多的博客作者犯了一個錯誤，因為為了營銷，犧牲了許多煩人的彈出窗口和橫幅。我看到的最常見的錯誤是，當我到達頁面上時，搜索特定信息和整頁彈出窗口似乎甚至在我有機會閱讀內容之前就要求我訂閱他們的新聞通訊。這是失去觀眾的肯定方法。

最好避免使用任何妨礙您的受眾和他們想要的內容的營銷技術。

8.將花式字體保持在最低

作為博客設計的一部分，擁有精美的字體是使您的博客與通用的字體分開的好方法，但不要過度使用它。我已經看到了許多隨著字體超越超越的旅行博客，因此由於他們使用的字體的可讀性差，幾乎無法弄清楚博客文章的內容。

將精美的字體保持在最低限度。一個很好的經驗指南是，如果您想使用精美的字體，請將其限制為一個，並僅在大標題上使用。為您的內容選擇更清晰的字體，例如Open Sans或Helvetica，以獲得更好的閱讀體驗。

9.始終如一地構建您的內容

在為旅行博客創建內容時，請確保您的腦海中具有清晰的結構，並使用最佳風格在整個博客中始終如一地反映它。

標題應該看起來像具有最受歡迎的字體尺寸，重量和顏色的標題。標題文本的字體大小比標題和相同的大膽重量，而身體文本的字體尺寸也最小，字體尺寸和正常字體重量也是如此。

如果您知道一些HTML，則良好的經驗指南是將H1標籤用作標題，H2作為字幕，H3作為標題為標題，H4作為子標題作為子標題，p in for段落。

10.限制浮動內容

如前所述，您的聽眾很可能會從手機到達您的博客，並且屏幕房地產如此有限，如果您有一個覆蓋屏幕15％的浮動盒，則只會讓您的觀眾更加煩惱。

考慮到這一點，如果您有一個帶有固定頂部導航欄的旅行博客，那麼您已經佔用了受眾屏幕房地產的15％，並且如果您選擇將廣告放在底部，又將廣告攝入另外15％。 這意味著您僅留下70％的屏幕上的內容。 如果您添加景觀尺寸的圖像，則可能會佔50％，然後您將沒有餘地供觀眾閱讀任何內容，除非他們向下滾動照片。

這只是給聽眾帶來了不必要的不便。 牢記您的移動受眾並限制旅行博客上的浮動內容。

您還在運行旅行博客嗎？ 您在博客上使用了多少這些技術？ 我錯過了清單中的任何東西嗎？ 在下面的評論中與我們分享，因此我們可以互相幫助使旅行博客行業更漂亮。

像這篇文章？ 壓住他！

免責聲明：道路上的山羊是亞馬遜同事，也是其他一些零售商的會員。 這意味著如果您單擊我們的博客上的鏈接並從這些零售商那裡購買，我們會獲得佣金。