Cách thêm Google Maps Store Locator trong WordPress

Tác giả Network Engineer, T.Chín 23, 2022, 09:31:28 SÁNG

« Chủ đề trước - Chủ đề tiếp »

0 Thành viên và 2 Khách đang xem chủ đề.

Cách thêm Google Maps Store Locator trong WordPress


Bạn có muốn thêm công cụ định vị cửa hàng Google Maps vào trang web WordPress của mình không?

Công cụ định vị cửa hàng là một bản đồ chỉ đến vị trí doanh nghiệp của bạn. Nếu bạn điều hành một doanh nghiệp Local, nó sẽ giúp người dùng của bạn tìm thấy bạn trên bản đồ, nhận chỉ đường lái xe và chia sẻ vị trí của bạn.

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng thêm công cụ định vị cửa hàng Google Maps trong WordPress.

Tại sao phải thêm Google Maps Store Locator trong WordPress?

Rất nhiều người dùng WordPress chạy  các trang web doanh nghiệp nhỏ  phục vụ một thị trấn hoặc khu vực cụ thể. Điều này bao gồm các doanh nghiệp như nhà hàng, đại lý bất động sản, thợ sửa ống nước, nhà cung cấp dịch vụ bảo trì, cửa hàng nhỏ, tiệm làm đẹp, v.v.

Thêm công cụ định vị cửa hàng Google Maps vào trang web của bạn sẽ giúp người dùng tìm thấy bạn. Họ sẽ có thể nhận chỉ đường lái xe đến cửa hàng của bạn và chia sẻ vị trí với bạn bè của họ.

Nó cũng có thể giúp cải thiện khả năng hiển thị công cụ tìm kiếm của trang web của bạn và thu hút nhiều khách truy cập trang web hơn.

Hãy cùng xem cách thêm công cụ định vị cửa hàng Google Maps trên trang web WordPress của bạn . Chúng tôi sẽ hiển thị cho bạn cả phương thức miễn phí và trả phí cùng với ưu và nhược điểm của chúng, sau đó bạn có thể chọn phương thức phù hợp nhất với nhu cầu của mình.

  • Phương pháp 1: Thêm công cụ định vị cửa hàng đơn giản vào WordPress (Miễn phí)
  • Phương pháp 2: Thêm một công cụ định vị cửa hàng với SEO Local (Được khuyến nghị)
  • Phương pháp 3: Hiển thị nhiều vị trí cửa hàng trên một bản đồ

1. Phương pháp 1: Thêm công cụ định vị cửa hàng đơn giản vào WordPress (Miễn phí)

Phương pháp này miễn phí và dễ dàng vì nó không yêu cầu thêm nỗ lực tạo khóa API Google Maps. Nó được khuyến nghị cho những người dùng muốn thêm một bản đồ đơn giản về vị trí cửa hàng của họ.

Trước tiên, bạn cần truy cập  trang web Google Maps  trên máy tính của mình. Tiếp theo, nhập địa chỉ cửa hàng của bạn vào trường tìm kiếm và Google Maps sẽ hiển thị địa chỉ đó trên bản đồ với một điểm đánh dấu được ghim.


Đảm bảo rằng điểm đánh dấu được đặt ở vị trí chính xác. Bạn có thể chọn mức thu phóng bằng cách nhấp vào các nút thu phóng ở góc dưới cùng bên phải.

Khi bạn đã hài lòng với giao diện của bản đồ, bạn cần nhấp vào nút chia sẻ từ cột bên trái. Thao tác này sẽ hiển thị một cửa sổ bật lên nơi bạn cần chuyển sang tab 'Nhúng bản đồ'.


Bây giờ bạn sẽ thấy vị trí đã tìm kiếm của mình trên bản đồ với mã HTML. Bạn nên nhấp vào liên kết 'Sao chép HTML' để lấy mã nhúng.

Bây giờ, hãy chuyển đến khu vực quản trị của trang web WordPress của bạn và chỉnh sửa bài đăng hoặc trang mà bạn muốn hiển thị bản đồ định vị cửa hàng.

Thông thường, người dùng thêm bản đồ định vị cửa hàng trên  trang biểu mẫu liên hệ  với số điện thoại doanh nghiệp và giờ mở cửa của họ.

Trên màn hình chỉnh sửa bài đăng, bạn cần thêm khối 'HTML tùy chỉnh'.


