本指南帶您了解首屏內(nèi)容是什么以及為什么它對(duì)您的網(wǎng)站的成功至關(guān)重要。


如果您一直在在線研究如何改進(jìn)您的網(wǎng)站，那么首屏這個(gè)區(qū)域應(yīng)該是您網(wǎng)站最重要的優(yōu)化區(qū)域之一。

如果不花時(shí)間適當(dāng)?shù)貎?yōu)化該區(qū)域，您將失去訪問者，并且可能會(huì)看到您的搜索引擎排名下降。

訪問者登錄您的網(wǎng)站的那一刻，他們正在決定是否應(yīng)該留下來。如果您可以適當(dāng)?shù)貎?yōu)化首屏內(nèi)容，您會(huì)發(fā)現(xiàn)吸引訪問者并讓他們留在您的網(wǎng)站上、閱讀您的內(nèi)容甚至成為訂閱者或客戶會(huì)容易得多。

在這篇文章中，您將了解首屏的含義、重要性以及如何正確優(yōu)化首屏內(nèi)容。

首屏是什么？

首屏與報(bào)紙出版早期的一個(gè)概念有關(guān)，指的是出現(xiàn)在報(bào)紙首屏的內(nèi)容。這是讀者在打開報(bào)紙內(nèi)容之前會(huì)看到的內(nèi)容，它必須很棒才能吸引他們的注意力。

在網(wǎng)絡(luò)術(shù)語(yǔ)中，首屏是訪問者在滾動(dòng)之前登錄您的網(wǎng)站時(shí)看到的任何內(nèi)容。

首屏是如何計(jì)算的？

對(duì)于首屏的內(nèi)容，整個(gè)網(wǎng)絡(luò)沒有嚴(yán)格的衡量標(biāo)準(zhǔn)。根據(jù)不同的屏幕尺寸、分辨率、工具欄、瀏覽器自定義以及是在臺(tái)式機(jī)還是移動(dòng)設(shè)備上查看網(wǎng)站，首屏上方和下方的確切位置會(huì)發(fā)生變化。



 

平均而言，我們可以測(cè)量 1,000 像素寬 x 600 像素高。如果瀏覽器盡可能最大化至 1024 寬 x 786 像素高，則此值可能會(huì)更大。

將其視為筆記本電腦或臺(tái)式機(jī)上的全屏瀏覽器窗口。移動(dòng)設(shè)備上的尺寸會(huì)小得多，但仍然可以應(yīng)用。

當(dāng)您的訪問者登錄您的網(wǎng)站時(shí)，他們首先會(huì)看到什么？

不在首屏的內(nèi)容不再重要了嗎？

每隔一段時(shí)間，您就會(huì)聽到銷售的營(yíng)銷人員。他們爭(zhēng)辯說，擁有一個(gè)大的 CTA 或注冊(cè)框并不是在訪問者登錄您的網(wǎng)站時(shí)轉(zhuǎn)化的最佳方式。

首屏內(nèi)容并不意味著訪問者可以立即成為訂閱者或購(gòu)買者。相反，我們的目標(biāo)是吸引他們的注意力，讓他們參與進(jìn)來，然后在頁(yè)面下方或?qū)�來進(jìn)行轉(zhuǎn)換。

不僅首屏內(nèi)容對(duì)于幫助您的讀者了解他們是否在正確的位置很重要，而且首屏內(nèi)容也非常重要。

人們將向下滾動(dòng)頁(yè)面，但前提是上面的首屏內(nèi)容完成了它的工作。

以下是首屏內(nèi)容的用途：

吸引訪客并吸引他們的注意力

它的目的是慢慢引導(dǎo)訪問者熟悉你是誰，而不是馬上銷售

可以使用 CTA，但前提是它是軟 CTA，或者訪問者已經(jīng)熟悉您

如何優(yōu)化首屏內(nèi)容

請(qǐng)遵循這些準(zhǔn)則來優(yōu)化桌面和移動(dòng)設(shè)備的首屏內(nèi)容。

添加 H1 標(biāo)簽

在開頭段落中添加關(guān)鍵字

針對(duì)百度精選片段進(jìn)行優(yōu)化

添加可見的號(hào)召性用語(yǔ)按鈕

確保首屏上方有文本內(nèi)容

