9.08日(rì)音(yīn)訊,如(r©εú)何做(zuò)網站(zhàn)才更加友(yǒu)好(hǎo)用(yα òng)戶。本文(wén)主要(yào)介紹了(le)網站✔§©•(zhàn)欄目和(hé)網站(zhàn)圖片的(de)用(yòn§↓Ωσg)戶體(tǐ)驗知(zhī)識，這(zhè)兩個(gè)方面都(dō ₹↕✔u)是(shì)網站(zhàn)做(zuò)好(hǎo)的(de)重要(yào σπ∏)組成，希望對(duì)于網站(zhàn)制(zhì)作(zuò)、網頁設€×計(jì)人(rén)員(yuán)有(yǒu)所幫助。
網站(zhàn)欄目的(de)構造
網站(zhàn)運營的(de)一(yī)項重要≈♠Ω(yào)工(gōng)作(zuò)就(jiù¥)是(shì)網站(zhàn)的(de)架構化(φ₽✔huà)，這(zhè)涉及到(dào)網站(zhàn)的α'★§(de)改版，由于網站(zhàn)改版對↑§(duì)搜索引擎有(yǒu)一(yī)定的(de↕φ)影(yǐng)響，所以網站(zhàn)改版或者$★≤網站(zhàn)欄目的(de)重構優化(huà)一(yī)定要(yào)及早× 進行(xíng)。網站(zhàn)的(de)欄目是(shì)↓→₩方便用(yòng)戶浏覽和(hé)查找信息的(de)，并不(bù)是(shì)♣•網站(zhàn)管理(lǐ)人(rén)員(yuán)的(de✘∞∑)賬本、數(shù)據列表，網站(zhàn)的(de)欄目結構一(y•Ω≠↑ī)般采用(yòng)樹(shù)形的(de)網站(zhàn)欄目結構，★≤≈分(fēn)一(yī)級欄目、二級欄目、三≈☆✘¥級欄目，一(yī)般來(lái)說(shuō)網站(zhàn)欄↓•目不(bù)要(yào)超過三級目錄，這(zhè)是(shì)≤→網站(zhàn)改版要(yào)注意的(•©βde)。
1、優化(huà)主關鍵詞欄目
浏覽者來(lái)到(dào)網站(zhàn)的(de)目的∑'¥©(de)就(jiù)是(shì)找他(tā)們感興趣的(de)內(nè×♣←™i)容，也(yě)就(jiù)是(shì)網≈>站(zhàn)所推廣的(de)主關鍵詞。我們的(de♠✘)欄目設置就(jiù)要(yào)考慮到(dào)用(yòng)戶的(de)¶∑↔需求，從(cóng)而實現(xiàn)對(duì&↑÷)網站(zhàn)欄目的(de)優化(huà)∞₩σ，這(zhè)也(yě)是(shì)能(néng)夠降低(dī)跳(tiào∞σ )出率和(hé)增加PV的(de)優化(huà)♥™思路(lù)。
2、目錄深度不(bù)超過三級
如(rú)果你(nǐ)的(de)欄目目錄實在太多(duō)，可(§πkě)以重新分(fēn)出一(yī)個(gè)欄目，沒必要('εyào)将網站(zhàn)的(de)欄目層級弄的(de)很(≤↕φhěn)深，因為(wèi)這(zhè)樣有(yǒu)π≈±δ時(shí)會(huì)犯邏輯錯(cuò)誤，。過深的(de)×∑ δ欄目結構會(huì)讓重點信息不(bù)夠突出，使網站(zhàn)的(de)重↕↕點內(nèi)容不(bù)能(néng)很(h×ěn)好(hǎo)的(de)傳遞給用(yòng)戶。
3、欄目名稱的(de)設置
一(yī)般拼音(yīn)會(huì)作(zuò)為(wèi)目錄名↔↓•，顯示在URL當中，但(dàn)注意最好(hǎo)不(bù$≥€)要(yào)使用(yòng)拼音(yīn)做(zuò)網站(zhàn)的≈₹₩(de)欄目名稱，當然你(nǐ)可(kě)以根據需要(yào)設置一£φ¥(yī)些(xiē)英文(wén)的(de)欄目，例♠>∑如(rú)你(nǐ)的(de)網站(zhà'¥ n)關鍵詞是(shì)英文(wén)，或者✘→♠你(nǐ)的(de)網站(zhàn)的(de)用(yε∏®$òng)戶群體(tǐ)有(yǒu)一(yī)✔✘部分(fēn)是(shì)外(wài)國(guó)用(yòn$±g)戶。
4、欄目最好(hǎo)不(bù)要(→₩$yào)用(yòng)圖片
目前浏覽器(qì)通(tōng)用(yòng)的(de)字''體(tǐ)，一(yī)般來(lái)說(shuō)已經可(k€±≥ě)以滿足網站(zhàn)的(de)設計(jì)需求，沒必要(yào)将欄'✘ε目設置能(néng)不(bù)能(néng)讀(dú)取的(de)圖片<¶≥'形式。因為(wèi)欄目名稱如(rú)果是(≠'shì)文(wén)字，可(kě)以對(duì)網站(zhàn)的(d∏♥&e)關鍵詞密度起到(dào)很(hěn)大(dàε ↕)作(zuò)用(yòng)。
5、網站(zhàn)欄目URL設置•α←×
上(shàng)面講了(le)欄目✔ ∞Ω的(de)設置按照(zhào)樹(shù)形欄目結∏ λ≠果，所以網站(zhàn)的(de)欄目URL最好(hǎo)←♦也(yě)要(yào)按照(zhào)一(yī)級一(yī)級的(deδ)目錄形式，大(dà)部分(fēn)網站(zhàn)的(↕σde)URL命名規則是(shì)“根域名©↕+欄目+分(fēn)類+文(wén)章(zhāng)頁面”，這(z÷↕<δhè)樣可(kě)以更好(hǎo)的(de)幫助£β↕搜索引擎分(fēn)類網頁內(nèi)容。
網站(zhàn)圖片的(de)優化(huà)技(jì)巧
作(zuò)為(wèi)運營人(rén)員(yuán)都(dōu)知(zγ→★hī)道(dào)圖片的(de)多(du™♣$&ō)少(shǎo)會(huì)對(duì)網頁的(de)打開(kāi)>★速度有(yǒu)一(yī)定的(de)影(yǐng)響，所以在網站(zhà&<$n)內(nèi)容維護時(shí)，一(yī)般都(dōu)會(huì)盡量避λ>免圖片過多(duō)的(de)文(wén)章(zhāng)。隻是(shì) α<←圖片的(de)直觀性強，一(yī)些(xiēβ♦<)圖标類圖片所承載的(de)信息量大(dà)，對(duì)于網站(zhàn)來₹↑(lái)說(shuō)，這(zhè)些(xiē)圖片是(shì)不(b¶↔αù)能(néng)省略的(de)，而且用(yò≈♣↕ng)戶通(tōng)常更喜歡圖文(wén)結合的↕Ω(de)網站(zhàn)。在網站(zhàn)運營時(shí)，SEOer通(t> λōng)常很(hěn)容易忽略網站(zhàn)的(de)β✔ €圖片優化(huà)，企赢001-中國(gu★→₹ó)最大(dà)的(de)建站(zhàn©Ω®)需求發布平台，總結了(le)一(yī)些(xiē)針對(duì)網站↓∞(zhàn)圖片的(de)優化(huà)方式，★✔方便大(dà)家(jiā)做(zuò)個(gè™δ)參考：
1、圖片的(de)周邊文(wén)本
見(jiàn)過一(yī)些(xiē)文(wé÷₽♣n)章(zhāng)，添加圖片并沒有(yǒu)一(yī)"£©δ定的(de)原則，純粹是(shì)吸引眼球或應付了(le)事("✔¥ shì)。吸引眼球的(de)圖片在微(wēi)博上(shàng)可(kφλ✘ě)以采用(yòng)，但(dàn)是(shì)對(duì)于 φ自(zì)己的(de)網站(zhàn)優化(huà)就(jiù)不(bù>☆§)要(yào)采用(yòng)這(zhè)些(xiē)無關的(de)圖片。圖♦∑片要(yào)與前後文(wén)本內(n₽èi)容相(xiàng)符，一(yī)方面可(kě)以增強文(wén∞λ→₩)章(zhāng)的(de)用(yòng)戶體(tǐ)驗，谷歌(gē)方σλ£€面曾經明(míng)确表示會(huì)通(tō±πng)過了(le)解關鍵詞前後文(wén)本內(®↑nèi)容來(lái)考量該網頁的(de)實際內(nèi)容。所以，圖片'•前後的(de)文(wén)本內(nèi)容也(yě)将是(shìε✘ε)優化(huà)的(de)一(yī)部分(fēn&≥")。
2、圖片超鏈接
我們在交換友(yǒu)情鏈接的(de)時(shí)±♥&候，會(huì)遇到(dào)圖片鏈接。對(du∞σδì)于文(wén)章(zhāng)內(nèi)部 €φ<的(de)圖片來(lái)說(shuō)，也(yě)可(kě)以加上(βα£shàng)超鏈接。一(yī)方面作(zuò)©'®"為(wèi)內(nèi)鏈吸引搜素引擎蜘蛛爬到(dào)網頁$→"€的(de)企業(yè)頁面，當然這(zhè)個(gè)鏈接最好(hǎ∑↔↓πo)連接到(dào)與原文(wén)有(yǒu)相(xiàng)關性的→π★(de)頁面。另一(yī)方面，在圖片添加α±₩→鏈接地(dì)址，可(kě)以使用(yòng)戶€₩得(de)到(dào)擴充知(zhī)識，豐富文(wén)章(zh↕¥āng)內(nèi)容，增強文(wén)章(zhāng)的(de)可(kě)¶♣φ≈讀(dú)性。
3、有(yǒu)損壓縮圖片與無損壓縮圖片×∞
有(yǒu)損壓縮：特點是(shì)保持顔色的(↕♠de)逐漸變化(huà)，根據人(rén)眼₹<>¶觀察現(xiàn)實世界的(de)突然變化(huà),然§®©後使用(yòng)附近(jìn)的(de)顔色通(tōng)過☆"≤✔漸變或其他(tā)形式進行(xíng)填充。因為(w★→→λèi)素點的(de)數(shù)據信息，所以存儲量會✔₹✘(huì)降低(dī)，還(hái)不(bù©¥)會(huì)影(yǐng)響圖像的(de)還(hái♣✘)原度質會(huì)有(yǒu)所下(xià)降。
無損壓縮：利用(yòng)數(shù)據的(≈∞σβde)統計(jì)冗餘進行(xíng)壓縮，真實的(d×→₹e)記錄圖像上(shàng)每個(gè)<£λ像素點的(de)數(shù)據信息。他(tā)的(d♠'e)原理(lǐ)是(shì)先判斷哪些(xiē§γ&Ω)顔色相(xiàng)同，哪些(xiē)¥↑不(bù)同，将相(xiàng)同顔色的( >&de)數(shù)據信息進行(xíng)壓縮記錄，把不(π"bù)同的(de)數(shù)據另外(wài)保存。多(duō)次存儲後圖片±ε的(de)品質不(bù)會(huì)下(xià)降。
圖片的(de)優化(huà)關系到(dào)網頁的(de)加載速度， β∑>對(duì)圖片進行(xíng)壓縮，不(bù)僅能(néng)夠節約σ₩帶寬，并且加快(kuài)網頁的(de)打開¥πσ✔(kāi)速度。通(tōng)常我們可(kě)以使用(©♥yòng)一(yī)些(xiē)圖片編輯軟件(jiàn♦£)來(lái)壓縮圖片。
一(yī)般而言，無損壓縮的(de)失真率小✘¶'γ(xiǎo)，不(bù)會(huì)影(✔yǐng)響原圖的(de)質量，比較符合用(yòng)戶體(tǐ↓$)驗。當然在選擇無損壓縮還(hái)是(shì)有(yǒu)損壓縮，要(yπσào)根據網站(zhàn)的(de)時(shí)機(jī)情況來(lái)判"斷。
4、添加圖片的(de)ALT屬性
圖片的(de)ALT屬性，在有(yǒu)的(de)系統¥π∑÷環境下(xià)會(huì)表現(xiàn)為(wèi)替換文£•(wén)本。圖片的(de)額ALT屬性對(duì)SEO優化(huà™↓)有(yǒu)著(zhe)非常大(dà)的(de)作♥"☆(zuò)用(yòng)，這(zhè)一(yī)點大(dà)部™α分(fēn)人(rén)都(dōu)已經意識到(dào)了(le)。所 ∏以此處簡要(yào)介紹一(yī)下(xià)。圖片A€$LT屬性在添加的(de)時(shí)候要↕↓ ₩(yào)包含關鍵詞，同時(shí)自(zì)₽↕₩☆然的(de)描述圖片內(nèi)容，千萬不(bù)要(yàσ♥¶o)簡單的(de)堆砌關鍵詞，既然是(shì)對(duì)'&€SEO優化(huà)有(yǒu)重要(yào)影(yǐn₹™∞βg)響，就(jiù)意味著(zhe)搜索引擎會(huì §>✔)關注是(shì)否有(yǒu)作(zuò)弊行(xíng)為(wèi±♦)。
5、圖片的(de)一(yī)緻性
一(yī)般網站(zhàn)在上(shàng)傳圖片的(de)時≤✔φ(shí)候都(dōu)會(huì)有(yǒu) 一(yī)個(gè)高(gāo)度和(hé)低(✔∞dī)度的(de)選擇，很(hěn)多(duō)人(γ®rén)不(bù)明(míng)白(bái)為(wèi)什(shén)麽€≥÷要(yào)限制(zhì)圖片的(de)大(dà←ε≠≥)小(xiǎo)。以為(wèi)僅僅是(shì≥↓)為(wèi)了(le)網站(zhàn)的(de)整體(tǐ)美(měi®•★)觀，其實這(zhè)裡(lǐ)面還(hái)涉及到§×£(dào)網站(zhàn)的(de)加載速度問(wèn)題。一∑'>α(yī)般情況下(xià)浏覽器(qì)在打開(kāi)頁面的(de§<♥)時(shí)候會(huì)不(bù)斷計(jì)算(s$↑≠uàn)每張圖片的(de)即時(shí)寬高(gāo)，我們在打開(k≠&♣āi)一(yī)個(gè)含有(yǒu)大(dà)量圖片的(de)γ→© 頁面時(shí)會(huì)發現(xiàn)圖片并不(bù) ©是(shì)一(yī)下(xià)子(zǐ)®<↕就(jiù)顯示出來(lái)，而是(shì)一(yī)×₩₩<點點兒(ér)的(de)加載顯示，這(zhè)一(yī)點在百度¶≥Ω圖片裡(lǐ)就(jiù)能(néng)看(kàn)得(de)出來(lá± ✘i)。如(rú)果我們在上(shàng)傳圖片的(de)時(s★ $©hí)候固定大(dà)小(xiǎo)，會(huì)給浏覽器(qì← φ✘)騰出一(yī)定的(de)時(shí)間(jiā ←λ¥n)，一(yī)定程度上(shàng)可(kě)以改善這(zhè)類頁面的'→♠>(de)打開(kāi)速度。