Bạn nên dán mã bạn đã sao chép từ Google Maps vào vùng văn bản của khối 'HTML tùy chỉnh'.

Bây giờ bạn có thể xem trước trang để xem Google Maps được nhúng vào trang của bạn. Nó sẽ hiển thị vị trí cửa hàng của bạn được đánh dấu trên bản đồ với các liên kết để nhận chỉ đường đến đó hoặc để lưu vị trí.


Phương pháp này hoạt động để nhúng bản đồ Google một cách nhanh chóng, nhưng nó không mang lại cho bạn lợi ích SEO tối đa. Nói cách khác, nó sẽ không giúp bạn xếp hạng cao hơn và nhận được nhiều lưu lượng truy cập hơn từ các công cụ tìm kiếm hoặc các tìm kiếm trên bản đồ Google.

Nếu bạn là một doanh nghiệp nhỏ , nhà hàng hoặc  cửa hàng trực tuyến  ở một hoặc nhiều địa điểm thực tế, thì chúng tôi khuyên bạn nên sử dụng giải pháp tiếp theo để cải thiện thứ hạng SEO Local của mình.

2. Phương pháp 2: Thêm một công cụ định vị cửa hàng với Local SEO (Được khuyến nghị)

Gần 46% tất cả các tìm kiếm trên Google có ý định Local. Tất cả trong một SEO (AIOSEO) là  plugin SEO WordPress tốt nhất  trên thị trường và giúp bạn mang lại nhiều lưu lượng truy cập miễn phí hơn từ các công cụ tìm kiếm đến trang web của mình.

Với AIOSEO, bạn có thể nhập vị trí cửa hàng, chi tiết liên hệ và giờ làm việc của mình bằng cách sử dụng đánh dấu lược đồ để thông tin được hiển thị trên các trang kết quả của công cụ tìm kiếm.

Ví dụ: khi bạn tìm kiếm 'các vị trí của Mcdonald ở Florida' trên Google, bạn sẽ được hiển thị một đoạn trích nổi bật với các điểm đến khác nhau và bản đồ có các vị trí được ghim.


Điều này sẽ giúp cải thiện  thứ hạng SEO của trang web và tăng tỷ lệ nhấp chuột của bạn trong tìm kiếm .

Lưu ý: Bạn sẽ cần ít nhất gói AIOSEO Plus để truy cập tính năng Local SEO cần thiết cho hướng dẫn này.

Trước tiên, bạn cần cài đặt và kích hoạt  plugin AIOSEO cho WordPress  . Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về  cách cài đặt plugin WordPress .

Sau khi kích hoạt, plugin sẽ chạy một trình hướng dẫn thiết lập. Nếu bạn cần trợ giúp định cấu hình plugin, hãy xem hướng dẫn của chúng tôi về cách thiết lập AIOSEO cho WordPress .


Sau khi quá trình thiết lập hoàn tất, bạn sẽ cần chuyển đến  Tất cả trong một SEO »SEO cục  bộ trên trang tổng quan WordPress của bạn.

Bạn có thể nhấp vào nút 'Kích hoạt SEO cục bộ' để bắt đầu định cấu hình cài đặt cục bộ.


Tiếp theo, bạn cần nhấp vào tab 'Bản đồ' ở trang SEO Local trên cùng .

Trên trang Bản đồ, bạn sẽ thấy trường 'Khóa API'.


Bạn có thể lấy khóa API cho Google Maps bằng cách truy cập Nền tảng Google Maps và đăng nhập bằng tài khoản Google của mình.

Sau đó, bạn nên nhấp vào nút 'Bắt ​​đầu'.


Tài nguyên Google Cloud được sắp xếp theo dự án. Nếu bạn chưa có một dự án, thì một dự án sẽ được tạo tự động cho bạn.

Lưu ý rằng bạn sẽ cần bật thanh toán cho dự án để sử dụng API Google Maps. Tuy nhiên, không chắc bạn sẽ phải trả bất cứ thứ gì.

Yêu cầu nhúng bản đồ là miễn phí với mức sử dụng không giới hạn như được nêu chi tiết trong tài liệu của Google và bạn cũng được cấp tín dụng hàng tháng 200 đô la mỗi tháng.

Bạn cần nhấp vào nút 'Tạo Tài khoản Thanh toán'.


