您企業(yè)的新聞博客是吸引新用戶(hù)訪問(wèn)您網(wǎng)站的主要工具，這些是新用戶(hù)尋求知識(shí)和對(duì)他們所提問(wèn)題的答案。

為了幫助塑造和優(yōu)化內(nèi)容的可讀性，您需要新聞設(shè)計(jì)來(lái)促進(jìn)它的出現(xiàn)，該設(shè)計(jì)能夠吸引客戶(hù)成為頭條新聞，吸引互動(dòng)，優(yōu)化轉(zhuǎn)化并創(chuàng)造持久的印象。

將您的內(nèi)容整理到學(xué)習(xí)中心

如果您像成都創(chuàng)新一樣，并且已經(jīng)創(chuàng)建內(nèi)容多年，那么您可能已經(jīng)積累了許多不同類(lèi)型的內(nèi)容。

自然，您可能已經(jīng)完成了許多其他組織所做的工作，并將內(nèi)容分為多個(gè)不同的領(lǐng)域。例如，視頻在視頻庫(kù)中生活，資源中心中的博客文章，白皮書(shū)和電子書(shū)，您就會(huì)明白。

從內(nèi)容類(lèi)型的角度來(lái)看，這可以很好地組織所有內(nèi)容，但您的用戶(hù)并不一定總是只想觀看視頻或只看新聞博客內(nèi)容。

假設(shè)用戶(hù)是您，您就在探索關(guān)于特定主題的更多信息的過(guò)程中。

您是希望在站點(diǎn)的不同部分之間跳轉(zhuǎn)，以查看可用于該主題的內(nèi)容，還是希望您擁有一個(gè)可以查看該主題的所有內(nèi)容的位置，無(wú)論是博客，視頻，支柱還是可下載的內(nèi)容？

我的猜測(cè)是后者。

除了輕松之外，這種方法還使您的用戶(hù)更有可能在您的網(wǎng)站上花費(fèi)更多的時(shí)間，因?yàn)榘l(fā)現(xiàn)他們想要的東西的障礙已大大減少。這也可能導(dǎo)致每個(gè)會(huì)話的頁(yè)面數(shù)增加。

那么，這個(gè)學(xué)習(xí)中心應(yīng)該是什么樣的？

好吧，有幾種方法可以解決這個(gè)問(wèn)題。

一種方法是成都創(chuàng)新的客戶(hù)之一Aquila Commercial如何做到這一點(diǎn)。

他們有一頁(yè)，其中包含他們創(chuàng)建的所有可能內(nèi)容的提要。

在這里，您可以使用左側(cè)菜單按不同的角色，主題或內(nèi)容類(lèi)型進(jìn)行過(guò)濾。在這里，您可以按最新帖子或*的帖子進(jìn)行排序。

如果您仍然找不到想要的東西，那么這里還有一個(gè)搜索欄。

*，有一個(gè)由最新組織的博客文章和播客的提要，隨著新文章的出現(xiàn)而自動(dòng)更新。

總體而言，這種方法都可以實(shí)現(xiàn)相似的目標(biāo)-使您的用戶(hù)獲得最相關(guān)的內(nèi)容。根據(jù)當(dāng)前內(nèi)容的組織方式以及網(wǎng)站的構(gòu)建方式，一種方法可能會(huì)比另一種更好。

因此，在進(jìn)入此項(xiàng)目之前，請(qǐng)確保與您的開(kāi)發(fā)團(tuán)隊(duì)進(jìn)行內(nèi)部討論，或者，如果您沒(méi)有團(tuán)隊(duì)，請(qǐng)隨時(shí)與我們聯(lián)系并聊天，以便我們討論如何實(shí)現(xiàn)這一目標(biāo)。

縮小網(wǎng)格范圍以獲取博客內(nèi)容

開(kāi)始使用簡(jiǎn)潔，有組織的設(shè)計(jì)的最簡(jiǎn)單方法之一就是利用網(wǎng)格系統(tǒng)，該技術(shù)已在報(bào)紙和雜志的整個(gè)印刷版面中得到廣泛使用。

此技術(shù)已應(yīng)用于網(wǎng)站設(shè)計(jì)，以幫助在各種屏幕尺寸上為用戶(hù)提供一致的體驗(yàn)。

