作者的博客設計技巧可幫助您推廣書籍

已發表: 2022-12-03

Blog Design Tips

良好的博客設計是讓讀者留在您網站上的方式。 以下是作者的一些博客設計技巧,可幫助您創建、更新或刷新您的網站。

現在有很多選項、插件、小部件和附加組件可用於博客主題。 但是博客主頁經常會因為這些元素過多而變得雜亂無章。

現在的設計趨勢絕對傾向於最小化組件和最大化用戶體驗。

如果你想創建一個漂亮的網站設計來取悅你的訪問者,現在少即是多。

在本文中隱藏
好的博客設計的關鍵因素是什麼?
1.你如何選擇配色方案?
2. 什麼是最好的博客佈局?
3.為什麼排版很重要?
4. 你博客的主頁有多重要?
5. 如何使您的博文頁面更加有效?
6. 如何讓你的博客更具可讀性?
7. 你需要多少功能?
概括

好的博客設計的關鍵因素是什麼?

毫無疑問,您選擇的配色方案是第一位的。

它創建您的博客的外觀。

但緊隨其後的是排版、字體大小和佈局設計。

小型移動設備的可讀性和功能也很重要。

確保您的博客文章頁面設計精美非常重要。

只專注於自定義博客主頁是許多新博主所犯的錯誤。

所有這些元素都可以在任何免費博客平台或託管博客上更改、修改或改進。

然後是 SEO 和站點速度等技術考慮因素。

所有這些元素都有助於為您的讀者提供出色的用戶體驗。

現在讓我們更詳細地了解這些針對作者的博客設計技巧。

1.你如何選擇配色方案?

引人注目的設計的秘訣之一是使用調色板。

您不限於博客模板或 WordPress 主題中的顏色。 您可以更改博客任何部分的顏色。

您的第一步是找到您喜歡的配色方案。 或許您可以考慮一下用於書籍封面的顏色。 有很多免費網站,但我選擇了 Color Hunt 作為示例。

您可以從數百種不同的顏色組合中進行選擇。

palettes

當您找到喜歡的顏色時,將鼠標懸停在每種顏色上,您將看到 CSS 十六進制顏色代碼。

尋色盤 71302

複製這些十六進制代碼並保留它們以供您自定義網站顏色時使用。

柔和的顏色很受歡迎。 但是,如果適合您的博客主題,使用鮮豔的顏色並沒有錯。

上面的例子是一個四色集。 但是如果你在谷歌上搜索配色方案,你會發現很多組合。

您將使用的其他兩種顏色是文本的白色背景和黑色。 但要小心,因為在屏幕上閱讀時,白底黑字可能會使眼睛疲勞。

訣竅是改用深灰色。 您不必從純黑色中減少太多,以使您的文本更易於閱讀。

黑色的十六進制代碼是#000000。 在這個網站上,它使用#3f3f3f。 您可以嘗試看看哪種顏色最適合您。

2. 什麼是最好的博客佈局?

免費和付費博客平台上的博客頁面設計和佈局有很多選擇。

您可能有類似於下圖的選擇。 您還可以選擇全角或盒裝設計。

blog layout

但是這些選項中的大多數都存在問題。

這些模板中的所有側邊欄都將從移動設備上的視圖中消失。 它們僅在網頁的所有其他內容之後可見。

這使得它們對占互聯網流量 60% 以上的移動用戶完全無用。

側邊欄通常包含社交分享按鈕、廣告、特色帖子和號召性用語元素。 所有這些都將丟失給移動訪問者。

你怎麼解決這個問題?

最好的解決方案是使用單一頁面佈局並將許多側邊欄元素添加到頁腳。

您可以添加社交媒體圖標、鏈接、小廣告,甚至熱門帖子。

另一種解決方案是使用文本換行在您的帖子中包含廣告和圖片。 它們會更有效,尤其是當您進行內容營銷時。

一篇好的博客文章現在是一個頁面,並在頁面頂部包含大的特色圖片。 在文本中添加更多圖像有助於分解文本,使閱讀更容易。

3.為什麼排版很重要?

您選擇的字體說明了很多關於您的信息。

襯線字體表示你是新聞和嚴肅的,而無襯線字體表示你更放鬆。

最常見的字體是 Arial、Open Sans、Oswald、Georgia、Garamond、Montserrat、Merriweather、Roboto、Raleway、Playfair Display、Alegreya、Helvetica Neue 和 Lato。

您應該避免使用像 Comic Sans、Papyrus、Brush Script MT 和 Lobster 這樣花哨的字體。 這些可能適合作為一次性標題,比如在美食博客上。 但是在一般文本中使用時,它們非常難以閱讀。

awful fonts

你有重要的事情要在你的博客上說。 用一種表明你是認真的字體說出來。

不要使用會讓你看起來像個小丑的字體。

堅持使用標準字體並選擇一種能反映您博客主題的字體。 順便說一下,這個站點使用 Raleway。

4. 你博客的主頁有多重要?

如果您知道只有不到 10% 的站點訪問者訪問過博客的主頁,您會感到驚訝嗎?

大多數主頁點擊來自在 Google 或 Bing 搜索上找到您的一篇文章的人。 他們去那裡看看還能找到什麼。

所以,給他們一些東西。

最好有一個指向最重要頁面的頂部菜單。 然後您可以添加網站的其他相關或熱門部分。

新博主高估了博客主頁的重要性。 它通常只有很少的文字,所以它不可能被搜索引擎排名靠前。