Bây giờ bạn sẽ thấy trang Thông tin tài khoản. Bạn nên chọn quốc gia của mình từ menu thả xuống và đồng ý với các điều khoản dịch vụ.

Khi bạn đã sẵn sàng, hãy nhấp vào nút 'Tiếp tục'.


Bây giờ, bạn cần chọn một hồ sơ thanh toán hiện có hoặc tạo một hồ sơ mới.

Hồ sơ sẽ dành cho một cá nhân hoặc một doanh nghiệp và sẽ bao gồm tên của cá nhân hoặc doanh nghiệp, phương thức thanh toán và địa chỉ.


Khi bạn đã nhập thông tin đó, bạn cần nhấp vào nút 'Bắt ​​đầu bản dùng thử miễn phí của tôi'.

Đừng lo lắng về từ ngữ 'Dùng thử miễn phí'. Yêu cầu nhúng bản đồ vẫn miễn phí ngay cả khi thời gian dùng thử miễn phí đã kết thúc và thẻ tín dụng của bạn sẽ không bao giờ bị tính phí cho đến khi bạn nâng cấp thủ công lên tài khoản trả phí.

Bạn cũng có thể được yêu cầu điền vào bản khảo sát 30 giây về doanh nghiệp của mình để đảm bảo rằng bạn được cung cấp thông tin phù hợp nhất.


Khi bạn nhấp vào nút 'Gửi', khóa API Google Maps của bạn sẽ được hiển thị. Bạn sẽ cần nhập khóa này vào cài đặt plugin cho Phương pháp 2 và 3.

Sau đó, bạn có thể nhấp vào biểu tượng 'Sao chép vào khay nhớ tạm' ở cuối trường 'Khóa API của bạn'. Khi bạn đã hoàn thành việc đó, chỉ cần loại bỏ cửa sổ bật lên bằng cách nhấp vào nút 'Chuyển đến Nền tảng Google Maps'.


Hạn chế Khóa API Google Maps của bạn

Chúng tôi khuyên bạn nên hạn chế khóa để người khác không thể sử dụng khóa đó.

Sau khi bạn tạo khóa API, Google sẽ hiển thị cửa sổ bật lên 'Bảo vệ khóa API của bạn', nơi bạn có thể hạn chế khóa của mình để khóa chỉ hoạt động trên trang web của riêng bạn.

