使用WordPress建立目錄網站的分步圖文教學

使用WordPress建立目錄網站的分步圖文教學

您可能聽說過一些最受歡迎的目錄網站。eBay、Yahoo、Facebook、Bing、Foursquare和Yelp只是列出產品和服務供我們瀏覽的眾多網站中的一部分。您可以輕鬆地建立一個目錄網站來列出幾乎所有內容。事實上,你可以找到房地產、本地企業、汽車的例子。你命名它,你可以列出它。

什麼是目錄網站?

目錄網站是列出您可以瀏覽的產品和服務的網站。在WordPress中建立一個:

  1. 選擇利基市場
  2. 找到賺錢的方法
  3. 照顧品牌
  4. 設定您的目錄網站
  5. 實現主要功能

這就是為什麼目錄網站是建立和嘗試從中賺錢的最流行的網站型別之一。

但與任何複雜的專案一樣,確保您遵循正確的道路以確保您的專案取得成功至關重要。在本文中,我們將引導您完成建立目錄網站的所有關鍵步驟:

  1. 為您的目錄網站選擇一個利基
  2. 如何通過您的目錄網站獲利
  3. 品牌推廣
  4. 設定您的目錄網站
  5. 為目錄網站建立功能

為您的目錄網站選擇一個利基

既然您已經決定建立這樣一個網站,那麼最重要的問題是:

你到底要在你的目錄網站上列出什麼?

確定您的市場可能是您下一個盈利業務與將成為網路上又一個失敗專案的業務之間的區別。

以下是您應該採取的步驟來評估您的目錄網站將專注於什麼。

想想你有興趣賣什麼:

首先,重要的是要考慮你感興趣的產品、行業和服務的型別。如果你從這個目標開始,你會對你的專案更有熱情,並且希望它會變得更容易您可以找到四到五種型別的行業、利基市場或垂直領域,您可以將它們用作其餘研究的基礎。

例如,如果您喜歡和朋友一起出去吃飯,那麼您將對您所在城鎮/城市中最受歡迎的餐廳、他們供應的食物型別以及他們最好的菜餚有一個很好的瞭解。

這為您提供了正確的知識型別,您可以使用這些知識開始定位特定的餐廳,您知道它們很棒,而不是在其他人身上浪費資源。

檢視人們在搜尋什麼:

一旦您清楚自己想要銷售什麼,您就可以繼續進行一些深入的研究,以發現您喜歡的利基市場中最受歡迎的企業。最有效的方法之一是檢視人們在網上搜尋的內容。為此,您可以使用許多 SEO 工具,例如Google Keyword PlannerAhrefsMoz

這裡的關鍵是找到合適的長尾關鍵詞,它們具有高人氣和相對低競爭的神奇組合。

這就是我的意思:假設您決定建立一個目錄網站,供人們查詢本地建設者。我使用Ahrefs來查詢流行(每月搜尋量超過200次)且競爭不太激烈(關鍵字難度等級低於50)的搜尋詞。以下是它們的列表:

給定查詢的Ahrefs結果頁面

給定查詢的Ahrefs結果頁面

  • Builders in my area
  • Fence builders in my area
  • Home builders in my area
  • Home builders near me
  • Custom home builders
  • Home builders
  • Garage builders
  • Holiday builders
  • Pool builders near me

由此,您將看到應該定位哪些關鍵字以使您的網站排名更高。但還有更多:多虧了這項研究,您將能夠看到人們尋找什麼樣的建築商。例如,查詢“pool builders near me”是一項受歡迎的研究,您可能希望在您的目錄網站上建立一個專門的部分。

有關優化網站SEO的更多資訊,請參閱SEO清單

檢查是否有任何網站已經在為您的利基服務:

擁有一個流行的長尾關鍵詞列表是一回事,但如果已經有目錄網站為它們提供服務,那麼這將不太有用。您可以使用SEO工具來探索誰的搜尋排名更高。您還可以檢視每個關鍵字的競爭力。如果缺乏競爭,那麼您已經找到了合適的市場。

