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