為圖像添加替代文本

禁用首屏圖像的延遲加載

避免加載不必要的腳本

優(yōu)化頁(yè)面速度

1.添加H1標(biāo)簽

您的H1 標(biāo)簽（也稱為標(biāo)題標(biāo)簽）是人們首先看到的。標(biāo)題的目標(biāo)是吸引訪問者的注意力。它還將構(gòu)成頁(yè)面其余部分的基礎(chǔ)。

您的標(biāo)題還可以傳達(dá)您獨(dú)特的銷售主張 (USP)。這是使您的網(wǎng)站在競(jìng)爭(zhēng)中脫穎而出的原因，并有助于說明您網(wǎng)站的獨(dú)特之處。

這將有助于回答訪客心中的問題：我來對(duì)地方了嗎？

創(chuàng)建頁(yè)面標(biāo)題時(shí)，請(qǐng)?jiān)O(shè)身處地為訪問者著想。他們剛剛登錄您的網(wǎng)站，他們正試圖找出是什么讓您的網(wǎng)站與數(shù)百萬其他網(wǎng)站不同。

您網(wǎng)站上的每個(gè)頁(yè)面都是如此，無論是您的主頁(yè)、服務(wù)、頁(yè)面，甚至是文章的標(biāo)題。

如果您正在為您的主頁(yè)創(chuàng)建標(biāo)題，您會(huì)希望它用盡可能少的詞來描述您的公司，同時(shí)仍然使其脫穎而出。您的標(biāo)題將傳達(dá)此獨(dú)特價(jià)值，而頁(yè)面下方的副本將進(jìn)一步擴(kuò)展此標(biāo)題，或您對(duì)訪問者做出的承諾。

2.在開頭段落中添加關(guān)鍵字

在優(yōu)化搜索引擎和提高實(shí)際排名的機(jī)會(huì)時(shí)，在內(nèi)容中包含關(guān)鍵字很重要。

您的內(nèi)容需要引人注目并吸引訪問者的注意力，但您還需要注意正確的關(guān)鍵字放置。

如果可能，請(qǐng)盡早在內(nèi)容中包含您的SEO 關(guān)鍵字。理想情況下，在您的開頭段落中。

這讓搜索引擎知道您的頁(yè)面將是關(guān)于什么的，此外它還有助于讓您的讀者知道他們?cè)谡�確的位置。

3. 優(yōu)化百度片段

精選片段（即搜索結(jié)果頁(yè)中，能直截了當(dāng)讓用戶得到答案的內(nèi)容。）是顯示在搜索結(jié)果頁(yè)面頂部的搜索結(jié)果部分。



 

百度的精選摘要，最初是用于移動(dòng)端中，特別是2017年熊掌號(hào)出來的時(shí)候。

當(dāng)時(shí)的該種展現(xiàn)，已經(jīng)超過廣告位的排名，因此也有別稱，叫“0位排名”。

如果您已經(jīng)在第一頁(yè)上排名，那么獲得特色片段的最佳方法是在單個(gè)段落中總結(jié)問題或搜索查詢的答案，最好盡可能靠近頁(yè)面頂部。

以下元素也將有所幫助：

文章小標(biāo)題（提綱）層級(jí)清晰

文章內(nèi)容描述清晰準(zhǔn)確

信息內(nèi)容全面

等等

4.添加可見的號(hào)召性用語(yǔ)按鈕

號(hào)召性用語(yǔ) (CTA) 通常以您的訪問者進(jìn)行購(gòu)買或以某種方式與頁(yè)面交互為導(dǎo)向。

最終，您選擇放在首屏的號(hào)召性用語(yǔ)將取決于您正在運(yùn)行的網(wǎng)站類型。

請(qǐng)記住，號(hào)召性用語(yǔ)也不一定與購(gòu)買有關(guān)。它甚至可以加入了解更多關(guān)于您提供的內(nèi)容。

最終，您需要問自己一個(gè)問題：您希望訪問者采取什么行動(dòng)？

在制作 CTA 時(shí)，請(qǐng)牢記以下幾點(diǎn)提示：

它需要吸引訪問者的注意力

它需要引人入勝（而不是像“點(diǎn)擊這里”這樣無聊的東西）

它需要在其余內(nèi)容的上下文中有意義