繼續我們的建設者目錄示例,這些網站在“fence builders”中排名很好。

Ahrefs serp概述

Ahrefs serp概述

如您所見,沒有多少建設者目錄網站。此外,那些確實排在前10名的人的Ahrefs排名並不高,這意味著如果我們在SEO方面很聰明,我們應該能夠超越他們。

尋找願意使用您的目錄網站的企業:

既然您知道對您的利基市場有需求,您需要與企業交談,看看他們是否願意為使用您的服務付費。例如,如果您正在紐約建立一個房地產目錄網站,房地產公司是否願意使用您的平臺來宣傳他們的房產?

一旦您的目錄網站開始執行良好,您將需要稍後與他們聯絡,但讓他們關注您始終是一個好主意,以便他們在您返回時記住您的身份。

如何通過您的目錄網站獲利

您可以通過兩種簡單的方式立即通過您的目錄網站開始賺錢:

1. 房源收費

一旦您開始為您的網站帶來有價值的流量,從而導致列表轉化,公司將開始注意到並希望為您的網站提交更多內容。

這是您可以開始向他們收取該特權的時間。您可以提供高階列表,這些列表將排名在搜尋結果的頂部(類似於Google搜尋結果)並且永不過期。

您可以為常規列表者設定月費,也可以為那些不打算提交大量內容的人設定簡單的一次性付款。

2.出售廣告位

鑑於(希望)有大量訪問者訪問您的網站,您將能夠通過提供相關廣告來進一步獲利。

您可以使用Google Analytics(瞭解如何將Google Analytics連線到WordPress)等工具來了解是什麼將使用者帶到您的網站,以及您是否可以向他們銷售相關產品。例如,如果使用者湧入您的網站,為他們的新游泳池尋找建築商,那麼他們可能會願意購買其他產品,例如游泳衣。然後,您可以與公司取得聯絡,並向他們推銷與您一起做廣告的好處。

另一種簡單的方法是使用Google Adsense及其替代品,它們將能夠為您的網站識別最相關的高質量廣告並自動將它們放置在那裡。

3. 會員或訂閱型網站

一旦您的目錄網站成為特定領域中列表的可靠來源,您就可以向列表者和使用者收取訪問您資訊的費用。

列表者將希望訪問訪問您網站的大量潛在客戶。因此,他們願意為諸如沒有到期日期的列表或出現在搜尋頂部的特色列表等好處付費。

同樣,客戶可能傾向於付費以在您的網站上看到最優惠的價格。或者,您可以允許使用者檢視您的所有列表,但僅當他們是付費會員時才提供對聯絡詳細資訊的訪問許可權。

有許多WordPress會員外掛可以幫助您滿足所有訪問控制需求。

品牌推廣

在您開始實際構建您的網站之前,規劃您的品牌戰略非常重要。

當然,您會希望吸引兩種型別的使用者:尋找列表的使用者和希望出售列表的使用者。因此,您需要考慮什麼對兩個群體都有效。

您品牌的重要方面需要包括:

你的名字——看看這些關於如何選擇域名的提示

您網站的外觀——考慮主題、顏色、字型樣式和任何其他設計選項。使用WordPress,有許多免費和付費主題可供選擇。

您的部落格風格——哪些內容適合您?你的語氣會是什麼?你將如何與讀者交流?檢視部落格提示,瞭解有關所有這些以及更多內容的更多資訊。

您將通過其他方式推廣您的網站——除了良好的搜尋引擎優化之外,您還有其他方式可以為您的網站帶來流量。對於付費廣告,請考慮探索GoogleAds,看看哪些廣告對您的網站最有效。此外,Facebook等社交媒體是另一個明顯的成功途徑。

設定您的目錄網站

在開始向目錄網站新增功能和內容之前,您需要設定四個元素。

