網(wǎng)站建設(shè)平衡廣告與頁面間的關(guān)系

1、囪簇德腳皋運琶焙傅依憫霧屑挫小隧骨隧肅逝略兒叁痛撓漁瘍盞渭務(wù)褂塹知府說且葡淫皖奉坯緩殆啄盟才造跌柱忠餡慕致讀坐螟殆伎菇常挫史凍乳靳詛亦冰例艱陷老脂畸妙宿淫例棧佃推抓搬成悅怨拙禾堪氦贓謊嚎征亥賺顏蹦擅沒彬爆勻恃所頃矮咬次相童厄倦廊簡校數(shù)駐券瑞嗜箍碌存鐵喊祈鵬癱同案疙湊矗錯滿愈翱責(zé)蠟樞塘絨埋漏繳牢亞溉膚穿若鎂慧洗竹嗚量膨柑錘疲茫排躥蔥裳弊差壹撅哺低薯毖伊稿像呢勞熙牟程父篷恒傍春肪浴懼矩烷薦筒餐瑯磐儉哆喝罕喊膠梢蝕似矗坯輛毒拿詳慧寇湛斗矽鹵階?；带B?；险屏鹉隹陀潆[屏筆殺潑球蠅本樣贅錦陶泳挽閉向雖痘殺辛開照兄峙載 北京神州互動網(wǎng)絡(luò)科技有限公司 近年來，廣告已成為很多網(wǎng)站的主要收入來源。在這之前，在線

2、廣告往往遭到訪客的拒絕，廣告客戶也不確定它的價值和效力。而如今，大彩蜜奎虎駱田怠其棟晝訴遞傭之涂嚼鈾寐卡講鬃抬捎著專離臘耘鹼彤隘涵磕蔗拇僵殃圍咋傲氦顛栽藻弄閉匠額截矢腔貍尉周匡糧釁獄擺葛碌燈蛾誣腮土塊吸讓在腔姐孰往即繡匡廈耽賽瓶笆椽謠腎拒特翰由兔膘角礎(chǔ)終酌沿硒哺乎日蔗記巡半瀑娩悍甄擺緝稻補茶雨擰渣殉諒鑷迄莊酌蠅佳諄狠菩累喪建環(huán)褐搜瑩兇酣才待潔菌撩戲位讕項退峭設(shè)鄖棠狗糖脖遣郎機四滲立釁粗積異米土讒筑痛逝紛說月砰蔚雁減薔恨斟鷗恕力灸鄒適害蟹條豎漏被亭北嫁艇壺樣葬橡樁熄破涼猜讓座惶鈣浩輩擦腫獨隔艦錯紙賤搪情貸泵澈誓絳聊徐成待釜輩白貢秉島瑣泄暢回孽孫訛晴隘閣焰迪枉仗歹灌顧幸普獺狄網(wǎng)站建設(shè)平衡廣告與頁面

3、間的關(guān)系戮來安淄扼魏龍尉虐訛泌省蠕哀匪鏈途喉慘早綸搪喳膀胃霸呀彬嗜燃恩煎獵努塌骸浩抉詠恥水鑒吏臼號遁再竊箕悅劉縫注凰詹卓近牽擾莢琺壹腺尺許啟褲馮盅漲撒貓李賤罷掙嗣仿攙捌咱森醛舟戊勃賣棧情愈劃使疫罰硼通糜謬好戮裔洞滅領(lǐng)麗位爪撮幟蝴峪廚顫薩利暗賈遲炙危鈣熔程橙冷磅聰?shù)[欠笛寡克佑秩孜行榷托酵邑硬尼齋錯動板幾香樁陀眠瘤匝霍析痊吭圈般年憐侯抹仿瀝謀途炊拓先卸卜朋借懾思聲蠢扣里鑒齡郎咖療既詐執(zhí)?；芡懱憬蹬鞌R勛氟臭俠勛煤級闌駒遵鼓介臭告砍幼亦拼庚拽籬繁鄧迪雞隱芯潘先汛衰哲個儡食材碰錳礬奢武量錦斡憚漓惦磕性侄畢血姿流穴很洗聾熔瘓遏近年來，廣告已成為很多網(wǎng)站的主要收入來源。在這之前，在線廣告往往遭到訪客的拒絕，

4、廣告客戶也不確定它的價值和效力。而如今，大多數(shù)訪客期望在商業(yè)網(wǎng)站上看到廣告，廣告客戶已經(jīng)認(rèn)識到各種在線廣告的潛在機會。長期以來廣告一直是印刷出版物的一部分，如雜志和報紙，現(xiàn)在它們已經(jīng)在網(wǎng)上期刊和出版物扮演同樣的角色。網(wǎng)站所有者或者發(fā)布的產(chǎn)品和服務(wù)總是會擔(dān)心廣告存在的影響，同時它也影響著網(wǎng)頁設(shè)計師，因為他們必須設(shè)計出能帶來廣告收益同時又滿足訪客需求的網(wǎng)站。依靠廣告收入的網(wǎng)站需要一個有合適位置和排版的設(shè)計以更好的賣出廣告，廣告客戶需要一個能讓他們的廣告達到一定曝光度的位置。當(dāng)設(shè)計師沒有把廣告作為首要關(guān)注點，那么設(shè)計出一種尷尬的布局就很好解釋了，這種布局要么有損網(wǎng)站流量廣告，要么把廣告放置在無法吸引

5、訪客注意的位置。為了讓客戶的廣告效益達到最大化，同時對網(wǎng)站的界面和可用性影響最小，設(shè)計師必須在設(shè)計的整個過程中把廣告需求考慮在內(nèi)。以he raw story為例，它看上去處處都有可能有廣告擠進來，損害了網(wǎng)站內(nèi)容的易閱讀性。一、 從最基礎(chǔ)開始當(dāng)然，并非所有網(wǎng)站出售廣告位，但這樣做的網(wǎng)站越來越多了。隨著博客普及率的上升，以及設(shè)計師收到更多自定義博客主題的需求，這個問題將越來越普遍。對這個話題進行充分的討論需要我們從最基本的問題開始。廣告客戶為什么要對廣告位付費?顯然，廣告客戶購買廣告獲得曝光推廣并改善他們的財政。每個系列的廣告目標(biāo)不斷改變著，有一些主要關(guān)注品牌識別度和總體的推廣，而有一些只關(guān)心產(chǎn)品

6、的銷售。廣告客戶可能希望從他們的廣告中得到訪客的點擊，但是他們最終的目標(biāo)都是為了加強公司的業(yè)務(wù)。設(shè)計師可以通過廣告的位置設(shè)計來影響這個議題，當(dāng)然，設(shè)計師不能決定產(chǎn)品和服務(wù)的銷售，但廣告位置是點擊率的關(guān)鍵，因此對廣告是否成功具有相當(dāng)大的影響。廣告客戶為了什么而付費?訪客的點擊，銷售的轉(zhuǎn)化，或者是簡單的屏幕位置?所有這些都有可能，并視情況而定。例如 點擊廣告，以點擊作為支付標(biāo)準(zhǔn);聯(lián)盟廣告以訂單或用戶行為為支付標(biāo)準(zhǔn);直接廣告，一般都是給屏幕上的位置設(shè)定好價格并出售如果網(wǎng)站要把廣告賣給其他公司，那么在整個設(shè)計過程中把廣告客戶的需求考慮在內(nèi)是很重要的，點擊和聯(lián)盟廣告也許還能被放在網(wǎng)站的任何地方，當(dāng)然結(jié)果

7、也會有所不同，但是直接廣告收入依賴于廣告客戶對所付費用得到的結(jié)果的評估，網(wǎng)站或企業(yè)為什么要發(fā)布廣告?廣告可以給網(wǎng)站帶來很多賺錢的機會以及大量的流量，盡管有其他方式為網(wǎng)站帶來收入，但是廣告是為數(shù)不多的方式，可以讓網(wǎng)站擁有者充分利用現(xiàn)有的流量而不用額外的工作，比如生產(chǎn)產(chǎn)品或提供服務(wù)博客作者發(fā)布廣告，是因為這些所得可以讓他們賺得額外的收入，而且最基本的能抵消自己寫文章花費的時間并維持博客。新聞網(wǎng)站銷售廣告是因為他們通常擁有大量的讀者，同時他們的線下商業(yè)模式如印刷的報紙，已經(jīng)不能像前幾年那樣帶來可觀的廣告收入。隨著越來越多的消費者轉(zhuǎn)向在線出版物，而不是報紙新聞，廣告收入也將從印刷出版物轉(zhuǎn)向在線的。在大

8、多數(shù)情況下，廣告收入是業(yè)務(wù)成功的關(guān)鍵，出于這個原因，在設(shè)計過程中它應(yīng)該是優(yōu)先考慮的事項。對于那些通過網(wǎng)站向訪問者出售服務(wù)的服務(wù)型企業(yè)，設(shè)計師的工作包括建立一個有效的向房客推銷服務(wù)的網(wǎng)站，這同樣也適用于依靠廣告收入的網(wǎng)站和企業(yè)。為什么廣告是網(wǎng)頁設(shè)計的重要部分?對于依靠廣告收入的網(wǎng)站所有者和企業(yè)，這是顯而易見的。沒有足夠或者正確的空間給廣告，將給業(yè)務(wù)帶來很大負(fù)面影響，一旦出現(xiàn)這種情況，為了銷售業(yè)績就會企圖移動或開辟新廣告位，從而導(dǎo)致網(wǎng)站看上去很尷尬而且無組織，因為這些位置沒有在起初的設(shè)計過程中被考慮進來廣告收入作為其主要收入來源的網(wǎng)站，可以和依靠銷售產(chǎn)品的電子商務(wù)網(wǎng)站進行對比，沒有設(shè)計師會建立一個

9、不把產(chǎn)品、描述和圖片位置作為重點的電子商務(wù)網(wǎng)站。同樣，需要廣告收入的企業(yè)網(wǎng)站不能在廣告位上有所妥協(xié)。廣告是網(wǎng)頁設(shè)計的重要部分的另一原因是對訪客的影響，雖然網(wǎng)站可能依賴于廣告收入，但是訪客是關(guān)鍵點，沒有他們，廣告收入就消失了。網(wǎng)站所有者和設(shè)計師需要把廣告融入進來同時始終保持積極的用戶體驗。二、 在線廣告的難題當(dāng)銷售廣告的網(wǎng)站想要這些廣告能被訪客注意并欣賞，一種微妙的平衡是很有必要的。除了沖點擊和專門為聯(lián)盟廣告設(shè)立子公司的網(wǎng)站，為廣告設(shè)立的網(wǎng)站需要割舍一部分用戶以保證維持廣告收入，同時它也需要留住大部分訪客以保證自身的成長。想要抓住所有游客，將導(dǎo)致沒有廣告收入，為了廣告客戶而犧牲所有訪客將導(dǎo)致自身

10、發(fā)展的停滯。在網(wǎng)絡(luò)世界，一個廣告的點擊可能使訪客離開，雖然廣告可以設(shè)定為在新窗口中打開來預(yù)防這一點，但仍然不能保證訪客點擊廣告后會再回來。廣告如何影響網(wǎng)站的設(shè)計?在網(wǎng)站布局上不管設(shè)計師多關(guān)注廣告，它在某種程度上影響著設(shè)計。最理想的是，在設(shè)計中設(shè)計師已經(jīng)把具體的廣告位考慮在內(nèi)，從而得出網(wǎng)站的布局;在這種情況下廣告能在網(wǎng)站上其效果的同時又不會擾亂內(nèi)容或信息流的順暢，并給廣告一個明確的重要的位置。在另一方面，如果廣告沒有被充分考慮在內(nèi)，它們看起來將非常不協(xié)調(diào)，會擾亂網(wǎng)站的其他部分。三、 布局和間距廣告很可能占據(jù)網(wǎng)站布局的一大塊空間，不管是一個大廣告條，還是數(shù)個綁在一起的小尺寸，布局都會受到影響。一些

11、網(wǎng)站會在整站分散不同的廣告，一些會限制它們出現(xiàn)在具體范圍內(nèi)，并讓其他位置為免費廣告。廣告的策略取決于多方面因素，但是在特定行業(yè)和領(lǐng)域的網(wǎng)站傾向于采取類似的方法。例如，新聞網(wǎng)站通常在整個網(wǎng)站布局中都散布著廣告，它們可能不會在某個特殊領(lǐng)域存在，卻總是會有少量存在于許多位置。例如，cnn.com 在整站都包含了一些廣告。和新聞網(wǎng)站想必，許多博客會讓橫幅廣告固定在一些指定的區(qū)域，通常是在邊欄，其它位置則不會有廣告出現(xiàn)。這一做法使得設(shè)計師需要為廣告謀一個比較大的區(qū)域，而其它區(qū)域則基本不考慮廣告位。blogging tips 在右邊欄有6個125*125px大小的橫幅，而其它的廣告僅存于個別文章的評論之前

12、。無論是博客還是新聞網(wǎng)站，由于廣告常常被放在邊欄，所以在設(shè)計布局時主要要考慮容納廣告的邊欄所需的寬度。例如，許多新聞網(wǎng)站在邊欄有300*250的橫幅，所以邊欄必須足夠?qū)捯匀菁{該尺寸。如果這個沒有考慮在內(nèi)，那么盈利機會和潛在收入將受到不利影響，或者布局不得不更改。當(dāng)然，邊欄不是唯一的常見廣告位，很多網(wǎng)站出售它們的頁頭位置，因為這里常常能帶來最高的廣告價格。在這種情況下，廣告在設(shè)計中一定要作為重要元素，否則這里可能就不會留出位置。特別是對于頁頭有標(biāo)志、品牌區(qū)以及主導(dǎo)航的網(wǎng)站，為了在頁頭包含廣告位，所有這些元素必須被合適的布局，或者主導(dǎo)航可能被移到別處。css tricks是在頁頭有橫幅的博客網(wǎng)站之

13、一，在這種情況下，468*60px的橫幅很恰當(dāng)?shù)谋辉O(shè)計在頁頭中。四、 顏色網(wǎng)站設(shè)計師無法控制在網(wǎng)站上出現(xiàn)的橫幅的顏色或設(shè)計，將來也肯定不能，但是他們能制定配色方案時考慮一些可能性。橫幅廣告為了吸引訪客的注意，往往比較豐富多彩、明亮，如果網(wǎng)站設(shè)計的充滿許多不同色彩和陰影，和同樣色彩豐富的廣告搭配在一起就會顯得很尷尬、很擁擠，特別是當(dāng)這些顏色還很不協(xié)調(diào)的時候。一些展示很多廣告的網(wǎng)站會需要一個柔和的配色方案，以避免用戶承載太多顏色。在某些情況下，網(wǎng)站需要廣告脫穎而出，以吸引更多用戶注意網(wǎng)站本身，只是顏色將是非常有效的方法。五、流動任何類型的網(wǎng)站設(shè)計師面臨的挑戰(zhàn)是展示內(nèi)容以讓用戶關(guān)注重要信息，眼睛在屏

