自適應設計能夠適應使用者設備的參數。

本文中,我們分析了優化線上商店的 20 多個強制性步驟,並得出了在為程式設計師設定任務時可以使用的具體建議。

當然,每家網路商店都有自己的特點,主要是技術上的,還有結構上的,必須考慮到這一點。

1.優化robots.txt文件
優化線上商店的首要也是關鍵步驟之一。 robots 文件中的錯誤首先會耗費時間。

借助該文件,有必要禁止搜尋引擎掃描(不要與索引混淆)不必要的資訊(動態過濾頁面、個人帳戶、使用者頁面等)、服務文件。

從該文件中,搜尋機器人開始熟悉您的網站。當你在入口處遇見他時,他會掃描頁面。在客人到來之前,您要打掃公寓,將不必要的東西鎖在食品儲藏室和壁櫥中,然後將客廳的門打開。 robots.txt 檔案也可以做同樣的事情—也需要您的幫助。

您可以在這裡註冊:

不應編制索引的頁面(垃圾箱、搜尋、個人帳戶、類別、動態過濾器頁面、系統資料夾/檔案);
允許掃描的頁面;
站點的主鏡像和站點地圖。
使用設定 robots 檔案的詳細說明: Robots.txt:完整設定指南

注意什麼,最常犯的錯誤:

 

User-Agent 未指定 * 或特定 伊拉克 WhatsApp 號碼數據 的搜尋機器人;
Disallow 指令的指定不正確;
所需的頁面被阻止掃描。
2.優化行動版商店或響應式設計
商店網站必須適合行動裝置。這是優化線上商店的關鍵步驟之一。

如今,是否有必要關注擁有智慧型手機的客戶已經不再是問題。在網路上所有購買的70-90%中,該設備最終贏得了第一名,新網站主要是為其創建的,然後才為桌面創建。

今天,這個問題的表述方式略有不同:應該首選哪個選項 – 子網域上的行動版本還是自適應設計。

在第一種情況下,智慧型手機使用者會被重新導向到子網域「m.site.com」上的主網站的迷你版本。它通常只包含最必要的內容和設計,在這裡購買很方便。在第二種情況下,網站的寬度會在某些程式碼樣式的幫助下根據每個裝置(電腦、平板電腦或智慧型手機)的大小進行調整。

所以,有2個選擇:

選項 1.自適應設計

 

自適應版本的優點包括:在任何裝置上完整顯示網站的頁面及其元素、成本低廉且開發速度快。

選項 2.網站的行動版本

這是該網站的獨立版本,複製了主網站,並應用了特殊佈局,使用戶可以輕鬆地從行動裝置(手機、平板電腦)使用商店。造訪網站時,確定設備,如果是行動設備,則將網站的行動版本提供給使用者。

同時,行動版的缺點也需要注意以下幾點:

– 開發和維護成本高(事實上,你需要支援兩個網站);
– 通常,行動版的網站是 CMS 內的一個單獨的小網站,需要單獨關注。

您可以在此處查看 Google 服務中您的商店對行動裝置的適配情況。您也可以在此處查看商店網站在不同裝置上的顯示方式。

3.優化商店網站載入速度

 

伊拉克 WhatsApp 號碼數據

谷歌怎麼說:

載入速度對於所有網站都很重要,尤其是行動網站。緩慢的載入時間會對網站效能產生負面影響—跳出率、轉換率和保留率。離開頁面的使用者數量也在增加。此外,緩慢的載入會降低Google搜尋引擎的效率,因此需要更長的時間來索引網頁。這對網站所有者和用戶都不利。

如果加快下載速度,就可以提高銷售額和轉換率。是的,最近的一項研究表明,優化網站速度會導致每秒轉換次數的增加。另外,另一項分析也證實:快速加載有助於收入增加,而緩慢加載則相反,導致收入減少。

網站載入速度如何影響轉換率

 

*對於某些載入時間少於 2.4 秒的頁面,轉換率較低。這很可能是因為他們收到 404 錯誤。

研究來源:SOASTA 研究

影響速度的因素包括:

網路連線速度以及用戶到伺服器的距離;
頁面內容的「嚴重性」;
處理程式碼所需的時間;
有多少請求從用戶瀏覽器發送到網站伺服器並返回。
您可以了解網站在Google PageSpeed、GTmetrix.com和Pingdom Tools服務上的載入速度。 Google PageSpeed 提供提高速度的建議。

