如何在 WordPress 中嵌入 Google 地圖

已發表: 2024-01-20

如果您是企業主或部落客,希望突出顯示您的位置或提供前往實體店的路線,那麼將 Google 地圖嵌入您的 WordPress 網站是一個好主意。

Google 地圖是一種廣泛使用的地圖服務,可讓您的受眾輕鬆搜尋位置、獲取路線並探索附近的地點。

透過將 Google 地圖新增至您的網站,您的訪客可以輕鬆找到您的公司地址、取得路線,甚至查看您所在位置的街道。

但是如何將 Google 地圖嵌入到您的 WordPress 網站中呢? 別擔心—這比您想像的要容易。

在這篇文章中,我們將引導您逐步完成將 Google 地圖嵌入到您的 WordPress 網站中的過程。

你準備好了嗎? 讓我們開始吧。

目錄

  1. 為什麼要在 WordPress 中嵌入 Google 地圖?
  2. 在 WordPress 中嵌入 Google 地圖的方法
    • 在 WordPress 中嵌入 Google 地圖(無需外掛程式)
    • 使用本地 SEO 外掛程式將 Google 地圖新增至 WordPress
  3. 結論

1為什麼要在 WordPress 中嵌入 Google 地圖?

Google 地圖是一款功能強大的工具,可讓您在裝置上探索和導航世界。 將其嵌入到您的 WordPress 網站中可以帶來許多好處。

1.1對於企業主

如果您擁有一家擁有實際位置的企業,策略性地將 Google 地圖添加到您的 WordPress 網站可以幫助客戶快速找到您的店面、餐廳或零售店。

Google地圖

如果您的企業難以遠端定位或經營,這證明特別有用。 新增 Google 地圖不僅可以讓您的業務更加引人注目,還可以讓您的業務更加引人注目。 它還可以促進銷售並提高客戶滿意度。

1.2對於部落客和內容創作者

將 Google 地圖整合到您的內容中可以讓讀者清楚地了解您提到的位置。 這增強了內容的整體可見性,使其更具吸引力和相關性。

在部落格文章或內容中包含地圖會增加互動元素。 讀者可以探索您討論的地點,創造更具吸引力和活力的體驗。

透過 Google 地圖提供準確的位置資訊可以增加您的內容的可信度。 它表明您已經進行了徹底的研究,並為您的受眾提供了可靠的參考點。

對於專注於旅行或特定地點內容的部落客和內容創作者來說,Google 地圖可以帶來創造收入機會。 透過精確的地圖,與特定位置相關的合作夥伴關係、贊助內容或聯盟行銷變得更加可行。

1.3提升本地搜尋引擎優化

將 Google 地圖新增至您的 WordPress 網站可以透過在本地搜尋引擎結果中提供您的業務相關資訊(例如名稱、徽標、地址、電話和營業時間)來提高您的本地 SEO 和知名度。

這可以提高搜尋引擎結果的排名,最終為您的網站帶來更多流量。

在 WordPress 中嵌入 Google 地圖的2 種方法

現在讓我們來討論一下在 WordPress 中嵌入 Google 地圖的方法。

事實證明,第二種方法更有益,因為它遵循所有本地 SEO 最佳實踐。 透過選擇這種方法,Google 會將您的位置包含在 Google 地圖上,並在本地搜尋結果中展示重要的商業訊息,包括名稱、徽標、地址、電話號碼和營業時間。

2.1在 WordPress 中嵌入 Google 地圖(無需外掛程式)

在不使用外掛程式的情況下嵌入 Google 地圖利用了 Iframe 技術。

首先,導覽至 Google 地圖網站並在搜尋欄中輸入您公司的街道地址。

輸入地址

在地圖上找到所需位置後,按一下「共享」按鈕。 將出現一個帶有共享選項的窗口,如下所示。

在共享選項中,選擇嵌入地圖標籤。 在這裡,您可以根據您的網站佈局透過選擇預設尺寸或輸入自訂尺寸來自訂地圖的尺寸。

共享選項

調整地圖大小後,將產生嵌入程式碼。 只需點擊“複製 HTML”按鈕即可將程式碼複製到剪貼簿。 您也可以透過選擇「中」旁邊的下拉箭頭來自訂地圖大小,如下所示。

複製 HTML

成功複製地圖程式碼後,返回 WordPress 儀表板並選擇您想要嵌入地圖的貼文/頁面。

在區塊編輯器中,搜尋並新增自訂 HTML區塊。 然後,將 HTML 地圖程式碼貼到該區塊中,如下所示。

新增程式碼

預覽您的頁面或貼文以確保地圖正確顯示。 滿意後,儲存變更並發佈內容。

預覽地圖

就是這樣! 這樣,您就可以快速將 Google 地圖嵌入到您的 WordPress 網站中,而無需依賴外掛程式。

2.2使用本地 SEO 外掛程式將 Google 地圖加入 WordPress

在這種方法中,我們將探索整合 Google 地圖並使用 Rank Math SEO 外掛程式增強 WordPress 網站以實現本地 SEO 的最佳方式。

該外掛以其提高 WordPress 網站 SEO 排名的能力而聞名,其最大的優點是您不需要編碼專業知識或開發人員的幫助。