用小部件、閃爍的廣告和號召性用語的彈出窗口填充它不會有太多效果。 它所做的只是減慢網站速度並使其對移動訪問者不友好。

對於作者來說,最好的博客設計技巧之一就是讓您的主頁設計盡可能簡單。 讓它優雅而有吸引力。 讓它成為一個目的陳述。

但更重要的是,讓它成為訪問者可以輕鬆找到您希望他們閱讀的內容的頁面。

一頁視差設計非常適合這個目標。

這是 ThemeGrill 的視差主頁示例。

parralax1

不要過度擁擠你的主頁。 使用它將您的訪問者引導至其他頁面,這將有助於降低您的跳出率。

5. 如何使您的博文頁面更加有效?

您從搜索引擎獲得的幾乎每個網站訪問者都會登陸您的博客文章頁面之一。

這意味著您必須確保他們停留足夠長的時間來閱讀您的帖子,然後想要更多。

博客的跳出率通常在 65-75% 之間。

這很正常,因為很多人都在尋找問題的答案。 如果你回答他們的問題,他們就會很滿意。 但隨後,他們自然而然地離開了。

一個好的帖子頁面的關鍵是給他們很好的理由在你的博客上尋找更多。

您可以通過多種方式做到這一點。 最明顯的是文章末尾的相關帖子鏈接。 但是所有訪客都讀完了嗎?

不,因為他們通常不會超過 50%,因為他們在前幾段中找到了他們要找的東西。

因此,您必須更早地包含相關帖子的內部鏈接。

理想情況下,您應該在帖子的早期就至少有一個。

blog tips for authors use internal links

您可以在上面的示例中看到第一個內部鏈接就在內容框之後。

在您的文章中添加三個或四個是個好主意。

它們不僅會降低您的跳出率,而且還會提高您的 Google 排名鏈接汁。

6. 如何讓你的博客更具可讀性?

博客可讀性的最重要因素是空白和短段落。

同樣,移動用戶是重中之重。 您需要考慮到他們需要空間來用拇指滾動的實用性。

其次,被屏蔽的長文本段落在手機屏幕上極難閱讀。

給你的讀者很大的空間。 短段落也適用於筆記本電腦和台式電腦。 你不是在寫學術論文。

保持您的文本開放、寬敞,並且在任何設備上都非常容易閱讀。

可讀性的一個令人驚訝的因素是您在每篇文章中使用圖像。 開頭的特色圖片幾乎是必須的。

add more images

但是通過添加更多圖片,您的帖子將更加直觀和吸引人。 一個好的經驗法則是為每 100 到 200 個文字添加一個圖像。

您應該使用有助於講述您的故事的相關圖像。

雖然免費圖片很好,但創建獨特的圖片總是更好。

7. 你需要多少功能?

博客主題的設計者和開發者不斷添加越來越多的功能來吸引用戶和客戶。

但是所有這些額外的 CSS 元素和 javascript 文件都會增加網站的大小並降低加載速度。

它會對移動頁面速度產生嚴重影響,尤其是。

有據可查的是,如果頁面加載時間超過三秒,您將失去訪問者。

您需要注意您在博客上使用的每個元素。 特別是,社交媒體小部件和滑塊可能會佔用大量資源。

即使像聯繫表單插件這樣簡單的東西也可能會導致問題——一些插件會在每個頁面上加載代碼,而不僅僅是您擁有的一個聯繫頁面。

網站未通過 Google Pagespeed 測試的主要原因之一是 javascript 元素僅在一個或兩個頁面上使用,但在您網站的所有頁面上都在後台加載。

它也適用於 CSS 代碼。

您可能認為包含所有選項、花里胡哨的主題是一個不錯的選擇。

但實際上,選擇一個輕量級的主題並只添加你真正需要的功能和選項會好得多。

新博主的一大陷阱是在博客主頁上添加了太多元素。 正如我之前提到的,很少有訪問者會登陸您的主頁。

用小部件、橫幅、廣告和熱門帖子填充它不僅會使您的主頁變慢,而且還會減慢您網站的其餘部分。

您可以在此測試結果中看到元素(請求)過多和博客設計不佳會影響站點速度。

page speed 1

如果您更有選擇性,則可以大大降低網站速度。 這是對 Just Publishing Advice 上其中一頁的測試。

page speed 2

您可以使用許多工具來檢查和改進博客的加載時間。

我們在有關站點性能的相關文章中列出了九種最佳速度工具。

如果您可以在不到三四秒的時間內加載您的頁面,那麼您就做得很好。

概括

最好的博客網站設計是乾淨、輕便和快速加載的。 這三個技巧適用於作者的博客設計。

無論您有什麼設計靈感,您總能使它具有吸引力和實用性。

您應該更關注博客文章在您網站上的外觀,而不是主頁的工作方式。

當您在網上搜索優秀博客設計的示例時,您幾乎總是會得到突出顯示主頁的結果。

如果您找到自己喜歡的設計,請確保檢查該主題的博客文章頁面的外觀。 這要重要得多。

然後使用速度測試工具測試頁面。 如果您的頁面速度得分很低,那麼它可能不是一個好的選擇。

一個漂亮的博客將始終幫助您宣傳您的書籍。 花一些時間在你的設計元素上,以幫助你吸引和留住你的讀者。

博客設計和編寫引人入勝的內容,易於閱讀,並以吸引人的佈局呈現,加載速度快,是成功的作者博客的主要要素。