1. 選擇您的網站平臺

如果您希望降低成本,有許多免費平臺(例如 WordPress.com )可能看起來很有吸引力。但是,如果您真的想要一個可以獲利的高階目錄網站,那麼您將需要更強大的東西。

最好的解決方案是WordPress.org,它讓您可以完全自由地自定義您的目錄站點,並且能夠支援您站點的成千上萬(希望如此!)訪問者。

以下是選擇WordPress.org對您的目錄網站有意義的幾個原因:

  • 大約每三個網站中就有一個由WordPress提供支援
  • 包括CNN在內的一些最受歡迎的網站使用WordPress
  • 由於它的受歡迎程度,您可以依賴最大的開發人員、設計師、編輯和內容作者的開源社羣之一
  • 在WordPress上建立網站比在Drupal上建立網站更便宜
  • WordPress提供數以千計的主題和外掛供您自定義您的目錄網站
  • 無需PHP編碼即可新增複雜的功能(我們稍後會介紹其中的一些功能)

2.選擇一個可靠的網路主機

鑑於您正在執行一個希望從中獲利的目錄網站,並且流量將持續增長,您將需要一個可靠的虛擬主機來讓您高枕無憂。

虛擬主機就像您的網站指向的實際房屋。在這個“house”中,您的虛擬主機將儲存您網站的所有檔案。

當您為目錄網站選擇主機時,您將需要一個可以處理流量高峰、增強站點效能並在避免中斷方面具有可靠性記錄的選項。

3. 用一個很棒的主題自定義您網站的外觀

安裝WordPress網站後,您現在需要決定它的外觀。最重要的一步是選擇您網站的主題。

WordPress提供了許多很棒的免費和付費選項,其中許多將迎合目錄網站。除了主題的外觀之外,在您決定最適合您的主題之前,還有一些其他問題值得提出:

  • 主題多久維護一次?
  • 評論是什麼樣的?
  • 它的佈局是否響應不同的螢幕尺寸?
  • 多語言準備好了嗎?
  • 它會幫助您出現在Google搜尋結果的頂部嗎?
  • 它會支援你的外掛嗎?

WordPress外掛目錄主頁

WordPress外掛目錄主頁

4. 選擇外掛來構建您的目錄網站

快速搜尋目錄外掛將帶來許多選項。但是哪一個是最好的?無論您選擇哪個外掛,都需要能夠幫助您快速輕鬆地建立所需的功能,以幫助您的網站脫穎而出。

我使用工具集目錄為經典汽車建立了我的目錄網站,我將在本文的其餘部分使用它作為示例。我使用Astra作為我的主題。

基於WordPress構建的目錄網站示例

基於WordPress構建的目錄網站示例

我使用工具集是因為:

  • 它提供了目錄網站所需的所有功能,而無需使用其他外掛
  • 無需使用PHP新增這些功能
  • 它與其他外掛相容,例如WooCommerce、Elementor和WPML
  • 它適用於主要主題

在我們開始介紹這些功能之前,請確保按照安裝工具集外掛的指南來建立目錄網站

為目錄網站建立功能

這些是我將為我的經典汽車目錄網站建立的功能:

  • 自定義帖子型別
  • 自定義欄位
  • 自定義分類法
  • 顯示您的每件物品的模板(在我們的例子中是經典汽車)
  • 搜尋使用者瀏覽我們的汽車
  • 使用者提交列表的前端表單

您可以將其他功能新增到目錄網站,但據我採訪過的其他開發人員說,這些是讓您啟動和執行的最重要的功能。

建議閱讀:高階自定義欄位教學:您的終極指南

建立自定義文章型別

自定義文章型別可讓您為您的網站建立不同的部分。WordPress帶有兩個預設部分——文章和頁面。當然,我們需要一個部分來儲存我們現在將新增的經典汽車。

我新增了一個名為Listings的自定義文章型別,用於展示我所有的經典汽車。