想象一下，您有一張8.5 x 11英寸的打印紙，前面有一篇打字稿。在當(dāng)前狀態(tài)下，它很容易閱讀。但是，如果將紙張拉伸到18英寸寬會(huì)發(fā)生什么？

逐行閱讀變得更具挑戰(zhàn)性。這就是為什么您看到報(bào)紙和雜志采用更窄列格式的原因。

新聞博客也是如此。如果您新聞博客的網(wǎng)格寬度太大（尤其是用戶(hù)在大屏幕上），則會(huì)給用戶(hù)帶來(lái)可讀性問(wèn)題。

這有可能使他們?cè)谥鹦虚喿x時(shí)失去自己的位置，同時(shí)也使您的內(nèi)容顯得更短且間隔不佳。

由于絕大多數(shù)用戶(hù)使用的顯示器的寬度為1200px-1300px（筆記本電腦大?。?，因此您博客的網(wǎng)格寬度應(yīng)在900px-1100px之間，*是1024px。

一家在網(wǎng)站上做得很好的公司是Helpscout，請(qǐng)注意他們是如何利用網(wǎng)格使博客內(nèi)容易于辨認(rèn)和吸引人的。

此技術(shù)還可以在整個(gè)博客中為您提供一定數(shù)量的空白。使用網(wǎng)格可幫助用戶(hù)將整個(gè)博客中的元素（側(cè)欄，標(biāo)題/正文，圖像，共享圖標(biāo)）區(qū)分開(kāi)。

網(wǎng)格在組織博客信息方面的有效性是保持內(nèi)容受控的基礎(chǔ)。

使用博客卡布局

我們?cè)S多人都投入了很多內(nèi)容。根據(jù)您是每周一次還是每天兩次寫(xiě)博客，到年底，您在網(wǎng)站上可能已經(jīng)有多達(dá)600多個(gè)博客帖子。

有那么多帖子，您如何*地利用網(wǎng)站的資源來(lái)整理這些文章，以便一次顯示最多的信息，而不會(huì)給訪問(wèn)者帶來(lái)過(guò)多的信息？

基于卡的設(shè)計(jì)是解決此問(wèn)題的最適合UX的布局之一。

眾所周知，物理牌（棒球/籃球，口袋妖怪，歷史牌）已經(jīng)存在了很長(zhǎng)一段時(shí)間，并且可以作為直觀顯示和組織信息的簡(jiǎn)便方法。

卡片的體系結(jié)構(gòu)幫助我們輕松地識(shí)別，回憶和閱讀重要的信息。

卡設(shè)計(jì)現(xiàn)已應(yīng)用于整個(gè)網(wǎng)絡(luò)。諸如Pinterest，Twitter和Google之類(lèi)的大型公司已經(jīng)將其根深蒂固地放在了用戶(hù)體驗(yàn)中：

像這些家伙一樣，保持您的博客卡片簡(jiǎn)單。

使用不同的圖像和字體大小來(lái)表示卡片中最重要到最不重要的元素，會(huì)使閱讀它們的人更容易理解。

另外，請(qǐng)確保將重點(diǎn)放在將這些元素合并到卡中（粗體是必不可少的）：

特色圖片博客標(biāo)題博客作者（和圖片，如果有的話）博客摘錄發(fā)布日期類(lèi)別社交分享鏈接 閱讀更多按鈕

牢記這一清單，讓我們以Zenefits的名片設(shè)計(jì)為例，看看他們?nèi)绾螒?yīng)用這些元素。

在卡片布局中，他們突出顯示特色圖像和標(biāo)題作為最突出的元素。

摘錄不僅可以幫助用戶(hù)確定文章是否適合他們，還可以誘使用戶(hù)單擊標(biāo)題，如果標(biāo)題仍然令人難以置信。

通過(guò)日期，用戶(hù)可以識(shí)別文章是新文章還是最新文章，同時(shí)讓作者（帶有圖片！）可以使您的帖子更具個(gè)性-并幫助建立作者的思想領(lǐng)導(dǎo)力。

在您的文章列表頁(yè)面上，根據(jù)卡片中信息的排列方式，將這些卡片排列在2或3列中，以*程度地一次顯示多少?gòu)埧ㄆ?/p>選擇大尺寸，精美的精選圖片

