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