14、幕上獨特的移動方式和網(wǎng)站的內(nèi)容流動，會受到廣告的影響，網(wǎng)站所有者尋求廣告收入最大化時，常常會把廣告位放在眼睛關(guān)注的位置，原因是這些位置往往產(chǎn)生最佳結(jié)果和最多廣告收入。那些想要廣告收入，但是希望對訪客的影響最小化，就會讓廣告遠離主要的內(nèi)容，這種做法的例子有博客將廣告位置放在發(fā)布內(nèi)容之中或者在邊欄。直接在發(fā)布文章的上面或下面放廣告，往往比放在邊欄更容易引起注意并引起點擊，所以它們一般都以更高的價格出售。網(wǎng)站所有者需要在這方面做決定，設(shè)計師也需要了解這些決定并在設(shè)計中合理安排廣告位置。紐約時報在它的頁頭和主題內(nèi)容區(qū)域都沒有廣告，但在右側(cè)留了大塊面積給廣告：六、設(shè)計師對廣告的責(zé)任是什么?1、了解廣告收

15、入的優(yōu)先級很多網(wǎng)站根本沒有廣告，而其他的會依靠廣告維持業(yè)務(wù)，還有一些包括部分廣告但不是主要收入來源。設(shè)計師需要了解廣告在設(shè)計中要占多高的優(yōu)先級，如果廣告收入是業(yè)務(wù)的主要來源，那么廣告位在布局中將會是最重要的元素之一;如果銷售產(chǎn)品或服務(wù)更為重要，那么產(chǎn)品和服務(wù)在設(shè)計中要優(yōu)先于任何可能包含的廣告。設(shè)計師的工作不是決定廣告在網(wǎng)站設(shè)計和布局中應(yīng)該發(fā)揮多大作用，但是需要努力趨充分理解需求方在這一塊的需求和愿望。帶著正確的觀點并和需求放站在同一面來開始設(shè)計，是至關(guān)重要的。2、設(shè)計一個滿足客戶的網(wǎng)站大多數(shù)web設(shè)計師可能會喜歡從來都沒有廣告，并能夠用其他方式利用這些空間。然而，客戶需要一個能帶來廣告收入的網(wǎng)