許多博客的當(dāng)前趨勢(shì)之一是為每個(gè)博客卡和內(nèi)部博客帖子合并大型的，不笨拙的英雄圖像。

這種設(shè)計(jì)選擇并非沒(méi)有道理。以對(duì)講機(jī)的內(nèi)部博客模板為例。

盡管他們的特色圖片看起來(lái)很大，以至于壓低了內(nèi)容，但它還是一個(gè)引人注目的元素，可以幫助用戶(hù)在閱讀標(biāo)題或作者以外的內(nèi)容之前將其連接到文章。

在層次結(jié)構(gòu)方面，它還在頁(yè)面頂部添加了一個(gè)不錯(cuò)的錨點(diǎn)，使用戶(hù)可以輕松識(shí)別文章的起點(diǎn)。

盡管不必像對(duì)講機(jī)一樣大，但重要的是讓您的特色圖像尺寸足夠大，這樣它就具有足夠的視覺(jué)重量，可以從與其緊鄰的元素中脫穎而出。

隨意調(diào)整布局盡管Intercom之類(lèi)的公司選擇全幅顯示圖像，而Drift等其他博客則將其圖像保留在網(wǎng)格中，這使您可以查看內(nèi)容。

在所有設(shè)備上使用清晰的字體

并非所有訪問(wèn)您網(wǎng)站的人都具有20/20的視野，而那些仍然不愿閱讀您12pt字體的人。僅因?yàn)檩^小的字體會(huì)縮短所有內(nèi)容，并不一定會(huì)使您的讀者想要繼續(xù)閱讀。

我無(wú)法數(shù)出我的父母和朋友訪問(wèn)博客文章的次數(shù)，只是發(fā)現(xiàn)自己只是為了閱讀頁(yè)面上的內(nèi)容而放大。

聽(tīng)起來(lái)很荒謬，對(duì)吧？

您希望網(wǎng)站的字體大小，尤其是博客上的字體大小，成為用戶(hù)抱怨的*一件事。

那么問(wèn)題來(lái)了–我應(yīng)該使用哪種字體大小？

當(dāng)涉及到身體字體時(shí)，我的經(jīng)驗(yàn)使我說(shuō)出介于17像素到21像素之間的某個(gè)位置，具體取決于您使用的是哪種字體（某些字體自然大于其他字體）。

對(duì)于您的標(biāo)題大小以及對(duì)這一切為何重要的更深入的分析，我建議您閱讀本文。它提供了完整的圖表，其中包含從臺(tái)式機(jī)到移動(dòng)設(shè)備的標(biāo)頭標(biāo)記的一些最常用尺寸。

如果您正在尋找一些掌握網(wǎng)站排版和大小的網(wǎng)站示例，建議您訪問(wèn)以下公司：

有線

包括文章快速摘要框

為了使競(jìng)爭(zhēng)關(guān)鍵字的排名更好并吸引您的網(wǎng)站訪問(wèn)量，我們撰寫(xiě)的大多數(shù)文章都可能需要一兩個(gè)句子來(lái)回答，而最終以1500個(gè)詞的形式發(fā)布。

雖然寫(xiě)內(nèi)容的長(zhǎng)度正是Google想要您做的，但對(duì)于尋求快速解答的用戶(hù)而言，這并不完全直觀。

例如，考慮一下“什么是內(nèi)容營(yíng)銷(xiāo)”查詢(xún)。

與此類(lèi)關(guān)鍵字相關(guān)的大多數(shù)搜索結(jié)果都是綜合指南，可為您提供有關(guān)該主題的所有信息。

但是，如果您只是在尋找內(nèi)容營(yíng)銷(xiāo)的定義，那么瀏覽一下4000字的文章以發(fā)現(xiàn)它可能有點(diǎn)乏味。這是簡(jiǎn)短的摘要框非常方便的地方。

傳統(tǒng)上，這些框放在博客文章的開(kāi)頭，您可以在其中添加對(duì)文章所涉及的較大問(wèn)題的簡(jiǎn)短答案。如下例所示，其文章中進(jìn)行了此操作。

除了獲得更快的用戶(hù)答案之外，這還有另一個(gè)優(yōu)勢(shì)。Google經(jīng)常將這些框中的內(nèi)容用于精選片段。

