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