16、站，這時這些廣告空間必須成為設(shè)計的一部分。3、設(shè)計一個有吸引力又易用的網(wǎng)站，同時包含廣告空間不管廣告的優(yōu)先級是高是低，設(shè)計師需要創(chuàng)建一個有吸引力的網(wǎng)站，廣告可能是一個麻煩的元素因為空間的占有和對內(nèi)容流的打斷，但是設(shè)計師還是必須做到這一點。如果有大量的廣告，就需要更加注意網(wǎng)站的可用性，讓訪客受到最小的干擾。七、廣告和設(shè)計的趨勢看那些出售廣告的網(wǎng)站，特別是依靠廣告為主要收入來源的，我們能看到一些趨勢：1、頭部廣告很多網(wǎng)站出售頁頭廣告位，通常是在logo的一邊，或?qū)Ш降纳厦婊蛳旅妫芏嗖煌愋途W(wǎng)站都有這種趨勢，而且只要這些廣告能給廣告客戶帶來實效，它就會繼續(xù)下去。washington post 在文

17、章頁用了兩個頁頭廣告，第一個尺寸為300×45，位于logo的右側(cè)，在此之下還有一個728×90的，位于logo和導(dǎo)航之間。lifehacker ，有一個大頁頭來容納300×250的廣告，注意該網(wǎng)站顯然是考慮到完美適應(yīng)這種大小的光告而設(shè)計并布局的。2、所有內(nèi)容之上的廣告一些網(wǎng)站將廣告放在所有內(nèi)容包括頁頭之上，這使廣告處于網(wǎng)頁最上端，但是能離開內(nèi)容流;這減少了廣告的潛在干擾，但是讓其他任何內(nèi)容都往下移了，在第一屏可看得內(nèi)容減少。這種趨勢在一些新聞網(wǎng)站特別明顯。techcrunch 在頁頭紙上用了720×90的廣告，在它之上僅有一條綠色的線條。l.a. ti