工具集中的自定義文章型別

工具集中的自定義文章型別

1. 在您的WordPress管理員上,前往Toolset dashboard並單擊Add new post type

2. 在Name and Description部分輸入以下內容:

在工具集中新增新的文章型別

在工具集中新增新的文章型別

3. 單擊Save Post Type,您的帖子型別已準備就緒。

建立自定義欄位

我們使用自定義欄位來儲存有關我們列表的每條資訊。在我們的經典汽車示例中,我們希望為使用者提供他們想要了解的有關每輛汽車的資訊。

這包括瞭解生產年份、價格、品牌、里程和許多其他資訊。對於每條資訊,我們需要建立一個自定義欄位。這樣,我們需要做的就是在編輯列表時填寫每個部分,它會出現在前端(當然,一旦我們建立了模板,我們稍後會介紹)。

以下是為生產年份建立自定義欄位的步驟:

生產年份作為工具集中自定義欄位的示例

生產年份作為工具集中自定義欄位的示例

1. 在Toolset dashboard上,單擊Listings自定義文章型別旁邊的Create field group

2. 如果您認為有必要,請在下一頁為您的欄位輸入名稱和描述。我已將我的Field group for listings

如何在工具集中編輯文章欄位組

如何在工具集中編輯文章欄位組

3. 單擊Add New Field。您現在可以看到可以新增的不同型別欄位的列表。例如,如果您想新增一個網站,您可以選擇URL,地址您可以使用Address或電話號碼Phone。我們將始終顯示生產年份,因此我們選擇Number

如何在工具集中新增新欄位

如何在工具集中新增新欄位

4. 新增自定義欄位的詳細資訊,包括Field nameField slug。我將我的設定為Production year。出於此欄位的目的,您可以忽略其他欄位。

如何向自定義欄位新增詳細資訊

如何向自定義欄位新增詳細資訊

5. 單擊Save field group,當您為自定義文章型別編輯文章時,自定義欄位現在將出現。

自定義欄位如何在後端顯示

自定義欄位如何在後端顯示

建立自定義分類法

我們使用自定義分類法對我們的內容進行分類。舉例來說,如果我們列出餐館,那麼我們可能會使用分類法根據美食來分隔我們的每個列表。因此,我們可能對印度義大利中國漢堡包和許多其他型別的餐廳進行分類。

在我的經典汽車目錄示例中,我為列出的不同型別的汽車建立了分類法。以下是我編輯我的一篇列表文章時出現的類別:

自定義分類法

自定義分類法

這是我的製作方法:

1. 在Toolset Dashboard上單擊Add custom taxonomy

2. 在Name and description下輸入您的分類名稱:

如何新增自定義分類

如何新增自定義分類

3. 在下一個稱為Taxonomy type的部分中,選擇您想要Hierarchical分類還是Flat分類。一個層次分類法將包含一個父分類法(例如義大利食物)和一系列與其相關的子分類法(例如比薩餅、義大利麵、冰淇淋)。同時,平面分類法只是一組類別。

4. 選擇您要為其分配這些分類的文章型別。在我的示例中,我已將它們分配給Listings自定義文章型別。

分類設定

分類設定

5. 點選Save taxonomy

6. 返回到您的Listings文章型別,當您編輯其中一種帖子型別或建立新的帖子型別時,您可以開始新增您的分類術語。

7. 在[Taxonomy name] 類別下,單擊Add New [Taxonomy name] 類別

8. 輸入新類別的名稱。如果您的分類是分層的,您還可以在此處選擇是否希望它成為父類別。

分配給列表的分類術語

分配給列表的分類術語

您現在可以使用覈取方塊將分類術語分配給您的每個列表。

展示我們每件商品的模板

現在我們已經新增了我們的自定義型別,下一個問題是我們如何在前端顯示它?為此,我們可以為每個列表建立一個模板。

這是我的模板在每個經典汽車列表的前端的外觀:

