Hướng Dẫn Cách Nhúng Bản Đồ Google Map Vào Website WordPress

Nhúng bản đồ Google Map vào website WordPress không chỉ giúp người dùng nhanh chóng tìm đường đến doanh nghiệp của bạn, mà còn cải thiện trải nghiệm người dùng, gia tăng độ tin cậy và tối ưu SEO cho website. Bài viết này sẽ cung cấp hướng dẫn chi tiết về cách nhúng Google Map vào website WordPress dễ dàng và hiệu quả nhất.


Tại Sao Cần Nhúng Google Map Vào Website?

  • Cung cấp thông tin rõ ràng: Bản đồ giúp khách hàng nhanh chóng biết đường đi đến doanh nghiệp của bạn.
  • Tăng độ tin cậy: Website có bản đồ hiển thị rõ ràng về địa chỉ sẽ tạo ấn tượng chuyên nghiệp.
  • Cải thiện SEO: Những yếu tố như địa chỉ và bản đồ giúp công cụ SEO hiểu quả hơn.

Dưới đây là các bước thực hiện.


Bước 1: Truy Cập Google Maps

  1. Truy cập Google Maps trên trình duyệt.
  2. Nhập địa chỉ hoặc tên doanh nghiệp của bạn vào thanh tìm kiếm.
  3. Khi địa chỉ đã hiện trên bản đồ, nhấp vào nút Chia sẻ (ở góc trên bên phải).

Bước 2: Lấy Mã Nhúng Google Map

  1. Trong hộp thoại “Chia sẻ”, chọn tab “Nhúng bản đồ”.
  2. Tùy chọn kích thước bản đồ (như Medium, Large, hoặc kích thước tùy chỉnh).
  3. Sao chép mã iframe bằng cách nhấp Sao chép HTML.

Bước 3: Thêm Mã Nhúng Vào WordPress

1. Sử Dụng Trình Soạn Thảo Gutenberg

  • Đăng nhập vào bảng điều khiển WordPress.
  • Tạo một trang hoặc bài viết mới, hoặc chọn chỉnh sửa trang/bài viết có sẵn.
  • Nhấp dấu + để thêm block mới, tìm và chọn block HTML Tùy Chỉnh.
  • Dán mã iframe đã sao chép từ Google Maps vào block.

2. Sử Dụng Trình Soạn Thảo Cổ Điển

  • Trong giao diện soạn thảo, chuyển sang tab Text (Định dạng HTML).
  • Dán mã iframe vào vị trí mong muốn.

3. Thêm Vào Widget Hoặc Footer

  • Truy cập Giao Diện > Widget tại bảng điều khiển.
  • Thêm widget HTML Tùy Chỉnh và dán mã iframe vào.

Bước 4: Lưu Lại Và Kiểm Tra

  1. Nhấn Lưu hoặc Xuất bản trang/bài viết.
  2. Truy cập website để kiểm tra bản đồ Google Map hiển thị đúng cách.

Lưu Ý Khi Nhúng Google Map

  • Tôn Trọng Bản Quyền: Hãy tuân thủ các quy định sử dụng của Google Maps.
  • Tối ưu Hiệu Suất: Đảm bảo bản đồ tương thích với máy tính và di động bằng cách chọn kích thước iframe phù hợp.

Với hướng dẫn trên, bạn có thể nhúng Google Map vào website WordPress để cải thiện trải nghiệm người dùng và tăng độ chuyên nghiệp cho website của mình.

Gọi trực tiếp
Chat ngay
Chat trên Zalo