Trong trình đơn thả xuống 'Chọn loại hạn chế', bạn cần chọn 'các liên kết giới thiệu HTTP (các trang web).' Sau đó, trong trường tiếp theo, bạn nên nhập  tên miền trang web của mình  vào trường 'Mặt hàng mới' bằng cách sử dụng mẫu  *example.com/*.


Bạn sẽ thấy một thông báo có nội dung 'Đã hạn chế thành công khóa API của bạn.' Giờ đây, khóa sẽ chỉ hoạt động đối với Google Maps được nhúng trên trang web cụ thể của bạn.

Quay lại trang web của bạn, bạn nên nhập khóa API của mình vào trường. Tiếp theo, bạn có thể cuộn xuống để chỉnh sửa cài đặt bản đồ.

AIOSEO cho phép bạn hiển thị Google Maps bằng cách sử dụng khối Gutenberg (trình soạn thảo WordPress),  shortcode ,  widget hoặc mã PHP. Nó cũng cho phép bạn chọn các kiểu bản đồ khác nhau và thêm điểm đánh dấu tùy chỉnh vào bản đồ của bạn.


Đối với hướng dẫn này, hãy đảm bảo cài đặt 'Khối Gutenberg' được chọn. Đừng quên nhấp vào nút 'Lưu Thay đổi' khi bạn hoàn tất.

Bây giờ bạn có thể tạo bản đồ định vị cửa hàng của mình. Cách bạn thực hiện điều này phụ thuộc vào việc doanh nghiệp của bạn chỉ có một cửa hàng hay nhiều địa điểm.

Thêm bản đồ cho một vị trí duy nhất

Nếu doanh nghiệp của bạn hoạt động ngoài một vị trí thực tế, thì bản đồ sẽ sử dụng thông tin bạn cung cấp trên trang 'Cài đặt vị trí' của All in One SEO.

Hãy tiếp tục ngay bây giờ và chuyển sang tab 'Vị trí' của trang Tất cả trong một SEO »Local SEO .

Vì bạn có một vị trí thực tế, bạn nên đảm bảo rằng tùy chọn 'Nhiều vị trí' được đặt thành 'Không'.


Tiếp theo, bạn nên cuộn xuống phần 'Thông tin Doanh nghiệp' và điền càng nhiều thông tin về doanh nghiệp của bạn càng tốt.

Điều này rất quan trọng vì thông tin có thể được hiển thị khi ai đó tìm kiếm doanh nghiệp của bạn bằng tìm kiếm của Google hoặc Google Maps.


Sau đó, cuộn xuống phần 'Bản đồ' để ghim vị trí chính xác của bạn.

Chỉ cần nhập địa chỉ của bạn vào trường 'Nhập truy vấn'. Ghim sẽ được thêm tại vị trí đó và bạn có thể di chuyển ghim bằng cách kéo đến vị trí mới nếu cần.


Khi hoàn tất, bạn cần cuộn lên đầu hoặc cuối trang và nhấp vào nút 'Lưu thay đổi' để lưu cài đặt của mình.

Giờ đây, bạn có thể thêm bản đồ định vị cửa hàng của mình vào bất kỳ  bài đăng hoặc trang WordPress nào . Để bắt đầu, chỉ cần chỉnh sửa hoặc thêm một bài đăng hoặc trang mới trên trang web của bạn.

Khi bạn đang ở trong trình chỉnh sửa  khối , hãy nhấp vào nút '+' ở trên cùng và thêm khối 'AIOSEO Local - Map' vào bất kỳ đâu trên trang. Đảm bảo rằng bạn nhấp vào nút 'Cập nhật' hoặc 'Xuất bản' khi bạn hoàn tất.


Xin chúc mừng, bạn đã thêm thành công công cụ định vị cửa hàng Google Maps vào trang web của mình.

Thêm Bản đồ cho Nhiều Vị trí

Để thêm bản đồ cho một vị trí khác, bạn cần điều hướng đến tab Vị trí của trang Tất cả trong một SEO »SEO Local . Khi đó, bạn cần nhấp vào tùy chọn 'Có' cho Nhiều Vị trí, rồi nhấp vào nút 'Lưu Thay đổi' ở đầu màn hình.


Khi bạn lưu các thay đổi của mình, bạn sẽ nhận thấy rằng một loại bài đăng tùy chỉnh Vị trí mới đã được thêm vào thanh bên quản trị. Đây là nơi bạn sẽ nhập các địa điểm kinh doanh của mình.

Hãy tiếp tục và điều hướng đến  Vị trí »Tất cả Vị trí  và sau đó nhấp vào nút 'Thêm Mới'.


Thao tác này sẽ đưa bạn đến trình chỉnh sửa Vị trí. Bạn sẽ cần thêm tiêu đề cho vị trí bạn đang thêm, chẳng hạn như tên cửa hàng hoặc thị trấn.

Bây giờ bạn nên cuộn xuống phần 'AIOSEO Local Business' của trang, bên dưới nội dung bài đăng.

Đảm bảo bạn nhập càng nhiều thông tin càng tốt vì thông tin đó có thể được hiển thị khi ai đó tìm kiếm doanh nghiệp của bạn trong tìm kiếm của Google hoặc Google Maps.


Sau đó, bạn sẽ tìm thấy phần 'Bản đồ' và nhập địa chỉ của mình vào trường 'Nhập truy vấn'.

Một mã pin sẽ được hiển thị tại vị trí đó.


Sau khi nhập vị trí của bạn trên bản đồ và thêm thông tin vị trí, hãy tiếp tục và nhấp vào nút 'Xuất bản'.

Bây giờ bạn có thể lặp lại bước này và thêm các địa điểm kinh doanh khác của mình.

Sau khi hoàn tất, bạn có thể thêm bản đồ định vị cửa hàng vào trang web của mình cho từng vị trí bằng cách sử dụng khối 'AIOSEO Local - Map' trong trình chỉnh sửa WordPress.


Bây giờ bạn sẽ cần chọn vị trí để hiển thị trên bản đồ.

Để làm điều đó, hãy nhìn vào ngăn cài đặt khối ở bên phải màn hình và chọn cửa hàng bạn muốn hiển thị từ trình đơn thả xuống 'Vị trí'.


Chỉ cần thêm các khối bản đồ Local bổ sung cho bất kỳ vị trí nào khác. Đừng quên nhấp vào nút 'Xuất bản' hoặc 'Cập nhật' ở đầu trang để hiển thị bản đồ trên trang web của bạn.

3. Phương pháp 3: Hiển thị nhiều vị trí cửa hàng trên một bản đồ

Hai phương pháp đầu tiên cho phép bạn thêm bản đồ định vị cửa hàng với một vị trí duy nhất. Nếu bạn có nhiều vị trí, thì bạn cần thêm một bản đồ riêng cho từng vị trí.

Ngoài ra, bạn có thể sử dụng phương pháp thứ ba của chúng tôi để hiển thị nhiều vị trí trên một bản đồ.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Locatoraid Store Locator . Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress .

Khi kích hoạt, bạn cần truy cập Locatoraid »Configuration và thiết lập plugin.

Trong tab 'Google Maps', bạn sẽ cần dán khóa API Google Maps. Bạn có thể làm theo phương pháp trên trong Phương pháp 2 để tạo một.

Sau đó, bạn cần nhấp vào biểu tượng 'Lưu' để lưu trữ khóa. Bạn sẽ nhận thấy rằng Google Maps có thể tải chính xác trong cửa sổ 'Xem trước kiểu bản đồ'.


Tiếp theo, bạn có thể truy cập tab 'Cấu hình' và chọn hiển thị dặm hoặc km trên bản đồ.

Bạn cũng có thể kiểm tra các tùy chọn khác, chẳng hạn như định dạng địa chỉ, chi tiết bạn muốn hiển thị trên bản đồ và người dùng có thể sử dụng plugin nào.


Khi bạn hài lòng với cài đặt của plugin, hãy đảm bảo rằng bạn nhấp vào nút 'Lưu' để lưu trữ cài đặt của mình.

Bây giờ bạn đã sẵn sàng để thêm các vị trí cửa hàng của mình. Bạn nên điều hướng đến Locatoraid »Vị trí . Khi đó, bạn cần nhấp vào nút 'Thêm mới'.


Thao tác này sẽ đưa bạn đến trang 'Thêm Vị trí Mới'. Tại đây, bạn có thể nhập tên cửa hàng, vị trí và các chi tiết khác.

Khi hoàn tất, bạn nên nhấp vào nút 'Thêm Vị trí Mới' ở cuối trang.


Bạn sẽ được đưa đến trang 'Chỉnh sửa Vị trí', nơi bạn có thể xem vị trí cửa hàng trên bản đồ.

Nếu mọi thứ đều ổn, thì bạn nên nhấp vào nút '<Vị trí' ở đầu màn hình để quay lại trang Vị trí »Địa điểm trong bảng điều khiển của bạn.


Bạn có thể thêm nhiều vị trí hơn bằng cách nhấp vào nút 'Thêm Vị trí' và lặp lại các bước này.

Khi tất cả các vị trí cửa hàng của bạn đã được tạo, bạn có thể thêm bản đồ vào trang web của mình.

Chỉ cần thêm hoặc chỉnh sửa một trang và nhấp vào biểu tượng '+ Thêm khối' màu xanh lam. Bạn nên kéo một khối Mã ngắn vào trang và sau đó nhập mã ngắn [locatoraid] vào trường.


Mã ngắn mặc định này sẽ hoạt động tốt cho hầu hết các trang web. Tuy nhiên, bạn có thể tùy chỉnh bản đồ bằng cách sử dụng một mã ngắn khác. Truy cập trang Locatoraid »Publish để tìm hiểu thêm.

Giờ đây, bạn có thể xuất bản hoặc cập nhật trang và truy cập trang web của mình để xem bản đồ định vị cửa hàng của bạn.

Tất cả các vị trí cửa hàng của bạn sẽ được hiển thị trên cùng một bản đồ. Nếu người dùng của bạn nhập địa chỉ của họ hoặc nhấp vào liên kết 'Định vị tôi', thì họ có thể tìm thấy các cửa hàng gần nhất và nhận chỉ đường.


Chúng tôi hy vọng hướng dẫn này đã giúp bạn tìm hiểu cách thêm công cụ định vị cửa hàng Google Maps trong WordPress. Bạn cũng có thể muốn tìm hiểu cách tạo địa chỉ email doanh nghiệp miễn phí hoặc xem danh sách các chatbot AI tốt nhất cho trang web của bạn .