在seo和出色的網站設計之間找到平衡
將客戶的網站放在一起時，必須考慮兩個主要方面：消費者和搜索引擎。您需要一個針對搜索引擎進行了優化的seo友好型網站，以便在消費者搜索您的產品時出現在google中。這是第一個挑戰，尤其是自2016年以來，google就告訴search engine land，他們“ 每年處理至少2萬億次搜索 ”。
您還需要一個創意，用戶友好的設計網站，以便消費者可以輕松找到想要購買的商品。網站所有者（尤其是擁有數百種產品的網站）的所有者之間的沖突變得在用戶友好和seo友好之間找到平衡。您需要開發團隊進行努力，以使網站的外觀和用戶方面非常簡單。另一方面，您希望網站上有足夠的內容，以便google可以對用戶搜索查詢的網站進行有效排名。
更復雜的是，企業通常有兩個獨立的團隊來進行seo和web開發。即使兩個團隊都在公司內部，讓他們一起建立一個漂亮成功的電子商務網站也變得充滿挑戰。
網站的設計以及如何使其對seo友好通常會引起沖突，尤其是當您要引入兩個不同的團隊并希望他們理解彼此工作的復雜性時尤其如此。
那么當seo團隊和web開發團隊的建議相互矛盾時，如何找到平衡點？
在本文中，我們將研究要考慮的不同網站元素，以及在這兩個目標之間可以找到共同點的一些方法。
您可能還會喜歡：標準url：它們是什么，為什么重要？
網站導航
web開發人員通常專注于網站的整體外觀，感覺和用戶體驗。設計人員和開發人員將關心頁面的視覺元素以及消費者如何與這些元素交互。他們通常喜歡使事情盡可能簡單，特別是因為使用移動設備的消費者早已超過使用臺式機或筆記本電腦的消費者。
另一方面，seo營銷人員會說，您需要將導航工作重點放在針對搜索引擎進行優化上。
一個基本的例子可以在teacollection.com上找到：
seo網站設計網站導航
主導航具有標準類別頁面和一些收藏夾。單擊男孩的“褲子”類別頁面后，您會進入一個漂亮的頁面，其中包含他們攜帶的所有類型的褲子，例如燈芯絨，慢跑褲等。
seo網站設計產品列表
他們沒有每個類別的大量產品，因此更簡單的網站導航將具有較少的類別和標簽。但是，具有更詳細的子類別頁面的擴展導航有助于seo的工作。
在這些新的子類別中，每個較長的尾部詞都有大量的搜索量，這可能會吸引自然搜索流量到網站。以下是他們可能為褲子類別建立的一些新子類別的搜索量：
seo網站設計關鍵詞研究
為了在google搜索引擎結果頁（serp）上排名更高，這些子類別頁面應以他們希望為其排名的關鍵字為目標。
當您考慮具有數百或數千種產品的大型電子商務站點時，站點導航變得更加重要。
rei的網站是seo友好的網站導航的一個很好的例子-他們對網站上的每個類別都有非常大的導航。例如，當您單擊“露營和遠足”類別時，您會獲得大量的子類別頁面列表。
seo網站設計目錄菜單
他們具有廣泛的導航功能，這對seo很有好處，但并不總是與該品牌有關。您如何平衡這兩個相互矛盾的建議？
無論這兩個團隊是否實現，目標都是相同的，那就是擁有一個自然搜索可見性的站點，并使人們易于瀏覽和進行購買。在考慮網站導航做法時，這兩個小組都需要集中精力解決這兩個問題。
這意味著使站點易于瀏覽，然后在不影響用戶體驗的情況下針對搜索引擎進行優化。一個很好的起點是查看您的關鍵字在google第一頁上的排名，并查看這些網站的運行情況。
例如，如果您在上面的示例中通過google搜索關鍵字“男孩慢跑者”，則會看到混合的網站排名。
seo網站設計google購物列表
seo網站設計serp
幾乎所有的自然搜索結果都是子類別頁面，因此從搜索和可能的用戶角度來看，為此關鍵字設置專用頁面非常有用。使用與上述相同的過程，當您使用google“男孩的燈芯絨褲子”時，大多數頁面排名是產品頁面，而不是子類別頁面。這意味著您可以針對該關鍵字優化產品，而無需構建專用的子類別頁面。
嘗試針對人員和搜索引擎進行優化時要考慮的其他要點包括：
使用內容層次結構。這通過類別和子類別來組織您的網站頁面。如果頁面上有十幾個產品，則可以考慮構建一個子類別頁面。
頁面之間的交叉鏈接。seo和內容團隊創建有用的博客文章，faq和其他內容，這些內容可以將更多流量引向產品頁面，反之亦然。橫向鏈接可以輕松地使消費者導航到有關您的產品和/或公司的更多信息，還可以增加您的seo努力。
無需思考。最終，瀏覽您的網站不需要太多的腦力。您的網站應明確指導用戶去向。
您可能還會喜歡：從電子商務網站獲得大收益的10條seo技術技巧。
內容：是更少，或者是更多更多？
內容一詞涵蓋了您網站上的所有內容，從文本到動畫，以及介于兩者之間的所有內容。所有這些內容都有助于在客戶購買過程中告知和吸引客戶。但是，在google看來，并非所有內容都是平等的。
web開發人員在設計網站時通常不會想到這一點。例如，帶有文本覆蓋的`.jpg`圖片不被視為搜索引擎的內容。搜索引擎將看到該圖像，但無法閱讀該文本，除非將其以html文本代碼形式放置在網站上。
seo團隊經常要求提供更多內容，但無法理解其將如何影響網站設計，功能和布局。鼓勵您的seo團隊考慮并了解商店的內容渠道，并創建與用戶體驗不沖突的副本。
開發團隊和seo團隊應該并肩工作，以將seo優化的副本放置在與ux或總體設計不沖突的網站區域中。
“開發團隊和seo團隊應該并肩工作，以將seo優化的副本放置在與ux或整體設計不沖突的網站區域中。”
什么樣的內容？
考慮網站上應該包含的內容的一種簡單方法是考慮客戶旅程的每個階段。這將有助于文本的布局，并讓您知道需要文本還是視覺內容。
對于shopify商店，這意味著潛在地在客戶的內容中包含以下內容：
主頁
收藏頁
分類頁面
子類別頁面
產品頁面
一旦確定了站點所需的內容類型，設計團隊就可以在創建將所有內容聯系在一起的解決方案中發揮非常重要的作用。
模板圖標
培養技能的資源
獲得免費的《買方原型工具指南》副本，直接發送至您的收件箱。
電子郵件
輸入您的電子郵件地址
輸入您的電子郵件-我們還將向您發送與shopify相關的營銷電子郵件。您可以隨時取消訂閱。
我們的虛擬齒輪正在轉動。
請注意，
我們的電子郵件最多可能需要15分鐘
才能到達您的收件箱。
rei的站點就是一個很好的例子。他們在解釋網站設計方面的內容方面做得非常出色，以幫助消費者了解產品，此外還解釋了這類產品提供的好處。
例如，如果您進入網站的“露營和遠足”頁面，則網站設計將為您提供許多您可以訪問的頁面以及超過4,000種產品的列表。
seo網站設計圖像優化
當您使用頁面左側的過濾器過濾到特定的子類別頁面時，除了產品之外，您還可以找到有用的信息。例如，當您進入背包的主要頁面時，可以用多種方法過濾結果，包括背包，背包，旅行包等。
seo網站設計子類別
當您進一步挖掘并開始選擇所需的包裝類型時，您會獲得其他快速鏈接。例如，當您單擊背包背包時，您會發現一個新的迷你菜單，其中包含周末，多天，延長時間或了解更多選項。
seo網站設計網站列表
如果您單擊“了解更多”，您將進入一個頁面，該頁面說明各種旅行的行李類型，適合的行李以及不同行李的功能等。這是一種基本但有效的方式，可以捆綁內容以幫助購買過程為用戶服務，并幫助google輕松地對信息進行爬網和編制索引，以使內容在搜索結果中排名較高。
seo網站設計專家的建議
結果，您得到一個站點，該站點的類別和子類別頁面上沒有太多文本，但是在需要時將其與正確的內容聯系在一起。用戶可以瀏覽該網站，并且google可以提供信息來幫助rei按照所需條款進行排名。
seo網頁設計出現在google圖片中
隨著設計變得越來越復雜，seo和web開發團隊需要更加緊密地協作，并確保ui / ux不會阻礙搜索引擎，反之亦然。同樣，兩個團隊都應該問的問題是：用戶需要哪些信息來幫助他們進行購買？
定義好之后，您就可以提出一個集成可索引內容的解決方案。
模板圖標
項目管理：規劃您的web設計工作流程
將免費的項目管理副本：規劃web設計工作流發送到收件箱。
電子郵件
輸入您的電子郵件地址
輸入您的電子郵件-我們還將向您發送與shopify相關的營銷電子郵件。您可以隨時取消訂閱。注意：該指南不會發送到基于角色的電子郵件，例如info @，developer @等。
我們的虛擬齒輪正在轉動。
請注意，
我們的電子郵件最多可能需要15分鐘
才能到達您的收件箱。
可索引內容
如果搜索引擎可以輕松地對網站進行爬網（輕松地瀏覽，閱讀和理解該網站每個頁面上的內容），那么該網站將被視為seo友好型網站，并且該頁面出現在搜索引擎結果頁面中的可能性也將大大提高更高。
為了使該網站可爬網，每個頁面上的主要內容應采用html文本格式，因為這是google理解該頁面的最簡單方法。
“如果搜索引擎可以輕松地爬網網站-輕松地瀏覽，閱讀和理解該網站每個頁面上的內容-那么該網站將被視為seo友好型網站”
web開發和seo團隊遇到的大挑戰之一是使用javascript與html。html非常適合google使用，但是缺少javascript帶來的功能，因為網站是使用angular，react等各種javascript框架設計的。因此，許多開發人員喜歡使用javascript使網站具有某種外觀和功能。
但是，由于代碼錯誤，客戶端渲染等問題，所有這些不同的javascript程序都可能導致搜索引擎出現問題。google花費大量時間來下載，渲染（解析，編譯和執行js代碼） ），獲取外部資源，然后對該信息建立索引。您向js庫添加的內容越多，google對其進行爬網和索引所需的資源就越多。兩個團隊都需要意識到這一事實，因為所有這些都會影響網站速度和google的抓取預算。
seo網站設計及其對google抓取預算的影響
在網站上抓取html和css與js所需的時間和資源的差異
此外，您應始終檢查google是否能夠對您網站上的內容進行爬網和編制索引。一種檢查是否可以看到網站內容的快速方法是使用特定頁面上的確切文字在google中進行快速搜索。
例如，當我在“茶館”頁面上搜索文本時，將顯示以下內容：
seo網站設計：google網站研究
“茶館藏”頁面顯示在serp中，這意味著google可以抓取信息并將其編入索引。您應該始終檢查使用javascript提取的內容，以確保google可以找到它。
如果您將文本復制并粘貼到google中，但您的網站沒有出現，則需要對javascript編碼進行故障排除，以找出問題所在，然后與開發團隊合作找到一個好的解決方案，以使google能夠進行爬網和建立索引您的內容。
最終，用戶希望網站能夠快速加載- 如果3秒鐘內未加載該網站，則有40％的用戶可能會放棄該網站。創建一個看起來不錯，具有用戶所需信息并快速加載的網站符合兩個團隊的大利益。
是的，您可以在對javascript的需求與對seo友好的網站的需求之間取得平衡。您可以研究使javascript在您的網站上運行而不會引起seo問題的方法，因此每個人都會贏。
您可能還會喜歡：構建多語言網站時要考慮的關鍵方面。
產品和網站圖片
您網站上的圖片過大會減慢網站的加載時間，使google不太可能在serp中對其進行優先處理。
對于開發人員而言，無論其大小如何，都向站點添加高質量的圖像是很普遍的。他們之所以這樣做，是因為大多數電子商務平臺都會調整網站前端的圖像大小，以使其具有某種外觀。另一方面，seo團隊希望使用更小的壓縮圖像來進一步縮短加載時間。
尋找免費的庫存照片供網站和商業使用？使用burst下載免費的高分辨率圖像。立即嘗試burst。
盡管這對seo非常有用，但是開發團隊可能不想壓縮每個頁面上載到站點的所有圖像，因為大多數產品頁面都有該產品的多個圖像。
幸運的是，圖像壓縮工具已經變得更好，可以使壓縮更加方便。通常，您可以壓縮圖像以減小文件大小，而不會影響圖像質量。
seo網站設計圖像尺寸優化
有許多圖像壓縮工具可以減少圖像尺寸并保持較高的質量，同時改善您的seo。
在seo和設計之間走線
一個設計良好，對seo友好的網站的關鍵是彌合web開發與seo優化過程之間的差距。鼓勵您的seo和開發團隊從一開始就進行協調，因此無需在最后一刻進行重大更改即可容納一個或另一個。seo副本不必太丑陋，漂亮的網站可以與搜索引擎友好。這需要協調一致的努力和相互合作的遠見。


站內優化和站外推廣有什么區別？
如何選擇一家專業的網絡推廣公司
企業網站制作的一些易用性規則
如何及時把你的準用戶引流到網站？
SEO和SEM的優劣比較
提升企業網站用戶體驗可信度的方法
企業微信運營需遵循的八大基本原則
建立手機移動網站有哪些優勢？