在seo和好的網(wǎng)站設計之間找到平衡

2022-07-29    分類： 網(wǎng)站建設

在SEO和出色的網(wǎng)站設計之間找到平衡
將客戶的網(wǎng)站放在一起時，必須考慮兩個主要方面：消費者和搜索引擎。您需要一個針對搜索引擎進行了優(yōu)化的SEO友好型網(wǎng)站，以便在消費者搜索您的產(chǎn)品時出現(xiàn)在Google中。這是第一個挑戰(zhàn)，尤其是自2016年以來，Google就告訴Search Engine Land，他們“ 每年處理至少2萬億次搜索 ”。

您還需要一個創(chuàng)意，用戶友好的設計網(wǎng)站，以便消費者可以輕松找到想要購買的商品。網(wǎng)站所有者（尤其是擁有數(shù)百種產(chǎn)品的網(wǎng)站）的所有者之間的沖突變得在用戶友好和SEO友好之間找到平衡。您需要開發(fā)團隊進行努力，以使網(wǎng)站的外觀和用戶方面非常簡單。另一方面，您希望網(wǎng)站上有足夠的內(nèi)容，以便Google可以對用戶搜索查詢的網(wǎng)站進行有效排名。

更復雜的是，企業(yè)通常有兩個獨立的團隊來進行SEO和Web開發(fā)。即使兩個團隊都在公司內(nèi)部，讓他們一起建立一個漂亮成功的電子商務網(wǎng)站也變得充滿挑戰(zhàn)。

網(wǎng)站的設計以及如何使其對SEO友好通常會引起沖突，尤其是當您要引入兩個不同的團隊并希望他們理解彼此工作的復雜性時尤其如此。

那么當SEO團隊和Web開發(fā)團隊的建議相互矛盾時，如何找到平衡點？

在本文中，我們將研究要考慮的不同網(wǎng)站元素，以及在這兩個目標之間可以找到共同點的一些方法。

您可能還會喜歡：標準URL：它們是什么，為什么重要？

網(wǎng)站導航
Web開發(fā)人員通常專注于網(wǎng)站的整體外觀，感覺和用戶體驗。設計人員和開發(fā)人員將關心頁面的視覺元素以及消費者如何與這些元素交互。他們通常喜歡使事情盡可能簡單，特別是因為使用移動設備的消費者早已超過使用臺式機或筆記本電腦的消費者。

另一方面，SEO營銷人員會說，您需要將導航工作重點放在針對搜索引擎進行優(yōu)化上。

一個基本的例子可以在teacollection.com上找到：

SEO網(wǎng)站設計網(wǎng)站導航

主導航具有標準類別頁面和一些收藏夾。單擊男孩的“褲子”類別頁面后，您會進入一個漂亮的頁面，其中包含他們攜帶的所有類型的褲子，例如燈芯絨，慢跑褲等。

SEO網(wǎng)站設計產(chǎn)品列表

他們沒有每個類別的大量產(chǎn)品，因此更簡單的網(wǎng)站導航將具有較少的類別和標簽。但是，具有更詳細的子類別頁面的擴展導航有助于SEO的工作。

在這些新的子類別中，每個較長的尾部詞都有大量的搜索量，這可能會吸引自然搜索流量到網(wǎng)站。以下是他們可能為褲子類別建立的一些新子類別的搜索量：

SEO網(wǎng)站設計關鍵詞研究

為了在Google搜索引擎結果頁（SERP）上排名更高，這些子類別頁面應以他們希望為其排名的關鍵字為目標。

當您考慮具有數(shù)百或數(shù)千種產(chǎn)品的大型電子商務站點時，站點導航變得更加重要。

REI的網(wǎng)站是SEO友好的網(wǎng)站導航的一個很好的例子-他們對網(wǎng)站上的每個類別都有非常大的導航。例如，當您單擊“露營和遠足”類別時，您會獲得大量的子類別頁面列表。

SEO網(wǎng)站設計目錄菜單

他們具有廣泛的導航功能，這對SEO很有好處，但并不總是與該品牌有關。您如何平衡這兩個相互矛盾的建議？

無論這兩個團隊是否實現(xiàn)，目標都是相同的，那就是擁有一個自然搜索可見性的站點，并使人們易于瀏覽和進行購買。在考慮網(wǎng)站導航做法時，這兩個小組都需要集中精力解決這兩個問題。

