博客設(shè)計

時間：2023-09-19 16:36:02 | 來源：網(wǎng)站運營

時間：2023-09-19 16:36:02 來源：網(wǎng)站運營

博客設(shè)計：采自：?？松瓟?shù)字營銷 博客設(shè)計

一、什么是博客設(shè)計
博客設(shè)計是優(yōu)化博客外觀，感觀，品牌感，可讀性和功能性的實踐，以最大限度地提高訪客數(shù)量，讀者和轉(zhuǎn)化。





二、為什么博客設(shè)計很重要
根據(jù)wordpress最新的數(shù)據(jù)，每天有7000萬篇博客文章發(fā)布出來。



因此，如果你想要自己的內(nèi)容得到關(guān)注，需要發(fā)布高質(zhì)量內(nèi)容。
但是內(nèi)容在外觀設(shè)計方面，也需要出眾。
根據(jù)NN/g的說法，網(wǎng)站設(shè)計對網(wǎng)站的可信度有著巨大的影響。



我自己也看到了博客設(shè)計對博客的影響。當(dāng)我第一次開始涉足博客的時候就知道，作為一個新的網(wǎng)站或者博客，要想能在這個超級競爭的數(shù)字營銷領(lǐng)域脫穎而出，不僅要發(fā)布高質(zhì)量的內(nèi)容，還要讓網(wǎng)站設(shè)計能夠幫助內(nèi)容脫穎而出。
于是，我們投入了很多時間在博客的設(shè)計中。（如果你有關(guān)注埃克森的網(wǎng)站，應(yīng)該可以看到它的變化）



我們在內(nèi)容中著重使用了很多視覺內(nèi)容，比如信息圖表。



這些設(shè)計幫助我們的博客迅速得到關(guān)注。
為了突出我們的博客設(shè)計，我們也花心思進行過了自定義的設(shè)計：



雖然這些比較耗費時間。當(dāng)我們看到目前的流量和幾百個關(guān)鍵詞排名首頁。所有的努力都得到了回報。






現(xiàn)在你已經(jīng)明白為什么博客設(shè)計很重要，下面我們帶大家了解如何進行正確的博客設(shè)計。

三、八個策略幫助你的博客設(shè)計脫穎而出
1.關(guān)注高可讀性
提到博客設(shè)計，人們一般會想到：顏色，插圖，品牌和用戶體驗。
這些因素對于博客設(shè)計是很重要。
但他們還沒有你的字體重要。
畢竟，博客是人們?nèi)ラ喿x文本內(nèi)容的地方。如果文字內(nèi)容難以閱讀，一個博客就很難成功。（不管里面的內(nèi)容有多精彩）
其實，讓你的博客內(nèi)容容易閱讀是可以很輕松實現(xiàn)的。
最重要的是使用15px-18px的字號。
卡內(nèi)基梅隆大學(xué)的一項研究發(fā)現(xiàn)，大字體更容易閱讀和理解。



這也是?？松瓟?shù)字營銷在內(nèi)容營銷實踐注意到的，當(dāng)我們打開使用小字體的博客時，我們通常會點擊離開。
如果打開了一個可讀性高的博客，我們通常會給出更多的機會。
Medium.com在可讀性字體方面就做的很好。
他們使用20px字體。大字體，粗體，非常容易閱讀。



除了字體大小外，你還需要在博客設(shè)計的文字周圍給出足夠的留白。
例如，看一些這個博客的文字都擁擠到了一起。



難以閱讀。
再看一下，我們的博客，我們在內(nèi)容周圍使用了大量的留白。



最后使用一個容易閱讀和瀏覽的博客布局。
例如，使用大邊距，像這樣：



以及，對副標(biāo)題使用加粗字體從而將長內(nèi)容分解成小塊。





2.一致性設(shè)計
像網(wǎng)站設(shè)計一樣，博客設(shè)計的一致性是非常重要的。
一致的設(shè)計讓人們更容易記住你的博客。考慮到現(xiàn)在有這么多的博客，這是非常重要的。
例如，在埃克森數(shù)字營銷，我們使用藍色貫穿于整個網(wǎng)站。



再例如，AngelList，他們使用自定義插圖的博客文章banner, 給人統(tǒng)一的外觀和感覺。



NerdWallet博客在每篇博客文章的頂部都使用了高質(zhì)量的圖片。



這種一致性的設(shè)計，讓他們的博客即使沒有文字，你也能辨認出在誰的博客上。





3.用設(shè)計讓博客脫穎而出
通過以上的策略，我們知道了博客要有高可讀性，以及一致的設(shè)計元素。
如果你的博客看起來跟大多數(shù)博客一樣，那樣他就會被淹沒于浩瀚的博客大軍中。
所以這就是為什么至少你的播客設(shè)計應(yīng)該致力于脫穎而出。
并不一定非要發(fā)明什么新的東西。但是你的博客應(yīng)該做一些與其他博客不同的事情。
這里有一些位置，你可以用來調(diào)整你的博客，讓它更與眾不同：

• 博客首頁內(nèi)容排版
• banner圖片
• WordPress主題
• 字體
• 插圖
• 評論
• 網(wǎng)站導(dǎo)航
• 頁腳

我們可以看一些博客例子來獲取些靈感，這些博客都做得很出色。
Intercom為他們的博客布局做了非常獨特的設(shè)計。



大多數(shù)博客內(nèi)容排列都是垂直的，只有一列。但Intercom把最新的文章排在頂部。



然后以3*3的格子列出時間靠前的博客文章。