我們將特別利用 Rank Math 的本地 SEO 功能,該功能在 PRO 版本中可用。 儘管如此,即使使用該外掛程式的免費版本,您也可以開始您的 SEO 優化之旅。

首先,在您的 WordPress 網站上安裝並啟動 Rank Math SEO 外掛。 啟動後,請按照設定精靈進行操作。 有關在您的網站上設定 Rank Math 的逐步指南,請參閱我們有關在您的網站上設定 Rank Math 的專用教學。

配置本地 SEO 設定

成功設定 Rank Math 外掛後,導覽至Rank Math SEO → 儀表板,在 WordPress 儀表板上啟用本地 SEO模組,如下所示。

啟用本地 SEO 模組

接下來,導覽至排名數學 SEO → 標題和元,然後點擊本地 SEO部分。 在「本地 SEO」部分中,選擇「組織」 ,如下所示。

選擇組織

在「組織」標籤上,在提供的欄位中填寫有關您公司的所有詳細資訊。 此資訊將顯示在您的本地搜尋結果中。 有關更多詳細信息,請參閱我們的綜合指南。

向下捲動找到“使用多個位置”選項。 啟用此欄位可確保您網站上 Google 地圖的無縫功能。

在繼續之前,我們建議您閱讀有關多個位置如何運作的指南,並按照逐步設定說明進行操作。

啟用使用多個位置選項

啟用「使用多個位置」選項可讓您提供更多業務詳細信息,例如測量系統、地圖樣式、要顯示的最大位置數和主要國家/地區。

這些選項在指導地圖在您的網站上的顯示方面發揮關鍵作用。

使用多個位置欄位中的選項

根據您的喜好進行設置後,只需向下捲動即可配置其他類似的設置,如下所示。

位置選項

在該部分中,您將找到專用於 Google 地圖 API 金鑰的下一個設定。 若要在您的網站上啟用 Google 地圖,必須在此欄位中插入 Google 地圖 API 金鑰。

取得Google地圖API金鑰

Google 地圖 API 金鑰是一個獨特的字母數字標識符,Google 使用它來監控您的專案使用情況和計費帳戶。 若要整合 Google 地圖,請造訪 Google 地圖平台並點選「開始」按鈕。

谷歌地圖平台

單擊該按鈕,您將被引導至儀表板。 在這裡,您可以建立一個新專案(如果您沒有),也可以從現有專案中進行選擇。

選擇項目

成功建立或選擇專案後,按一下「金鑰和憑證」選項,如下所示。 此選擇將指導您設定計費帳戶。

金鑰和憑證

Google Maps Platform 遵循即用即付的定價模式,為所有用戶提供每月前 200 美元的免費使用費。 這對於採用簡單嵌入方法的小型網站特別有利。

在第一步中,輸入您所在國家/地區的名稱。 接下來,點擊“同意並繼續”按鈕繼續下一步。

點擊同意並繼續

後續步驟將需要您的公司名稱、付款方式和銀行卡詳細資料。

但是,請放心,除非您選擇升級到付費帳戶,否則不會收取任何費用。 此資訊僅用於驗證,以確保您不是機器人。

支付訊息

在接下來的步驟中,您將遇到四個問題,涉及您的組織以及使用 Google 地圖平台的目的。

一旦您提供了這些問題的答案,只需點擊“提交”按鈕即可繼續。

將出現一個彈出窗口,顯示您的 API 金鑰。 複製此密鑰並將其保存在文字檔案中以供將來參考。

成功複製 API 金鑰後,返回您的 WordPress 網站並將其輸入到排名數學本地 SEO 設定中。

將 Google 地圖 API 金鑰嵌入到 WordPress

在本機 SEO 設定中,向下捲動到 Google 地圖 API 金鑰選項並貼上複製的 API 金鑰。

Google 地圖 API 金鑰

之後,向下捲動到頁面底部並點擊“儲存變更”按鈕以儲存您的設定。

儲存更改按鈕

儲存變更後,就可以將 Google 地圖新增至您的網站貼文/頁面了。

在您的 WordPress 內容中顯示 Google 地圖

現在您可以將 Google 地圖合併到現有的貼文/頁面或小工具中,或建立新的貼文/頁面或小工具。

在編輯頁面,切換到區塊編輯器,搜尋並新增Local Business by Rank Math ,如下圖。

本地商業區塊

當您將本機業務區塊編輯器新增至內容區域時,它最初會顯示位址。

但是,您可以透過導航至「設定」面板並選擇「地圖」類型將其變更為地圖,如下所示。

地圖設定

在“位置”設定中,如果您有多個位置,則可以選擇其中一個或選擇“所有位置”選項。

地點設置

之後,向下捲動設定以根據您的喜好配置其他相關選項。

本地業務區塊設置

成功完成所有配置後,按一下「發布/更新」按鈕儲存變更。

3結論

當您將 Google 地圖嵌入 WordPress 網站時,它會增強其功能並向訪客提供重要的企業位置資訊。

無論您使用外掛程式還是選擇手動 Iframe 方法,整合地圖都可以顯著改善網站上的使用者體驗和參與度。

透過提供準確的互動式位置訊息,您不僅可以使您的內容更加可信,還可以為更好的 SEO 排名和潛在的貨幣化提供機會。

如果您已使用本指南成功將 Google 地圖嵌入到您的 WordPress 網站上,請透過推文 @rankmathseo 告知我們。