這意味著使站點易于瀏覽，然后在不影響用戶體驗的情況下針對搜索引擎進行優(yōu)化。一個很好的起點是查看您的關鍵字在Google第一頁上的排名，并查看這些網(wǎng)站的運行情況。

例如，如果您在上面的示例中通過Google搜索關鍵字“男孩慢跑者”，則會看到混合的網(wǎng)站排名。

SEO網(wǎng)站設計Google購物列表

SEO網(wǎng)站設計SERP

幾乎所有的自然搜索結果都是子類別頁面，因此從搜索和可能的用戶角度來看，為此關鍵字設置專用頁面非常有用。使用與上述相同的過程，當您使用Google“男孩的燈芯絨褲子”時，大多數(shù)頁面排名是產(chǎn)品頁面，而不是子類別頁面。這意味著您可以針對該關鍵字優(yōu)化產(chǎn)品，而無需構建專用的子類別頁面。

嘗試針對人員和搜索引擎進行優(yōu)化時要考慮的其他要點包括：

使用內(nèi)容層次結構。這通過類別和子類別來組織您的網(wǎng)站頁面。如果頁面上有十幾個產(chǎn)品，則可以考慮構建一個子類別頁面。

頁面之間的交叉鏈接。SEO和內(nèi)容團隊創(chuàng)建有用的博客文章，F(xiàn)AQ和其他內(nèi)容，這些內(nèi)容可以將更多流量引向產(chǎn)品頁面，反之亦然。橫向鏈接可以輕松地使消費者導航到有關您的產(chǎn)品和/或公司的更多信息，還可以增加您的SEO努力。

無需思考。最終，瀏覽您的網(wǎng)站不需要太多的腦力。您的網(wǎng)站應明確指導用戶去向。
您可能還會喜歡：從電子商務網(wǎng)站獲得大收益的10條SEO技術技巧。

內(nèi)容：是更少，或者是更多更多？
內(nèi)容一詞涵蓋了您網(wǎng)站上的所有內(nèi)容，從文本到動畫，以及介于兩者之間的所有內(nèi)容。所有這些內(nèi)容都有助于在客戶購買過程中告知和吸引客戶。但是，在Google看來，并非所有內(nèi)容都是平等的。

Web開發(fā)人員在設計網(wǎng)站時通常不會想到這一點。例如，帶有文本覆蓋的`.jpg`圖片不被視為搜索引擎的內(nèi)容。搜索引擎將看到該圖像，但無法閱讀該文本，除非將其以HTML文本代碼形式放置在網(wǎng)站上。

SEO團隊經(jīng)常要求提供更多內(nèi)容，但無法理解其將如何影響網(wǎng)站設計，功能和布局。鼓勵您的SEO團隊考慮并了解商店的內(nèi)容渠道，并創(chuàng)建與用戶體驗不沖突的副本。

開發(fā)團隊和SEO團隊應該并肩工作，以將SEO優(yōu)化的副本放置在與UX或總體設計不沖突的網(wǎng)站區(qū)域中。

“開發(fā)團隊和SEO團隊應該并肩工作，以將SEO優(yōu)化的副本放置在與UX或整體設計不沖突的網(wǎng)站區(qū)域中。”
什么樣的內(nèi)容？
考慮網(wǎng)站上應該包含的內(nèi)容的一種簡單方法是考慮客戶旅程的每個階段。這將有助于文本的布局，并讓您知道需要文本還是視覺內(nèi)容。

對于Shopify商店，這意味著潛在地在客戶的內(nèi)容中包含以下內(nèi)容：

主頁
收藏頁
分類頁面
子類別頁面
產(chǎn)品頁面
一旦確定了站點所需的內(nèi)容類型，設計團隊就可以在創(chuàng)建將所有內(nèi)容聯(lián)系在一起的解決方案中發(fā)揮非常重要的作用。

模板圖標
培養(yǎng)技能的資源

獲得免費的《買方原型工具指南》副本，直接發(fā)送至您的收件箱。

電子郵件

輸入您的電子郵件地址
輸入您的電子郵件-我們還將向您發(fā)送與Shopify相關的營銷電子郵件。您可以隨時取消訂閱。