這意味著您將顯示為SERP中的*篇文章，從而增加了文章的點(diǎn)擊率。

并非所有博客文章都必須使用此框。它應(yīng)該主要用于文章中那些可能帶有特色片段的頻繁搜索的問(wèn)題將從較短的答案中受益的文章。

使用簡(jiǎn)短的描述性副標(biāo)題

談到尋找問(wèn)題的快速答案...

您應(yīng)該練習(xí)的另一個(gè)重要特征是編寫(xiě)簡(jiǎn)短明了的標(biāo)題以將您的文章分成幾部分，以方便讀者使用。

通常，人們?yōu)g覽這些文章的目的是瀏覽它們，直到找到可以回答問(wèn)題的部分。

考慮到這一點(diǎn)，您需要確保您有清晰的標(biāo)題以區(qū)分文章，以便讀者可以完成此操作。我不是在說(shuō)“第1節(jié)”，也不是在說(shuō)“為什么”和“如何”之類(lèi)的通用詞。

您需要標(biāo)題來(lái)準(zhǔn)確定義讀者在文章的這些分組段落中將學(xué)到的內(nèi)容。

如果您覺(jué)得自己的博客文章甚至做不到，建議您在此處查看一些寫(xiě)作技巧，以幫助您井井有條。

您需要編寫(xiě)子標(biāo)題，以提高寫(xiě)作質(zhì)量，并幫助您的文章吸引訪問(wèn)者，尤其是*次訪問(wèn)者。Copyhackers在這方面做得非常出色。

在這篇博客文章“如何通過(guò)復(fù)制吸引Instagram追隨者，使他們喜歡您的品牌并購(gòu)買(mǎi)您的產(chǎn)品”中，每一點(diǎn)都有清晰簡(jiǎn)潔的標(biāo)題，方便讀者對(duì)其進(jìn)行掃描。

如果您正在尋找有關(guān)如何編寫(xiě)子標(biāo)題的技巧，或者甚至給它們加了些香料，請(qǐng)使用Copyblogger的這篇文章來(lái)指導(dǎo)您。

使社交共享可在所有設(shè)備上訪問(wèn)

如今，大多數(shù)博客都使用社交共享來(lái)允許用戶(hù)輕松共享博客文章。但是，許多網(wǎng)站并沒(méi)有為平板電腦和移動(dòng)用戶(hù)提供相同的體驗(yàn)。

皮尤（Pew）的一項(xiàng)調(diào)查發(fā)現(xiàn)，現(xiàn)在至少有一部分時(shí)間，美國(guó)85％的成年人通過(guò)移動(dòng)設(shè)備接收新聞，包括65歲以上的成年人。

這些人也在他們的移動(dòng)設(shè)備上瀏覽社交平臺(tái)，因此您可以打賭他們也愿意在移動(dòng)設(shè)備上共享內(nèi)容（只要他們發(fā)現(xiàn)該內(nèi)容知識(shí)豐富并且可以輕松地做到這一點(diǎn)）。

但是，您應(yīng)該在哪里放置社交按鈕？由于較小的設(shè)備上的空間有限，所以很多人都不知道將它們放在哪里。

在Mashable的博客上，社交按鈕位于導(dǎo)航的右側(cè)，并在您滾動(dòng)頁(yè)面時(shí)與您保持一致，從而使用戶(hù)可以隨時(shí)共享。

NBC采取了類(lèi)似的方法，將其共享選項(xiàng)也放置在固定的頂部欄中，一旦用戶(hù)滾動(dòng)到頁(yè)面上的某個(gè)點(diǎn)，該頂部就會(huì)出現(xiàn)。

有策略地放置您的表單

我們中的許多人發(fā)現(xiàn)自己的流量非常健康，但是卻難以獲得所需的訂閱者數(shù)量或轉(zhuǎn)化次數(shù)。在這里，非常需要使用誘人且美觀的表單。

如果您不熟悉該術(shù)語(yǔ)，那么表達(dá)是用戶(hù)無(wú)法接受的以交換特定聯(lián)系信息的不可抗拒的報(bào)價(jià)。

理想情況下，您希望表單能夠與目標(biāo)受眾產(chǎn)生共鳴，從而將合格的鉛吸引到系統(tǒng)中。

