2020年適合SEO優(yōu)化的網(wǎng)站內(nèi)容布局

時(shí)間：2024-04-18 08:30:01 | 來源：建站知識

時(shí)間：2024-04-18 08:30:01 來源：建站知識

您官網(wǎng)的資訊中心是吸引新用戶訪問您網(wǎng)站的主要工具，這些新用戶尋求知識和對他們所提問題的答案。它充滿了對您的受眾有價(jià)值的內(nèi)容，最終將幫助推動(dòng)訪問者了解您的業(yè)務(wù)。實(shí)際上，優(yōu)先考慮資訊工作的營銷人員看到ROI提升可能性要高13倍。

雖然內(nèi)容是確保您對其產(chǎn)生流量的關(guān)鍵部分，但僅內(nèi)容本身并不能確保您的網(wǎng)站獲得最佳印象。為了幫助塑造和優(yōu)化內(nèi)容的可讀性，您需要博客設(shè)計(jì)來促進(jìn)它的出現(xiàn)，該設(shè)計(jì)能夠吸引客戶成為頭條新聞，吸引互動(dòng)，優(yōu)化轉(zhuǎn)化并創(chuàng)造持久的印象。

但你從哪兒開始呢？您如何組織一切來增加內(nèi)容的閱讀者，同時(shí)又保持其美觀？

為了幫助指導(dǎo)您，我們已經(jīng)組裝了網(wǎng)站設(shè)計(jì)中應(yīng)具有的最重要的設(shè)計(jì)組件，以及它們?nèi)绾螁为?dú)發(fā)揮作用，以幫助優(yōu)化經(jīng)常更新的內(nèi)容以達(dá)到成功率。

1.將您的內(nèi)容整理到資訊中心 如果您像浪知潮一樣，并且已經(jīng)創(chuàng)建內(nèi)容多年，那么您可能已經(jīng)積累了許多不同類型的內(nèi)容。

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

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

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

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

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

那么，這個(gè)資訊中心應(yīng)該是什么樣的？

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

一種方法是：您可以使用左側(cè)菜單按不同的角色，主題或內(nèi)容類型進(jìn)行過濾。在這里，您可以按最新文章或最受歡迎的文章進(jìn)行排序。如果您仍然找不到想要的東西，那么這里還有一個(gè)搜索欄。

另一種方法是：在資訊中心首先列出了最全面的作品（例如支柱內(nèi)容）。最后，有一個(gè)由最新發(fā)布的文章的提要，隨著新文章的出現(xiàn)而自動(dòng)更新。

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

2.縮小網(wǎng)格范圍以獲取博客內(nèi)容 開始使用簡潔，有條理的設(shè)計(jì)的最簡單方法之一就是利用網(wǎng)格系統(tǒng)，該技術(shù)已在報(bào)紙和雜志的整個(gè)印刷版面中得到廣泛使用。



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

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

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

網(wǎng)站也是如此。如果您網(wǎng)站的網(wǎng)格寬度太大（尤其是用戶在大屏幕上），則會(huì)給用戶帶來可讀性問題。

這有可能使他們在逐行閱讀時(shí)失去自己的位置，同時(shí)也使您的內(nèi)容顯得更短且間隔不佳。

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

還要記住在整個(gè)網(wǎng)站中預(yù)留一定數(shù)量的空白。使用網(wǎng)格可幫助用戶將整個(gè)博客中的元素（側(cè)欄，標(biāo)題/正文，圖像，共享圖標(biāo)）區(qū)分開。網(wǎng)格在組織網(wǎng)站信息方面的有效性是保持內(nèi)容受控的基礎(chǔ)。

3.使用卡式布局 我們許多人都投入了很多內(nèi)容。根據(jù)您是每周一次還是每天兩次寫內(nèi)容，到年底，您在網(wǎng)站上可能已經(jīng)有多達(dá)600多個(gè)網(wǎng)站內(nèi)容。

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

基于卡的設(shè)計(jì)是解決此問題的最適合UX（用戶體驗(yàn)）的布局之一。

眾所周知，卡式布局已經(jīng)存在了很長一段時(shí)間，并且可以作為直觀顯示和組織信息的簡便方法。

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

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



像這些平臺一樣，保持您簡單的卡式布局。

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

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

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

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

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

通過日期，用戶可以識別文章是新文章還是最新文章，同時(shí)讓作者（帶有圖片?。┛梢允鼓奶痈邆€(gè)性-并幫助建立作者的思想領(lǐng)導(dǎo)力。