我們的虛擬齒輪正在轉動。
請注意，
我們的電子郵件最多可能需要15分鐘
才能到達您的收件箱。
REI的站點就是一個很好的例子。他們在解釋網(wǎng)站設計方面的內(nèi)容方面做得非常出色，以幫助消費者了解產(chǎn)品，此外還解釋了這類產(chǎn)品提供的好處。

例如，如果您進入網(wǎng)站的“露營和遠足”頁面，則網(wǎng)站設計將為您提供許多您可以訪問的頁面以及超過4,000種產(chǎn)品的列表。

SEO網(wǎng)站設計圖像優(yōu)化

當您使用頁面左側的過濾器過濾到特定的子類別頁面時，除了產(chǎn)品之外，您還可以找到有用的信息。例如，當您進入背包的主要頁面時，可以用多種方法過濾結果，包括背包，背包，旅行包等。

SEO網(wǎng)站設計子類別 

當您進一步挖掘并開始選擇所需的包裝類型時，您會獲得其他快速鏈接。例如，當您單擊背包背包時，您會發(fā)現(xiàn)一個新的迷你菜單，其中包含周末，多天，延長時間或了解更多選項。

SEO網(wǎng)站設計網(wǎng)站列表

如果您單擊“了解更多”，您將進入一個頁面，該頁面說明各種旅行的行李類型，適合的行李以及不同行李的功能等。這是一種基本但有效的方式，可以捆綁內(nèi)容以幫助購買過程為用戶服務，并幫助Google輕松地對信息進行爬網(wǎng)和編制索引，以使內(nèi)容在搜索結果中排名較高。

SEO網(wǎng)站設計專家的建議

結果，您得到一個站點，該站點的類別和子類別頁面上沒有太多文本，但是在需要時將其與正確的內(nèi)容聯(lián)系在一起。用戶可以瀏覽該網(wǎng)站，并且Google可以提供信息來幫助REI按照所需條款進行排名。

SEO網(wǎng)頁設計出現(xiàn)在Google圖片中

隨著設計變得越來越復雜，SEO和Web開發(fā)團隊需要更加緊密地協(xié)作，并確保UI / UX不會阻礙搜索引擎，反之亦然。同樣，兩個團隊都應該問的問題是：用戶需要哪些信息來幫助他們進行購買？

定義好之后，您就可以提出一個集成可索引內(nèi)容的解決方案。

模板圖標
項目管理：規(guī)劃您的Web設計工作流程

將免費的項目管理副本：規(guī)劃Web設計工作流發(fā)送到收件箱。

電子郵件

輸入您的電子郵件地址
輸入您的電子郵件-我們還將向您發(fā)送與Shopify相關的營銷電子郵件。您可以隨時取消訂閱。注意：該指南不會發(fā)送到基于角色的電子郵件，例如info @，developer @等。

我們的虛擬齒輪正在轉動。
請注意，
我們的電子郵件最多可能需要15分鐘
才能到達您的收件箱。
可索引內(nèi)容
如果搜索引擎可以輕松地對網(wǎng)站進行爬網(wǎng)（輕松地瀏覽，閱讀和理解該網(wǎng)站每個頁面上的內(nèi)容），那么該網(wǎng)站將被視為SEO友好型網(wǎng)站，并且該頁面出現(xiàn)在搜索引擎結果頁面中的可能性也將大大提高更高。

為了使該網(wǎng)站可爬網(wǎng)，每個頁面上的主要內(nèi)容應采用HTML文本格式，因為這是Google理解該頁面的最簡單方法。

“如果搜索引擎可以輕松地爬網(wǎng)網(wǎng)站-輕松地瀏覽，閱讀和理解該網(wǎng)站每個頁面上的內(nèi)容-那么該網(wǎng)站將被視為SEO友好型網(wǎng)站”
Web開發(fā)和SEO團隊遇到的大挑戰(zhàn)之一是使用JavaScript與HTML。HTML非常適合Google使用，但是缺少JavaScript帶來的功能，因為網(wǎng)站是使用Angular，React等各種JavaScript框架設計的。因此，許多開發(fā)人員喜歡使用JavaScript使網(wǎng)站具有某種外觀和功能。