決定:

減輕影片內容和影像的「重量」;
代碼簡化;
快取設定。
如有必要,請考慮轉移託管的選項。

主題材料: 如何找出網站載入速度:14 個服務進行分析

4.產品目錄結構優化
結構的開發是在線商店的最佳化階段,該階段必須由每個商店(新的或現有的,如果以前沒有進行過此類處理)完成。

一個商店類別的結構範例:

 

將自己置於網站訪客的位置,嘗試點擊三次即可到達您需要的產品或服務的頁面。如果不起作用,那麼就該開始優化目錄結構了。

樹狀或分層結構被認為對於在線商店來說是最方便的。其中,主頁包含主要類別的連結:主 -> 類別 -> 產品/文章頁面。在這樣的結構中,使用者很容易定位,機器人也很容易理解。

如圖所示,「嬰兒車」類別的子類別數量最多。集群時的這樣的決策可以讓你吸引最大數量的關鍵請求並進入頂部。如果該類別的所有頁面都被一個頁面替換,那麼訪客找到所需內容的機率就會很低。

商店的結構應該是怎麼樣的:

簡單直覺;

包含用於搜尋推廣的單獨 Infront Webworks榮獲CSBJ 2018年度最佳Web開發公司獎 靜態登陸頁面(類別、篩選器)。
而如果很多店主真的能應付第一點,那麼第二點就更困難了。

獲得擴展語意核心後,應該進行聚類-將每組關鍵查詢分佈在網站的不同頁面上。在此基礎上,對資源結構進行變更:重新指派產品、變更類別和子類別系統、建立新頁面。

網上商店結構編制建議:

您網站的結構仍然簡單,但同時考慮到產品種類的未來成長,它可以輕鬆擴展;
盡可能少的點擊將主頁與每個頁面分開;
附件數量不多-避免導航混亂;
沒有進行細分(按價格、尺寸等)。最好直接在主要部分的 H1 標籤下新增過濾器或建立標籤連結。

5. 線上商店的URL(CPU)最佳化
檢查所有頁面的 URL 是否符合「人類理解」。搜尋引擎友善的 URL – 人類可理解的頁面地址 URL(來自英文搜尋引擎友善的 URL) – 吸引註意力並讓訪客留在頁面上的方法之一。

這就是未優化的 URL 的樣子

 

這是 – 來 日本數據 自 CNC 的 URL

5.1 店舖商品目錄URL優化
關鍵要求:

商店目錄的URL結構應該是簡單且符合邏輯
使用連字符而不是底線
不要使用會話 ID URL
如果可能,請使 URL 盡可能短
Google說明:

https://support.google.com

兩個經典例子:

頁面類型 URL(選項 1 – 樹): URL(選項 2 – 並行):
部分 /目錄/章節 /目錄/章節
類別 /目錄/部分/類別 /目錄/類別
子類別 /目錄/部分/類別/子類別 /目錄/子類別
篩選 /目錄/部分/類別/子類別/過濾器 /目錄/子類別/篩選器
商品 /目錄/部分/類別/子類別/產品 /目錄/產品/產品
或者

/目錄/子類別/產品/產品

這兩個選項也可以在沒有 /catalog/ 選項卡的情況下建立。同時,這兩個選項還有其他組合,因為 URL 位址系統通常是考慮到 CMS 本身和產品目錄的特徵而形成的。

5.2 排序頁面(如有)、商品展示的最佳化
選項 1. 不更改 URL

最好的選擇,但在技術上並不總是可行。

選項 2. 靜態位址前綴

1) 添加到 URL 的可理解值有助於在需要時傳達產品按受歡迎程度、評論、評級、升序/降序價格排序的訊息:

 

將以下值新增至 URL – 以在清單/網格中顯示產品:

 

在選擇產品數量的 URL 的分頁頁面上,您應該澄清:

 

最好在 robots 文件中關閉此類頁面的掃描。那麼地址的外觀就不重要了,訪客會直觀地閱讀它。

5.3 優化目錄分頁 URL
在這種情況下,分頁是指向所選類別中的整個產品清單的一組連結。

返回頂端