不管這樣會不會使它們的內(nèi)容更容易查找。但不可否認的是，他們的設(shè)計很突出。
再看一個個人博客的例子：Marie Forleio的博客。



她的布局，字體和風(fēng)格都是非常獨特的。





4. 突出最好的內(nèi)容
大多數(shù)博客內(nèi)容格局就像這樣：



最上面是最新發(fā)布的文章。按照發(fā)布時間順序往下排。
現(xiàn)在：
這個布局并沒有錯。（?？松瓟?shù)字營銷也是這樣做的）
但有一個缺點，就是不容易找到你最好的內(nèi)容。
例如，假設(shè)你兩年前發(fā)布的一篇非常好的指南。人們第一次來到你的博客上的時候是很難找到這個指南的。它可能已經(jīng)埋藏在第20頁了。
這就是為什么越來越多的博客正在使用“圖書館分類法”來提供他們的博客信息。
有了這個方法，你可以突出最好的內(nèi)容，而不是你最新發(fā)布的內(nèi)容。
例如，Lattice博客主頁就將最受歡迎的內(nèi)容放到了最上面。



你需要滑到博客主頁的底部才能看到他們的最新文章。
當(dāng)然這個方法不一定適合每個人。如果你的博客是關(guān)于新聞或趨勢的一些話題，那么采用傳統(tǒng)的博客設(shè)計，將最新文章放在最前面即可。
但是，如果你有很多常青內(nèi)容，那么圖書館分類法對你就是有意義的。
如果你堅持將文章的發(fā)布時間作為排序規(guī)則，你還可以考慮在博客主頁的側(cè)邊欄，展示一些最好的內(nèi)容。



埃克森數(shù)字營銷在實踐中還更進一步，將我們獲取瀏覽量最多 ，以及停留時間最長的內(nèi)容作為“精選文章”直接打包放到了網(wǎng)站首頁進行展示。
（因為我們知道，這些都是受眾比較喜歡的文章）



5.添加視覺效果和圖片
博客設(shè)計不僅僅是頁面的設(shè)計。
你的內(nèi)容格式，布局，甚至文案本身都會影響設(shè)計。
為了讓你的內(nèi)容更增彩，我建議你在文章中添加視覺效果和圖片。
例如，先看一個100%由文字組成的博客文章。



再看一個圖文并茂的博客文章。



這些圖片元素讓你的內(nèi)容看起來更有趣。
當(dāng)然，我們使用圖片并不只是讓博客文章看起來更好。圖片可以分解內(nèi)容，讓內(nèi)容更容易閱讀。
也不能只是為了添加圖片而放置圖片。而是在有意義和有必要的前提下使用圖片。

6.為“大內(nèi)容”創(chuàng)建自定義設(shè)計
對于列表文章，案例研究和其他一般性的文章，使用標(biāo)準(zhǔn)博客布局設(shè)計就可以了。
但當(dāng)你發(fā)布一些大型內(nèi)容時，最好考慮使用自定義的頁面設(shè)計。
例如，?？松瓟?shù)字營銷對大多數(shù)文章使用了統(tǒng)一的布局設(shè)計。



但對于我們的一些大型話題，或者說內(nèi)容集合文章，我們單獨進行了版面設(shè)計。



因為大多數(shù)文章布局都是相同的，這些內(nèi)容集合文章就很容易脫穎而出。
當(dāng)然，你也可以為某篇文章單獨創(chuàng)建設(shè)計版面。
例如，F(xiàn)YI對他們的博客文章“why everyone loves remote work”就是這么做的。



這篇博客文章完全是定制式的設(shè)計，包含有大量的定制圖片，圖表和設(shè)計元素。


7.創(chuàng)建一個博客主頁
對于大多數(shù)人來說，他們的博客主頁就是簡單的排列了文章。



這樣做的好處是，這種布局可以很容易地找到你的內(nèi)容。
但是這對轉(zhuǎn)化是不好的。
因此，我建議嘗試專門為建立郵件列表而設(shè)計博客主頁。
然后再排列你的文章。
例如，?？松瓟?shù)字營銷的博客主頁就是為建立郵件列表而優(yōu)化的。



因為我們設(shè)計的目標(biāo)是收集郵箱，所以轉(zhuǎn)化比較好。

8.使用署名
當(dāng)人們來到一個博客的時候，都會好奇“這些文章是誰寫的？”
這是人的本性：我們對內(nèi)容背后的人充滿好奇。
所以這就是為什么，建議你在每篇文章中使用清晰的署名。最好能帶上作者的頭像。
例如，Buffer博客在他們每篇文章標(biāo)題下面都使用了署名。





9.添加社交分享按鈕
如果你希望更多的人在社交媒體中分享你的內(nèi)容，你需要給他們提供分享的便利。
這就是為什么我建議大家在你的博客設(shè)計中嵌入社交分享按鈕。
在埃克森數(shù)字營銷博客頁中，我們使用了浮動的分享按鈕，這些按鈕會隨著你滑動頁面而滑動。

當(dāng)然，你也可以在博客文章頂部或底部設(shè)置靜態(tài)的社交分享按鈕。
專業(yè)建議：添加2到3個你的受眾花費時間最多的社交媒體網(wǎng)站。
太多的分享按鈕不僅看起來比較丑…



而且會降低分享的幾率（選擇障礙）。
例如，我們大多數(shù)受眾在facebook和twitter以及領(lǐng)英中分享內(nèi)容。所以我們就添加了這些分享按鈕。



當(dāng)然，如果你的受眾經(jīng)常在pinterest上分享內(nèi)容，你完全可以添加它。