但是，由于代碼錯誤，客戶端渲染等問題，所有這些不同的Javascript程序都可能導致搜索引擎出現(xiàn)問題。Google花費大量時間來下載，渲染（解析，編譯和執(zhí)行JS代碼） ），獲取外部資源，然后對該信息建立索引。您向JS庫添加的內(nèi)容越多，Google對其進行爬網(wǎng)和索引所需的資源就越多。兩個團隊都需要意識到這一事實，因為所有這些都會影響網(wǎng)站速度和Google的抓取預算。

SEO網(wǎng)站設計及其對Google抓取預算的影響
在網(wǎng)站上抓取HTML和CSS與JS所需的時間和資源的差異
此外，您應始終檢查Google是否能夠對您網(wǎng)站上的內(nèi)容進行爬網(wǎng)和編制索引。一種檢查是否可以看到網(wǎng)站內(nèi)容的快速方法是使用特定頁面上的確切文字在Google中進行快速搜索。

例如，當我在“茶館”頁面上搜索文本時，將顯示以下內(nèi)容：

SEO網(wǎng)站設計：Google網(wǎng)站研究

“茶館藏”頁面顯示在SERP中，這意味著Google可以抓取信息并將其編入索引。您應該始終檢查使用JavaScript提取的內(nèi)容，以確保Google可以找到它。

如果您將文本復制并粘貼到Google中，但您的網(wǎng)站沒有出現(xiàn)，則需要對JavaScript編碼進行故障排除，以找出問題所在，然后與開發(fā)團隊合作找到一個好的解決方案，以使Google能夠進行爬網(wǎng)和建立索引您的內(nèi)容。

最終，用戶希望網(wǎng)站能夠快速加載- 如果3秒鐘內(nèi)未加載該網(wǎng)站，則有40％的用戶可能會放棄該網(wǎng)站。創(chuàng)建一個看起來不錯，具有用戶所需信息并快速加載的網(wǎng)站符合兩個團隊的大利益。

是的，您可以在對JavaScript的需求與對SEO友好的網(wǎng)站的需求之間取得平衡。您可以研究使JavaScript在您的網(wǎng)站上運行而不會引起SEO問題的方法，因此每個人都會贏。

您可能還會喜歡：構建多語言網(wǎng)站時要考慮的關鍵方面。

產(chǎn)品和網(wǎng)站圖片
您網(wǎng)站上的圖片過大會減慢網(wǎng)站的加載時間，使Google不太可能在SERP中對其進行優(yōu)先處理。

對于開發(fā)人員而言，無論其大小如何，都向站點添加高質量的圖像是很普遍的。他們之所以這樣做，是因為大多數(shù)電子商務平臺都會調(diào)整網(wǎng)站前端的圖像大小，以使其具有某種外觀。另一方面，SEO團隊希望使用更小的壓縮圖像來進一步縮短加載時間。

尋找免費的庫存照片供網(wǎng)站和商業(yè)使用？使用Burst下載免費的高分辨率圖像。立即嘗試Burst。

盡管這對SEO非常有用，但是開發(fā)團隊可能不想壓縮每個頁面上載到站點的所有圖像，因為大多數(shù)產(chǎn)品頁面都有該產(chǎn)品的多個圖像。

幸運的是，圖像壓縮工具已經(jīng)變得更好，可以使壓縮更加方便。通常，您可以壓縮圖像以減小文件大小，而不會影響圖像質量。

SEO網(wǎng)站設計圖像尺寸優(yōu)化

有許多圖像壓縮工具可以減少圖像尺寸并保持較高的質量，同時改善您的SEO。

在SEO和設計之間走線
一個設計良好，對SEO友好的網(wǎng)站的關鍵是彌合Web開發(fā)與SEO優(yōu)化過程之間的差距。鼓勵您的SEO和開發(fā)團隊從一開始就進行協(xié)調(diào)，因此無需在最后一刻進行重大更改即可容納一個或另一個。SEO副本不必太丑陋，漂亮的網(wǎng)站可以與搜索引擎友好。這需要協(xié)調(diào)一致的努力和相互合作的遠見。

本文名稱：在seo和好的網(wǎng)站設計之間找到平衡
文章出自：http://www.bm7419.com/news/183262.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、定制開發(fā)、網(wǎng)站收錄、網(wǎng)頁設計公司、域名注冊、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設