盡管許多人在整個(gè)博客中都將表單用作獨(dú)立產(chǎn)品，但更具戰(zhàn)略意義的用途是當(dāng)人們訂閱您的博客時(shí)收到的產(chǎn)品。

這樣，您不僅在增加訂戶(hù)數(shù)量，而且在轉(zhuǎn)換方面！

確定了最適合您的受眾的報(bào)價(jià)后，您現(xiàn)在需要使其在視覺(jué)上具有說(shuō)服力。

在成都創(chuàng)新的客戶(hù)博客中，我們以?xún)煞N不同的方式使用此技術(shù)。

*個(gè)是在博客文章頁(yè)面上（您的用戶(hù)可以在其中看到您發(fā)布的所有文章）。

用戶(hù)滾動(dòng)瀏覽列出的幾篇文章后，將放置號(hào)召性用語(yǔ)以下載指南或訂閱。

第二種方法是通過(guò)彈出窗口每天向未訂閱網(wǎng)站博客的用戶(hù)顯示一次。

表單的兩種情況都需要以下元素才能使其發(fā)揮*性能：

要約或圖片的封面，因此用戶(hù)可以直觀地看到要約的內(nèi)容 標(biāo)題，可幫助用戶(hù)了解報(bào)價(jià)是什么 子標(biāo)題可幫助用戶(hù)理解為什么他們需要特定的報(bào)價(jià)以及對(duì)他們有什么價(jià)值 一種按鈕顏色，與您網(wǎng)站的調(diào)色板分開(kāi)，因此非常容易識(shí)別。

保持直插式磁鐵的侵入性稍小。無(wú)需動(dòng)畫(huà)或強(qiáng)制交互。

它應(yīng)該舒適地適合您的列表頁(yè)面，同時(shí)使用不同的布局和顏色變化來(lái)與文章區(qū)分開(kāi)，例如以下所示的Armstrong Transport的文章。

對(duì)于彈出窗口，請(qǐng)確保它易于區(qū)分。

例如，使背景變暗并創(chuàng)建白色容器可以幫助強(qiáng)調(diào)彈出窗口，并防止用戶(hù)被黑色覆蓋下的博客分散注意力。

10.突出顯示您的作者

您的作者在創(chuàng)建博客內(nèi)容上花費(fèi)了大量時(shí)間和精力，您應(yīng)該通過(guò)將其發(fā)布為各自文章的作者來(lái)慶祝。

不僅如此，您還應(yīng)該給他們提供簡(jiǎn)短的履歷，出現(xiàn)在文章的底部，以便您的用戶(hù)能夠區(qū)分誰(shuí)在您的博客上寫(xiě)了什么。更好的是，有單獨(dú)的作者頁(yè)面可以顯示他們撰寫(xiě)的所有帖子。

這有助于博客的UX，因此用戶(hù)可以更輕松地搜索自己喜歡的作者的文章，同時(shí)還為您的作者提供了一個(gè)展示他們?cè)诟鱾€(gè)主題上提供的所有見(jiàn)解的地方。

下一步

您越早將這些設(shè)計(jì)原則實(shí)施到博客上，就越早開(kāi)始看到更多的轉(zhuǎn)換和流量。

如果您覺(jué)得這對(duì)您有所幫助，那么該做了。在內(nèi)部與您的團(tuán)隊(duì)合作，提出可以與上述至少4個(gè)項(xiàng)目相關(guān)聯(lián)的新設(shè)計(jì)，并逐步開(kāi)發(fā)出博客的完整更新版本。

如果您認(rèn)為仍需要有關(guān)博客其他方面需要改進(jìn)的指導(dǎo)，請(qǐng)考慮將您的網(wǎng)站提交給免費(fèi)的網(wǎng)站評(píng)論。在10分鐘內(nèi)，您將走出可行且個(gè)性化的待辦事項(xiàng)，以幫助改善從消息傳遞到SEO和設(shè)計(jì)的所有內(nèi)容。

本文標(biāo)題：成都創(chuàng)新總結(jié)10個(gè)官方網(wǎng)站新聞博客樣式，打造用戶(hù)體驗(yàn)
網(wǎng)頁(yè)鏈接：http://www.rwnh.cn/news6/199706.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有用戶(hù)體驗(yàn)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)