它需要簡(jiǎn)短，不要讓你的 CTA 成為一個(gè)句子

它需要引起緊迫感，以便您的訪問者立即采取行動(dòng)，而不是以后

5.確保有足夠的文字內(nèi)容

在搜索引擎中排名時(shí)，內(nèi)容的長(zhǎng)度很重要。事實(shí)上，據(jù)研究，一般出現(xiàn)在百度首頁(yè)排名的頁(yè)面平均字?jǐn)?shù)超過2000字。

這更適用于文章長(zhǎng)度。但是，對(duì)于您網(wǎng)站的大多數(shù)其他頁(yè)面也可以這樣說。

例如，如果您是一家服務(wù)于多個(gè)不同區(qū)域的 IT 公司，您會(huì)希望每個(gè)頁(yè)面都有足夠的內(nèi)容。這為您提供了足夠的空間來為訪問者提供價(jià)值，同時(shí)定位您的主要和相關(guān)關(guān)鍵字，而不會(huì)填充您的內(nèi)容。

這也適用于您的主頁(yè)或其他您要求人們注冊(cè)或根據(jù)您的 CTA 采取行動(dòng)的登錄頁(yè)面。

例如，如果您只有標(biāo)題、圖片和 CTA，這通常不足以讓人們采取行動(dòng)。特別是，如果這是第一次訪問您的網(wǎng)站。

您需要額外的內(nèi)容來教育您的訪問者并為他們提供有用的信息。

如果您正在努力想出向您的網(wǎng)站添加更多內(nèi)容的方法，請(qǐng)嘗試以下想法：

將常見問題部分添加到您的主頁(yè)或登錄頁(yè)面

創(chuàng)建細(xì)分您的產(chǎn)品的服務(wù)頁(yè)面部分

創(chuàng)建一個(gè)突出角色和職責(zé)的團(tuán)隊(duì)簡(jiǎn)介部分

將銷售頁(yè)面元素添加到您的頁(yè)面，包括故事、折扣等

6.為圖片添加替代文字

圖像優(yōu)化通常被忽視。但是，通過花一點(diǎn)額外的時(shí)間來優(yōu)化相關(guān)關(guān)鍵字的圖像，您可以吸引一些額外的流量。就像人們?cè)谒阉鲿�面�?nèi)容一樣，他們也在為圖像和其他視覺內(nèi)容做同樣的事情。

您還可以通過創(chuàng)建描述性圖像文件名和減小圖像的總大小來優(yōu)化圖像，從而加快加載速度。

總體而言，圖像優(yōu)化的目標(biāo)是為搜索引擎提供有關(guān)您的頁(yè)面/網(wǎng)站內(nèi)容的更多上下文，同時(shí)為訪問者提供更好的用戶體驗(yàn)。

7.關(guān)閉首屏圖片的延遲加載

當(dāng)訪問者登錄您的網(wǎng)站時(shí)，通常會(huì)在頁(yè)面顯示給訪問者之前立即加載所有內(nèi)容。您可以使用延遲加載，而不是一次加載所有內(nèi)容。

延遲加載是一個(gè)僅在用戶訪問頁(yè)面的該部分時(shí)才加載內(nèi)容的過程。因此，如果用戶只查看您網(wǎng)頁(yè)的頂部并立即離開，則頁(yè)面底部將永遠(yuǎn)不會(huì)加載。這可以大大提高網(wǎng)站加載速度。

無論是出于 SEO 原因還是出于用戶體驗(yàn)，擁有一個(gè)快速加載的網(wǎng)站對(duì)于您的網(wǎng)站成功至關(guān)重要。但是，您的首屏內(nèi)容必須在頁(yè)面的其余部分之前加載。

通過延遲加載圖像，您有時(shí)會(huì)遇到問題，即文本內(nèi)容會(huì)在任何圖像之前加載。

您不想加載一半以上的首屏內(nèi)容，而底部的內(nèi)容已經(jīng)加載。

如果您的首屏內(nèi)容花費(fèi)的時(shí)間過長(zhǎng)，您的訪問者將開始向下滾動(dòng)頁(yè)面，這可能會(huì)導(dǎo)致信息混亂。

