先索引.jpg?x-oss-process=image/format,webp)
為移動優(yōu)先索引設(shè)計內(nèi)容
您的移動網(wǎng)頁即將成為Google搜索排名中使用的默認版本。你如何確保他們提供的內(nèi)容是適合在小屏幕上閱讀的？
事實上：你不是文學(xué)作家，別人也不會記住你寫的每一個字。意思是，在網(wǎng)頁上提供全面的信息固然是好的，但用戶是不會想一直往下拉長長的頁面 - 特別是在移動設(shè)備上。
移動內(nèi)容需要不削減內(nèi)容的情況下，讓用戶更容易在獲取主要信息，因為用戶有時會希望更深入地了解細節(jié)。您的內(nèi)容結(jié)構(gòu)比以往任何時候都更重要，需要具有可導(dǎo)航性，易于理解和消化。
目錄
目錄是展示你如何組織內(nèi)容的絕佳方式，并且與HTML書簽結(jié)合在一起，它允許用戶快速跳轉(zhuǎn)到可能感興趣的頁面部分。
其中實現(xiàn)方式之一是Google開發(fā)者文檔，您可以在標(biāo)題下方找到導(dǎo)航，并且可以快速訪問您需要的任何部分。它們甚至使其可擴展，因此不會讓用戶感到應(yīng)接不暇。
HTML標(biāo)題
HTML標(biāo)題或標(biāo)題標(biāo)簽有助于將您的內(nèi)容組織到各個部分中，并以邏輯方式用h1-h6來組織您的頁面。標(biāo)題標(biāo)簽使內(nèi)容易于閱讀，并且是目錄中錨鏈接的良好目標(biāo)。
可擴展的內(nèi)容
可擴展內(nèi)容區(qū)域（也稱為“手風(fēng)琴”）通常用于更多詳細信息或常見問題解答部分。這是讓頁面更短，更易于瀏覽的好方法，同時還可以訪問重要信息。Google網(wǎng)站管理員趨勢分析師Gary Illyes指出，為了用戶體驗原因而隱藏內(nèi)容，將在移動優(yōu)先索引中得到充分的重視，而桌面索引略微減少了隱藏的內(nèi)容。
沒有時間讀故事？如何快速吸收文章的要點？這些都有助于忙碌的讀者快速消化您的內(nèi)容并確定他們是否想深入閱讀。我通常會在新聞，金融和體育網(wǎng)站上看到這一點，最重要的信息可以在幾個方面進行總結(jié)。比如CNBC：
項目符號和列表是快速傳達大量信息的好方法。
2. 列表項目2
3. 列表項目3
粗體或斜體文字
粗體 和 斜體 的文字都能夠吸引眼球。粗體文本也可以是列表中的一個很好的補充，使主要項目或點更加突出。
突出重點
引文、塊引用對讀者來說容易識別，并告訴他們您發(fā)現(xiàn)這些信息比較重要，所以要使其突出。
PC端要怎么做？
現(xiàn)在是時候考慮一下你的移動訪客，以及他們將如何查看你的內(nèi)容。讓他們盡可能簡單地找到他們正在尋找的信息，他們會帶著感激的心情繼續(xù)訪問您的網(wǎng)站并與您開展業(yè)務(wù)。
事實上：你不是文學(xué)作家，別人也不會記住你寫的每一個字。意思是，在網(wǎng)頁上提供全面的信息固然是好的，但用戶是不會想一直往下拉長長的頁面 - 特別是在移動設(shè)備上。
移動內(nèi)容需要不削減內(nèi)容的情況下，讓用戶更容易在獲取主要信息，因為用戶有時會希望更深入地了解細節(jié)。您的內(nèi)容結(jié)構(gòu)比以往任何時候都更重要，需要具有可導(dǎo)航性，易于理解和消化。
目錄
目錄是展示你如何組織內(nèi)容的絕佳方式，并且與HTML書簽結(jié)合在一起，它允許用戶快速跳轉(zhuǎn)到可能感興趣的頁面部分。
其中實現(xiàn)方式之一是Google開發(fā)者文檔，您可以在標(biāo)題下方找到導(dǎo)航，并且可以快速訪問您需要的任何部分。它們甚至使其可擴展，因此不會讓用戶感到應(yīng)接不暇。
HTML標(biāo)題
HTML標(biāo)題或標(biāo)題標(biāo)簽有助于將您的內(nèi)容組織到各個部分中，并以邏輯方式用h1-h6來組織您的頁面。標(biāo)題標(biāo)簽使內(nèi)容易于閱讀，并且是目錄中錨鏈接的良好目標(biāo)。
可擴展的內(nèi)容
可擴展內(nèi)容區(qū)域（也稱為“手風(fēng)琴”）通常用于更多詳細信息或常見問題解答部分。這是讓頁面更短，更易于瀏覽的好方法，同時還可以訪問重要信息。Google網(wǎng)站管理員趨勢分析師Gary Illyes指出，為了用戶體驗原因而隱藏內(nèi)容，將在移動優(yōu)先索引中得到充分的重視，而桌面索引略微減少了隱藏的內(nèi)容。
下面是Lowe’s如何在一頁上完成產(chǎn)品描述，規(guī)格，評論，問答和文檔的全部內(nèi)容。如果他們將所有這些內(nèi)容都默認擴展了，那么在拉到頁面底部之前，客戶很可能就會厭倦并推出了。
先索引-1.jpg)
由于空間限制，選項卡式內(nèi)容在移動設(shè)備上使用較少，但這是可擴展內(nèi)容的替代方案。它用于同樣的目的，即隱藏可能不需要的內(nèi)容。下面是Staples如何讓客戶看到描述，規(guī)格和評論，同時將內(nèi)容全部保留在一個頁面上。
先索引-2.jpg)
過濾器是一種簡單的方法，可以剔除用戶可能不感興趣的大部分內(nèi)容。通過給他們選擇僅查看他們希望看到的內(nèi)容的選項，可以更輕松地查找他們正在查找的信息。比如Northcutt的Google排名因素：
先索引-3.png)
沒有時間讀故事？如何快速吸收文章的要點？這些都有助于忙碌的讀者快速消化您的內(nèi)容并確定他們是否想深入閱讀。我通常會在新聞，金融和體育網(wǎng)站上看到這一點，最重要的信息可以在幾個方面進行總結(jié)。比如CNBC：
先索引-4.png)
項目符號和列表是快速傳達大量信息的好方法。
- 第1點
- 第2點
- 第3點
2. 列表項目2
3. 列表項目3
粗體或斜體文字
粗體 和 斜體 的文字都能夠吸引眼球。粗體文本也可以是列表中的一個很好的補充，使主要項目或點更加突出。
突出重點
引文、塊引用對讀者來說容易識別，并告訴他們您發(fā)現(xiàn)這些信息比較重要，所以要使其突出。
PC端要怎么做？
在這些移動設(shè)計方法中，但許多相同的做法也適用于PC。最好的例子之一就是谷歌開發(fā)者，在這里，目錄實際上變成了一個跟隨的粘性邊欄，并允許您快速瀏覽各個部分。
先索引-6.png)
現(xiàn)在是時候考慮一下你的移動訪客，以及他們將如何查看你的內(nèi)容。讓他們盡可能簡單地找到他們正在尋找的信息，他們會帶著感激的心情繼續(xù)訪問您的網(wǎng)站并與您開展業(yè)務(wù)。