在您的文章列表頁面上，根據(jù)卡片中信息的排列方式，將這些卡片排列在2或3列中，以最大程度地一次顯示多少張卡片。

4.選擇大尺寸，精美的精選圖片 許多網(wǎng)站的當(dāng)前趨勢之一是為每個(gè)文章設(shè)置大型的，美觀的大圖像。

這種設(shè)計(jì)選擇并非沒有道理。以知乎的文章頁面為例。

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



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

盡管不必像知乎一樣大，但重要的是讓您的特色圖像尺寸足夠大，這樣它就具有足夠的視覺重量，可以從與其緊鄰的元素中脫穎而出。

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

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

聽起來很荒謬，對吧？您希望網(wǎng)站的字體大小，尤其是博客上的字體大小，成為用戶抱怨的最后一件事。

那么問題來了– 我應(yīng)該使用哪種字體大??？

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

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

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

雖然寫長內(nèi)容正是搜索引擎想要您做的，但對于尋求快速解答的用戶而言，這并不完全直觀。

例如，考慮一下“什么是內(nèi)容營銷”查詢。

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

但是，如果您只是在尋找SEO優(yōu)化的定義，那么瀏覽一下4000字的文章以發(fā)現(xiàn)它可能有點(diǎn)乏味。這是簡短的摘要框非常方便的地方。

傳統(tǒng)上，這些框放在文章的開頭，您可以在其中添加對文章所涉及的較大問題的簡短答案。這樣會(huì)使用戶及搜索引擎快速了解到問題的答案。

并非所有文章都必須使用此框。它應(yīng)該主要用于內(nèi)容中那些帶有確切答案且會(huì)頻繁搜索的問題的文章。

7.使用簡短的描述性副標(biāo)題 談到尋找問題的快速答案... 您應(yīng)該練習(xí)的另一個(gè)重要特征是編寫簡短明了的標(biāo)題以將您的文章分成幾部分，以方便讀者使用。

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

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

您需要標(biāo)題來準(zhǔn)確定義讀者在文章的這些分組段落中將學(xué)到的內(nèi)容。如果您覺得自己的文章甚至做不到，建議您在此處查看一些寫作技巧，以幫助您井井有條。

您需要編寫子標(biāo)題，以提高寫作質(zhì)量，并幫助您的文章吸引訪問者，尤其是第一次訪問者。

8.使社交分享在所有設(shè)備上均可訪問 如今，大多數(shù)網(wǎng)站都使用社交分享來允許用戶輕松分享文章。但是，許多網(wǎng)站并沒有為平板電腦和移動(dòng)用戶提供相同的體驗(yàn)。

一項(xiàng)調(diào)查發(fā)現(xiàn)，85％的成年人通過移動(dòng)設(shè)備接收新聞，包括65歲以上的成年人。這些人也在他們的移動(dòng)設(shè)備上瀏覽社交平臺，因此您可以打賭他們也愿意在移動(dòng)設(shè)備上分享內(nèi)容（只要他們發(fā)現(xiàn)該內(nèi)容知識豐富并且可以輕松地做到這一點(diǎn)）。

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

在新浪網(wǎng)文章上，分享按鈕位于底部右側(cè)，并在您滾動(dòng)頁面時(shí)與您保持一致，從而使用戶可以隨時(shí)分享。



如果您知道用戶正在閑逛新地方，請確保您的社交鏈接能夠反映出這一點(diǎn)?；蛘?，如果您與很少使用的平臺建立了社交聯(lián)系，也許是時(shí)候放棄它了。

這樣可以使您的體驗(yàn)保持最新狀態(tài)，并減少在最流行的平臺中錯(cuò)過社交分享機(jī)會(huì)的可能性。

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

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

這有助于網(wǎng)站的用戶體驗(yàn)，因此用戶可以更輕松地搜索自己喜歡的作者的文章，同時(shí)還為您的作者提供了一個(gè)展示他們在各個(gè)主題上提供的所有見解的地方。

下一步 您越早將這些設(shè)計(jì)原則實(shí)施到網(wǎng)站上，就越早開始看到更多的轉(zhuǎn)換和流量。

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

如果您認(rèn)為仍需要有關(guān)網(wǎng)站方面需要改進(jìn)的指導(dǎo)，請考慮將您的網(wǎng)站提交給我們。在10分鐘內(nèi)，您將獲得可行且個(gè)性化的建議，以幫助改善從用戶體驗(yàn)到SEO優(yōu)化的所有內(nèi)容。