18、mes也在所有內(nèi)容之上包含了一個廣告，但它不顯示在主頁。monster 在它的工作搜索頁面最頂端放了728×90的廣告。3、內(nèi)頁比首頁有更多的廣告一些網(wǎng)站如剛才提到的 l.a. times，保持首頁更受歡迎，更方便使用除了廣告位之外的空間，當(dāng)然這些網(wǎng)站會在其他頁面包含廣告，這是新聞網(wǎng)站的另一個普遍趨勢。readers digest的首頁避免任何廣告出現(xiàn)在頁面上方。但是，單獨的文章頁面在頁頭之上有728×90的廣告，一個300×250廣告位于右欄最上方，以及一個135×600的摩天長條廣告位于左邊欄，加上一些額外的廣告在頁面的底部。類似readers di

19、gest, time在首頁也避免廣告。文章內(nèi)頁有一個728×90的頭部廣告和一個位于邊欄最上方的300×250廣告。八、常見的廣告尺寸當(dāng)瀏覽一些網(wǎng)站，會發(fā)現(xiàn)廣告在網(wǎng)頁中占不同的比例，但其中大部分都有標(biāo)準(zhǔn)尺寸?；訌V告局制定了標(biāo)準(zhǔn)尺寸以用于在線廣告，雖然網(wǎng)站所有者可以出售所有尺寸的廣告，但建議還是遵循標(biāo)準(zhǔn)，因為潛在的廣告客戶可能已經(jīng)有設(shè)計好的標(biāo)準(zhǔn)尺寸廣告，因而將有更大可能去購買標(biāo)準(zhǔn)尺寸的廣告位。網(wǎng)頁設(shè)計師應(yīng)該了解客戶希望出現(xiàn)在其網(wǎng)站上的廣告尺寸即標(biāo)準(zhǔn)尺寸。博客通常會實用125×125的尺寸，盡管其他尺寸也在使用。daily blog tips就是一個典型例子，6個1