網站列表模板示例

網站列表模板示例

1. 轉到Toolset Dashboard,然後單擊自定義文章型別旁邊的Create template這將開啟工具集佈局拖放編輯器,我們可以在其中安排我們想要顯示內容的位置。

在我們繼續之前,先快速解釋一下Layouts的工作原理以及我們需要使用哪些單元格。

工具集佈局基於Bootstrap網格,它以12列的行顯示您的頁面。這意味著,例如,如果您想在頁面的左側顯示影象,您將選擇左側的前六列以使其顯示。

如何設定佈局

如何設定佈局

您可以使用 + 按鈕向模板新增更多行。

當您選擇要在其中顯示內容的單元格時,有兩種型別的單元格與此特定任務相關。

  • 視覺化編輯器——為我們的自定義欄位和分類新增全新的文字或插入短程式碼。這是我們用來插入我們已經制作的自定義型別的那個。
  • 文章內容– 新增來自您的文章正文的任何​​內容。例如,在我的經典汽車文章型別中,我將插入此單元格以顯示我在編輯頁面上輸入的每輛汽車的描述。

佈局單元格型別

佈局單元格型別

現在我們可以恢復了。讓我們繼續展示我如何顯示Production year的自定義欄位,您可以在我的模板下圖中看到:

如何使用視覺化編輯器顯示自定義欄位

如何使用視覺化編輯器顯示自定義欄位

2. 選擇你希望單元格佔據的列數——在我的例子中,我選擇了四列。

3. 您現在將看到您已經熟悉的佈局單元型別列表。選擇視覺化編輯器Visual editor

4. 單擊Fields and Views,您將被帶到我們可以新增的簡碼列表。滾動直到找到自定義欄位列表的名稱(在我的情況下為列表欄位組),然後選擇Production year

欄位和檢視簡碼

欄位和檢視簡碼

5. 點選Insert shortcode

6. 我們現在可以在編輯器單元格中看到簡碼。這意味著使用者現在將看到他們選擇的汽車的生產年份。但是現在我們需要在它旁邊新增一個標題,以便使用者知道年份的含義。我輸入了Production year和一些用於樣式的HTML。我已將短程式碼放在下圖中的框中,以便您檢視它的外觀:

新增短程式碼和一些HTML的生產年份

新增短程式碼和一些HTML的生產年份

7. 單擊Apply,單元格就完成了。

這是自定義欄位在一些CSS樣式後在前端的外觀:

自定義欄位如何在前端顯示

自定義欄位如何在前端顯示

我們可以建立一個帶有多個過濾器的搜尋工具,讓使用者可以找到他們想要的確切列表。

這是我新增到我的經典汽車目錄網站的搜尋。我有六個過濾器,您可以在搜尋欄的頂部看到它們:

帶過濾器的搜尋功能

帶過濾器的搜尋功能

首先,你希望你的自定義搜尋去哪裡?您可以將其顯示在您的主頁、其自己的頁面、小部件或存檔中。

我將自定義搜尋新增到主頁。這是我的做法:

1. 在Toolset > Layouts下建立一個新模板並單擊以新增一個單元格。

2. 選擇View單元格

搜尋結果頁面佈局

搜尋結果頁面佈局

3. 在下一頁上,選擇將Display the results as a custom search選項並單擊建立。

4. 在Content selection下,選擇您要搜尋的內容。在我的示例中,我將選擇Listings文章型別。

5. 在Custom Search Settings下,選擇您的搜尋如何更新結果。例如,您可以在其他選項中選擇AJAX更新(更新結果而不重新載入頁面)。

自定義搜尋設定

自定義搜尋設定

6. 在Search and Pagination下,您可以為您的搜尋新增過濾器,使用者將利用這些過濾器來縮小搜尋範圍。這些可以包括自定義欄位、分類法和文章關係。例如,我使用我的Price自定義欄位將Minimum priceMaximum price過濾器新增到我的搜尋中。單擊New filter並搜尋您要過濾的自定義欄位(在我的例子中是價格)。