例如，如果您的主頁(yè)上有一個(gè)大標(biāo)題圖片或文章頂部的特色圖片，您會(huì)希望這些圖片在其下方的任何其他內(nèi)容加載之前加載。

如果您在您的網(wǎng)站上使用延遲加載，請(qǐng)確保為位于首屏的圖像禁用它。您仍然可以將它用于您網(wǎng)站的其他區(qū)域。

8.避免加載不必要的腳本

如果您在實(shí)際頁(yè)面內(nèi)容之前加載了太多標(biāo)題腳本，您的訪問者將盯著一個(gè)空白頁(yè)面。

一些標(biāo)頭腳本可以像百度統(tǒng)計(jì)跟蹤代碼一樣快速執(zhí)行。但是，很多網(wǎng)站其中一些代碼會(huì)先于執(zhí)行其他任何操作，從而大大降低您的網(wǎng)站速度。

如果可能，請(qǐng)嘗試將任何不必要的腳本移至頁(yè)腳。這些仍然會(huì)正確執(zhí)行，但不會(huì)是您的 Web 瀏覽器首先呈現(xiàn)的內(nèi)容。

也要小心廣告腳本

這也包括廣告。如果您在自己的網(wǎng)站上投放廣告，那么您需要注意首屏展示的廣告數(shù)量。這些不僅需要很長(zhǎng)時(shí)間才能加載，而且甚至可能導(dǎo)致百度處罰。

我敢肯定，您之前訪問過一個(gè)網(wǎng)站似乎需要幾分鐘才能加載。您只想閱讀文章，但必須先加載數(shù)十條廣告。

百度已經(jīng)發(fā)布了幾種不同的算法更新，以懲罰那些在首屏上放置過多廣告的網(wǎng)站。過多地優(yōu)先考慮廣告可能會(huì)造成糟糕的用戶體驗(yàn)，這可能會(huì)導(dǎo)致您獲得的自然流量減少。

9.優(yōu)化頁(yè)面速度



 

頁(yè)面加載速度是非常重要的的。如果您的網(wǎng)站加載緩慢，它會(huì)扼殺您的轉(zhuǎn)化。如果加載時(shí)間超過 3 秒，68% 的訪問者會(huì)放棄您的網(wǎng)站。

為了提高您的頁(yè)面速度，您需要一個(gè)工具來了解您的網(wǎng)站當(dāng)前的加載速度。

通過此工具運(yùn)行您的網(wǎng)站后，您將獲得一個(gè)可以改進(jìn)的列表。

但是，這里有一些全面提高加載速度的最佳方法：

啟用壓縮。這將減小 CSS、HTML 和 JavaScript 文件的文件大小。這將優(yōu)化您的代碼庫(kù)，并可以大大加快您的網(wǎng)站。

啟用緩存。緩存將在瀏覽器中存儲(chǔ)大量站點(diǎn)信息，因此當(dāng)訪問者再次訪問時(shí)，站點(diǎn)加載速度更快。

使用 CDN。CDN 允許您使用服務(wù)器網(wǎng)絡(luò)將內(nèi)容交付負(fù)載分配給訪問者。

優(yōu)化您的圖像。確保您的圖像文件大小不會(huì)太大，并且您的圖像是通過優(yōu)化軟件運(yùn)行的。

總結(jié)

首屏是訪問者在登錄您的網(wǎng)站時(shí)看到的內(nèi)容區(qū)域。由于屏幕尺寸的變化，尺寸可以是靈活的。在用戶必須滾動(dòng)之前，您可以將其視為您網(wǎng)站的頂部。

您的首屏內(nèi)容需要吸引訪問者并引起他們的注意。它應(yīng)該讓您的訪問者知道他們?cè)谡�確的位置，并指導(dǎo)他們采取行動(dòng)。

優(yōu)化首屏內(nèi)容包括創(chuàng)建優(yōu)質(zhì)的標(biāo)題、在開頭段落中添加關(guān)鍵字、確保有足夠的文本以及創(chuàng)建強(qiáng)力的 CTA。

最后，您需要優(yōu)化您的網(wǎng)站以確保它為訪問者快速加載，包括優(yōu)化腳本、禁用延遲加載等等。

以正確的方式完成，您的首屏內(nèi)容可以幫助建立訪問者的信任，提高您的排名，甚至帶來更多的轉(zhuǎn)化。