在折疊內容之上&如何使用它來吸引注意

2 years ago 107

在網頁設計的衛星中，&ldquo；在褶皺之上&rdquo；指的是網站的一部分，特殊用戶在沒有滾動的情况下看到不穩定的原型顯示；儘管這一概念多年來一直在擴展，但對你的指控，你在互動體驗、跳出率和SEO方面表現出的尖刻特質，還是有很多不積極的判斷。

什麼&ldquo；在褶皺之上&rdquo；意思是？

在出版界，&ldquo；在褶皺之上&rdquo；以前指的是報紙封面上的故事；出版商將重要且引人注意的故事置於忠實讀者的最頂端；不要讓任何人打開報紙來做更多的工作。

對於網絡內容，規則保持不變。當特殊的陸地連接到您的網站時，在折疊內容上方是他們以前在陸地上連接頁面時發現的內容，而無需向下滾動。

作為拇指的廣泛規則化，欺負上面的折疊內容應該看到內部連結到不同的網頁連接你的地盤，並應鈹搜尋引擎優化。通知用戶流覽頁面；s滿足於粗體影像和凝固的H1標題

在下麵的插圖中，這幅宜家樹葉清晰地展現在貨架上。我們可以看到粗體的標題文字，一點描述，以及進一步閱讀的關係。如果您不是；不要尋找貨架，您需要；d立即意識到這是錯誤的；t為您關閉頁面。

假設您是通過下麵的樹葉著陸的。在原型的一瞥中，您認識到滿足的是astir可擕式藍牙揚聲器。同樣，我們看到了粗體的標題、一個小小的頁面描述和一個電話，以獲取他們最新的Sonos產品（“立即購買”）

折疊內容之上是您的用戶在加載web頁面時發現的原型；如果您能瞭解他們的特質；他們將符合狩獵意圖的樹葉連接起來；您不太可能回到SERP，並點擊競爭對手的連結；s連結。

如果您；為了一場運動而重新移動橫幅廣告，這只不過是對觀點的首要决定。用戶在向下滾動時很少傾向於發佈廣告

隨著移動工具使用的成功出現；在褶皺之上&rdquo；模組化已經改變。如今，設備的尺寸和分辯率都很高，但真實的决定並不重要；t a&ldquo；一刀切&rdquo；為超額網站折疊

It&rsquo；s inactive一個欺負者認為使用champion以前的做法是在折頁上移動，滿足於真實，你可以支持欺負者的頁面加載速度連接每個設備。移動加載速度是排名不可或缺的來源，也是對穀歌的認可；s覈心Web重要資訊更新。

在收集網頁時使用響應計畫。確保您的內容、佈局和影像符合astir工具性荧幕的要求，並用mobile successful mind計畫好您的超範圍內容。

上面的折疊內容可以說是網頁最具可見性的國家。用戶和爬網機器人使用這個國家來識別網頁及其剩餘內容。在折頁上方的不良內容滿足tin pb到總的成功反彈率，這會對您的SEO產生負面影響。

在折頁上方的强拷貝、格式和CTA設定良好，但不要；這地方不太擁擠。穀歌會懲罰那些在該領域成功地向俄勒岡州關鍵字投放worldly廣告的網站。

覈心網站的重要資訊會更新到穀歌&rsquo；s算灋強調葉齡負荷速度和特殊經驗。既然如此；這通常是加載連接到您的網站的原型，上面的折疊內容僅僅是一個覈心Web Vitals度量因素。

推薦閱讀：覈心Web Vitals:提高頁面速度的指南

最大的內容繪畫分數，無論折疊上的每個內容需要多長時間才能加載。任何低於2.5秒的都被視為欺負CLP分數。優化上述折疊內容以在不到2.5秒的時間內成功加載，這只是獲得欺負LCP分數的一個大模式。

要封锁更長的頁面加載時間，請調整連接網頁的CSS和Javascript使用情况。您可以嘗試：

實現關鍵CSS:&ldquo；關鍵CSS&rdquo；是一種簡單的方法，它將CSS放置在標記的折疊內容之上。只有多動症的CSS需要加載每個你的超折疊內容；你需要盡可能地滿足於這種特質
預加載領導者影像：英雄影像是內容的重要組成部分。更快地裝載它們有助於提高樹葉裝載速度。使用&ldquo；連結rel=預加載&rdquo；使用CSS oregon JS加載的連接影像的加載時間。