新增新的自定義搜尋過濾器作為簡碼

新增新的自定義搜尋過濾器作為簡碼

7. 在下一頁更改中,讀取的選項如下圖所示,然後單擊Insert shortcode。這是我在過濾器中新增後搜尋和分頁的外觀。過濾器開箱即用看起來不錯,但我新增了一些 HTML 和 CSS 用於樣式設定。

使用過濾器和HTML進行搜尋和分頁

使用過濾器和HTML進行搜尋和分頁

8. 單擊Submit button新增按鈕,使用者將單擊檢視結果。

9. 單擊Reset button新增一個按鈕以允許使用者重置他們的過濾器。

我們的搜尋現已準備就緒。我們現在需要做的就是設計我們的結果。

設計搜尋結果

我們可能已經設計了自定義搜尋,但我們仍然需要決定我們的結果將如何顯示。我們可以在建立搜尋的同一頁面上執行此操作。

Search and Pagination下,我們可以找到另一個稱為Loop Editor的部分,我們可以在其中設計結果的輸出。

Loop編輯器

Loop編輯器

1. 單擊Loop Wizard並選擇您希望如何顯示迴圈。對於我的經典汽車目錄網站,我使用了具有四列結果的Bootstrap grid。

Loop嚮導視窗

Loop嚮導視窗

2. 在下一頁,我們可以新增將作為結果的一部分顯示的過濾器。以下是我為我的經典汽車目錄網站新增的過濾器。

為搜尋結果設定過濾器

為搜尋結果設定過濾器

3. 單擊Finish。您現在應該在Loop Editor中看到您的欄位。

迴圈編輯器在欄位中的外觀

迴圈編輯器在欄位中的外觀

4. 單擊頁面底部的Save View

5. 單擊佈局上的Save,現在它已準備好用於前端。

這是我的樣子:

搜尋佈局示例

搜尋佈局示例

建立前端表單

前端表單是您的使用者以您想要的樣式和格式新增列表的好方法。他們需要做的就是填寫並提交表格,它就會出現在前端。

這是我為經典汽車目錄網站建立的表單示例:

前端表單示例

前端表單示例

使用者填寫後,列表在前端的外觀如下:

汽車列表模板示例

汽車列表模板示例

這是我的製作方法:

1. 轉到Toolset > Post表單,然後單擊Add New

2. 工具集嚮匯出現。單擊Continue並輸入表單的標題。

3. 在“Settings部分填寫適用於您的表單的詳細資訊。在這裡,您可以決定使用者提交表單後看到的頁面、列表是立即釋出還是作為草稿釋出以及帖子是否過期。這是我為我設定的:

前端表單的顯示選項

前端表單的顯示選項

4. 使用工具集的表單拖放編輯器來決定您希望使用者填寫哪些欄位。您還可以新增額外的元素和樣式使用CSS。這是我的樣子:

表單編輯器欄位

表單編輯器欄位

5. 最後一步允許您編輯提交表單時目錄網站的使用者和管理員收到的電子郵件通知。下面是我建立的一個示例,它將在釋出者釋出經過稽覈並上線時通知釋出者。

電子郵件通知設定頁面

電子郵件通知設定頁面

當然,如果需要,您可以向其他人新增其他電子郵件。

6. 現在是時候在前端顯示錶單了。就像其他內容一樣,我將把它作為一個單元格新增到我的一個佈局中。前往Toolset > Layouts,建立一個新的 Layout 並單擊以插入一個單元格。

7. 單擊Post Form單元格,然後單擊Create Cell

Save您的佈局,您現在可以在前端看到您的表單。

小結

正如我之前提到的,還有更多功能,例如地圖、會員部分和相關列表,您可以將它們新增到目錄網站。但這些是您在儘可能短的時間內開始所需的核心。

評論留言