如何建立一個(gè)迷人的網(wǎng)站標(biāo)題

如果你的網(wǎng)站是一個(gè)房子，你的標(biāo)題將是草坪。這是用戶看到的第一件事，它決定了他們是繼續(xù)開車還是停下來(lái)看看房子。

標(biāo)頭可以完成以下任務(wù)：

顯示品牌標(biāo)識(shí)，包括照片，標(biāo)語(yǔ)，LOGO和顏色。如果品牌具有可視元素，則標(biāo)題可以顯示它。

搜索，訂閱和/或語(yǔ)言選項(xiàng)的交互字段。

號(hào)召性用語(yǔ)字段（即表示“嘗試”或“購(gòu)物”的按鈕）。

基本導(dǎo)航鏈接。

社交媒體網(wǎng)絡(luò)鏈接。

但容量是否足以證明履行每項(xiàng)功能的合理性？如果使用標(biāo)頭的每個(gè)可用元素，則用戶體驗(yàn)（UX）的質(zhì)量將消失。標(biāo)題應(yīng)該易于訪問并且更容易破譯。請(qǐng)記住，這是網(wǎng)站的草坪。如果草坪上有從路邊到門的灌木叢，那將無(wú)法進(jìn)入。同樣，雜亂的標(biāo)題表示導(dǎo)航和內(nèi)容很難從當(dāng)前位置到達(dá)。

標(biāo)題設(shè)計(jì)方面

定義標(biāo)題應(yīng)該實(shí)現(xiàn)的功能因站點(diǎn)而異。如果網(wǎng)站提供產(chǎn)品信息的目標(biāo)，CTA領(lǐng)域和品牌識(shí)別將優(yōu)先于鏈接社交媒體網(wǎng)絡(luò)。但如果該網(wǎng)站致力于展示營(yíng)銷機(jī)構(gòu)的工作，社交媒體鏈接將比第一種情況具有更高的優(yōu)先級(jí)。

但是，標(biāo)題設(shè)計(jì)需要考慮一些常量。大多數(shù)網(wǎng)站都希望用戶參與和瀏覽內(nèi)容。最重要的標(biāo)題設(shè)計(jì)方面之一是它如何促進(jìn)網(wǎng)站導(dǎo)航。

導(dǎo)航選項(xiàng)

也許在標(biāo)題內(nèi)提供導(dǎo)航的最流行的選項(xiàng)是漢堡包按鈕（顯示為?）。此按鈕有時(shí)稱為薄餅或熱狗按鈕，其分層外觀比其他導(dǎo)航樣式有兩個(gè)優(yōu)點(diǎn)。

第一個(gè)優(yōu)點(diǎn)是，它允許設(shè)計(jì)人員輕松地從標(biāo)題顯示完整菜單，而不顯示復(fù)雜的路徑，如經(jīng)典導(dǎo)航樣式。用戶可以使用可視化層次結(jié)構(gòu)以更少的點(diǎn)擊次數(shù)訪問他們想要的結(jié)束頁(yè)面，而不是顯示基于文本的層次結(jié)構(gòu)（即，主頁(yè)>圖庫(kù)> cats> gifs）。

第二個(gè)優(yōu)勢(shì)，也就是漢堡包菜單上有這么多左上角的原因，就是它與移動(dòng)觀看高度兼容。這些壓縮菜單允許移動(dòng)用戶欣賞標(biāo)題的樣式和內(nèi)容，而導(dǎo)航窗格不占用大量屏幕空間。

趨勢(shì)標(biāo)題樣式

兩種標(biāo)題風(fēng)格最近成為網(wǎng)站設(shè)計(jì)趨勢(shì)的主要階段：英雄和視頻。這兩種趨勢(shì)都有利有弊。最終，哪種標(biāo)題樣式（如果有的話）對(duì)于網(wǎng)站來(lái)說(shuō)是理想的，將取決于用戶研究和目標(biāo)人口統(tǒng)計(jì)。

視頻標(biāo)題通常是英雄布局的一部分，是網(wǎng)站設(shè)計(jì)中令人興奮的新趨勢(shì)。這些標(biāo)題允許網(wǎng)站設(shè)計(jì)師顯示可以給人留下深刻印象的視頻剪輯，并使用戶比靜態(tài)圖像更長(zhǎng)時(shí)間的吸引力。然而，這種趨勢(shì)是一個(gè)相對(duì)較新的出現(xiàn)有一個(gè)原因：視頻應(yīng)該至少720p質(zhì)量。

高清晰度轉(zhuǎn)化為更高的加載時(shí)間。在具有高速互聯(lián)網(wǎng)連接的桌面上，這通常不是問題，但移動(dòng)用戶在加載和播放視頻時(shí)會(huì)遇到問題，無(wú)論他們的手機(jī)操作系統(tǒng)如何。

如果您的網(wǎng)站使用的視頻標(biāo)題是英雄風(fēng)格，請(qǐng)為移動(dòng)用戶禁用它們。他們會(huì)很感激。

縮小您的標(biāo)題設(shè)計(jì)

確定要包含在標(biāo)題中的哪些鈴聲以及要切割的口哨可能是一個(gè)漫長(zhǎng)的過程，但它歸結(jié)為一個(gè)重要問題：

當(dāng)您縮小網(wǎng)站要求的范圍時(shí)，比如說(shuō)，對(duì)用戶來(lái)說(shuō)意味著什么，選擇標(biāo)題屬性就會(huì)很自然。