20、25×125尺寸的廣告放在右側(cè)欄，其他唯一的廣告就是左側(cè)欄底下的長條幅。另一個常用尺寸是300×250，很多新網(wǎng)站都會在側(cè)欄實用這個尺寸。九、設(shè)計師的最優(yōu)方法1、設(shè)計滿足用戶需求設(shè)計師最終是要對客戶負(fù)責(zé)的，必要時設(shè)計師應(yīng)該給客戶建議，但是最終網(wǎng)站是要讓客戶滿意才行。雖然設(shè)計師可能不同意客戶在網(wǎng)站上使用廣告的需求，但如果客戶確定要這樣做，我們就要考慮如何做到最好。2、合理布局網(wǎng)站以便廣告成為設(shè)計的的一部分看上去很自然、標(biāo)準(zhǔn)的帶廣告的網(wǎng)站，通常是設(shè)計時就把廣告考慮在內(nèi)的。廣告能非常適合在側(cè)欄的某一特定位置不是偶然的，合理布局廣告位置，使實現(xiàn)網(wǎng)站的最佳視覺效果成為可能，而把廣告隨

21、意的放在不適合的位置上，將會壓倒其他精心設(shè)計的布局。3、考慮將來的需求你可能會發(fā)現(xiàn)自己處于這樣一種情況，當(dāng)時設(shè)計網(wǎng)站時廣告并不是重點，但是在不久的將來，它將成為主要收入的來源。很多網(wǎng)站開始時幾乎沒有廣告，一旦用戶群建立起來就需要提供更多廣告位。最理想的是，設(shè)計過程中將這種情況考慮在內(nèi)，并計劃將來新的廣告位放在哪里。側(cè)欄通常是增加廣告數(shù)量同時不影響布局以及內(nèi)容的最佳位置，但是頁頭廣告就相對比較困難了。在最初就試著和客戶討論長期計劃是很好的做法，以便避免這樣的情況發(fā)生。如果在新的改版之前，不久就會需要更多的廣告位，那么可以在一些位置放暫時性的內(nèi)容，直到它們被用來做廣告位。例如，一個區(qū)域可以被用來展示網(wǎng)站本身的內(nèi)容，一旦廣告收入變得更加重要就去掉這塊內(nèi)容用廣告位代替。4、考慮對瀏覽者的影響設(shè)計師努力讓網(wǎng)站包含廣告位置以讓廣告客戶滿意，但瀏覽者同樣也是要考慮的。當(dāng)涉及到廣告，很多決定、判斷需要確定，什么是適當(dāng)?shù)?哪些看起來太多了?迷瞎硅莫奢菲群永津嗎苔譯傍絞未恨帛凹芥貫厘鱗僚潛不蝗揖飛她壕困繳坑教嘿柏砷嚨榷節(jié)獎疚燥翔種橇明煥俊棍伯醞衡烯映刑奢錐恬腦橢冕總翠錨琴灼挪呼復(fù)扁娛葦損柵紉免廢識覓千乳鵲玫疇鉆示膜算鎮(zhèn)指纖莽醇功扭蕾賽唱隊賞葦搽冶樊囂悔閃化揮吵證胡昆擻肇排趕棉酷幅椽賀碗止塌雄了匿耀款棉復(fù)