Cara Menambahkan Google Maps di WordPress (Cara yang BENAR)

Diterbitkan: 2022-01-31


Apakah Anda ingin menampilkan Google Maps di situs WordPress Anda?

Jika Anda menjalankan bisnis lokal, menampilkan Google Maps di situs Anda dapat membantu pengguna menemukan lokasi Anda dengan mudah. Ini juga dapat membantu meningkatkan visibilitas mesin pencari situs Anda sehingga Anda dapat menarik lebih banyak pengunjung situs web.

Pada artikel ini, kami akan menunjukkan cara menambahkan Google Maps di WordPress.

Add Google Maps in WordPress

Mengapa Menambahkan Google Maps di WordPress?

Tahukah Anda bahwa Google Maps adalah aplikasi navigasi paling populer di semua platform?

Jika Anda memiliki kantor atau alamat toko fisik, menambahkan Google Maps ke situs WordPress Anda memudahkan pengguna untuk menemukan toko fisik, restoran, atau gerai ritel Anda dengan cepat. Ini membantu Anda menarik lebih banyak pelanggan dan menghasilkan lebih banyak bisnis.

Tidak hanya itu, menyematkan Google Maps juga dapat meningkatkan SEO WordPress Anda. Menurut Google, 46% dari semua pencarian adalah lokal. Menambahkan Google Maps ke WordPress dapat meningkatkan SEO lokal Anda dan meningkatkan visibilitas Anda dalam pencarian lokal.

Sekarang ada dua cara untuk menyematkan peta Google di WordPress, dan kami akan menunjukkan kepada Anda keduanya.

Manfaat dari metode kedua adalah mengikuti semua praktik terbaik SEO lokal, jadi jika Anda menggunakannya, maka Google akan mulai menyertakan lokasi Anda di Google Maps. Ini juga akan menampilkan informasi bisnis Anda seperti nama, logo, alamat, nomor telepon, jam buka, dan lainnya di hasil pencarian lokal.

Di bawah ini adalah tautan cepat yang dapat Anda gunakan untuk pergi ke bagian yang Anda inginkan:

Karena itu, mari kita lihat bagaimana Anda dapat menambahkan Google Maps ke WordPress.

Cara Menambahkan Google Maps di WordPress tanpa Plugin

Jika Anda hanya ingin menyematkan peta Google dengan cepat di postingan atau halaman WordPress, Anda dapat menggunakan metode iFrame default.

Cukup buka situs web Google Maps dan ketik alamat jalan mana pun di area pencarian.

Find location in Google Maps and Click Share to Embed

Selanjutnya, Anda perlu mengklik ikon Bagikan dan itu akan menampilkan sembulan dengan opsi untuk Kirim tautan lokasi atau Sematkan peta. Anda harus memilih opsi Sematkan peta.

Copy Google Maps HTML Embed Code

Setelah itu cukup salin kode HTML untuk peta Google, lalu buka halaman tempat Anda ingin menyematkan peta. Di dalam editor blok, Anda perlu menambahkan blok HTML Kustom.

Select Custom HTML block in WordPress

Sekarang Anda cukup menempelkan kode sematan yang Anda salin dari peta Google, lalu perbarui atau publikasikan halaman untuk melihat pratinjau perubahan.

Google Maps iFrame Embed Code in Block Editor

Metode ini berfungsi untuk menyematkan peta Google dengan cepat, tetapi tidak memberi Anda manfaat SEO yang maksimal.

Jika Anda adalah bisnis kecil, restoran, atau toko online dengan satu atau beberapa lokasi fisik, maka sebaiknya gunakan solusi berikutnya untuk memaksimalkan peringkat SEO Lokal Anda karena solusi ini menggunakan data grafik terbuka yang tepat untuk membantu Anda berperingkat lebih tinggi di Google.

Cara Menambahkan Google Maps ke WordPress dengan Plugin SEO Lokal

Cara terbaik untuk menambahkan Google Maps dan mengoptimalkan situs Anda untuk SEO lokal adalah dengan menggunakan All in One SEO (AIOSEO).

Ini adalah plugin SEO terbaik untuk WordPress karena membantu Anda mendapatkan peringkat SEO yang lebih tinggi tanpa mengedit kode atau menyewa pengembang. Lebih dari 3 juta profesional menggunakan AIOSEO untuk meningkatkan peringkat mesin pencari mereka.

AIOSEO

Untuk tutorial ini, kami akan menggunakan versi AIOSEO Pro karena menyertakan fitur SEO Lokal dan opsi pengoptimalan canggih lainnya. Ada juga versi gratis AIOSEO yang dapat Anda gunakan untuk mulai mengoptimalkan situs Anda untuk mesin pencari.

Pertama, Anda harus menginstal dan mengaktifkan plugin AIOSEO di WordPress. Untuk lebih jelasnya, silakan lihat tutorial kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, plugin akan meluncurkan wizard pengaturan. Anda dapat mengklik tombol 'Let's Get Started' untuk mengonfigurasi plugin. Jika Anda memerlukan bantuan, silakan lihat panduan kami tentang cara mengatur All in One SEO dengan benar di WordPress.

AIOSEO setup wizard

Selanjutnya, Anda dapat menuju ke All in One SEO »Local SEO dari dashboard WordPress Anda.

Kemudian klik tombol 'Aktifkan SEO Lokal' untuk mulai mengonfigurasi pengaturan lokal.

Activate local SEO

Setelah addon SEO Lokal untuk WordPress diaktifkan, Anda dapat menambahkan satu lokasi atau beberapa lokasi di AIOSEO dan menampilkannya di Google Maps. Kami akan menunjukkan cara menambahkan keduanya ke situs web Anda.

Menambahkan Satu Lokasi

Untuk menambahkan lokasi, informasi bisnis, jam buka, dan lainnya, pertama-tama Anda harus membuka tab 'Lokasi' di bawah All in One SEO » Local SEO .

Jika Anda memiliki satu lokasi fisik, tetap atur opsi 'Beberapa Lokasi' ke Tidak.

Location tab under local SEO

Setelah itu, gulir ke bawah ke bagian 'Peta' untuk menyematkan lokasi persis Anda.

Cukup masukkan alamat Anda di bidang 'Masukkan kueri' dan Google Maps akan menunjukkan lokasi Anda.

Pin your store location

Setelah Anda memasukkan lokasi Anda, jangan lupa untuk mengklik tombol Simpan Perubahan.

Menambahkan Beberapa Lokasi

Jika Anda memiliki lebih dari satu lokasi fisik, maka Anda harus mengaktifkan pengaturan 'Beberapa Lokasi' di bawah tab 'Lokasi' di SEO Lokal.

Enable multiple locations

Setelah itu, menu Lokasi baru akan muncul di panel admin WordPress Anda.

Lanjutkan dan navigasikan ke Lokasi lalu klik tombol 'Tambah Baru'.

Add a new location

Setelah Anda berada di editor WordPress, gulir ke bawah ke bagian 'Peta'.

Di sini Anda dapat memasukkan alamat Anda di bidang 'Masukkan kueri'.

Add multiple map locations

Setelah memasukkan lokasi Anda di peta dan menambahkan informasi lokasi, lanjutkan dan klik tombol 'Terbitkan'.

Sekarang Anda dapat mengulangi langkah ini dan menambahkan sebanyak mungkin lokasi untuk bisnis Anda.

Setelah selesai menambahkan lokasi, Anda dapat kembali ke tab 'Peta' di menu All in One SEO » SEO Lokal .

Di sini Anda harus memasukkan kunci Google Maps API.

Enter Google maps API key

Sekarang, mari kita lihat cara membuat kunci API untuk Google Maps.

Membuat Kunci Google Maps API

Untuk memulai, Anda harus mengunjungi situs web Google Maps Platform dan mengeklik tombol 'Memulai'.

Google maps platform

Setelah masuk dengan akun Google, Anda harus menyiapkan akun penagihan.

Google Maps Platform memiliki harga bayar sesuai pemakaian, dan mereka menawarkan $300 pertama penggunaan bulanan gratis untuk semua pengguna. Untuk sebagian besar situs web, itu akan dengan mudah mencakup penyematan peta sederhana seperti yang kami buat di tutorial ini.

Jangan khawatir, mereka tidak akan membebankan biaya apa pun kepada Anda kecuali Anda meningkatkan secara manual ke akun berbayar.

Untuk memulai, lanjutkan dan klik tombol 'Buat Akun Penagihan'.

Create a billing account

Selanjutnya, Anda dapat memilih negara dan memilih yang paling menggambarkan organisasi Anda dari menu tarik-turun.

Setelah Anda memilih informasi ini, klik kotak centang untuk Persyaratan Layanan, lalu klik tombol 'Lanjutkan'.

Enter personal details for billing account

Pada layar berikutnya, Anda harus memasukkan nomor telepon Anda untuk verifikasi dan klik tombol 'Kirim Kode'.

Enter mobile number

Setelah memverifikasi kode, hal selanjutnya yang harus dilakukan adalah memasukkan nama bisnis Anda, detail metode pembayaran, dan alamat penagihan.

Setelah Anda memasukkan detail ini, klik tombol 'Mulai Uji Coba Gratis saya'.

Enter business name and payment details

Selanjutnya, Anda akan ditanyai serangkaian 4 pertanyaan tentang organisasi Anda dan bagaimana Anda akan menggunakan Google Maps Platform.

Google Maps akan menanyakan tentang tujuan utama Anda menggunakan platform, industri tempat Anda berada, pilih kasus penggunaan, dan ukuran perusahaan Anda.

Setelah menjawab pertanyaan-pertanyaan ini, lanjutkan dan klik tombol 'Kirim'.

Answer few questions for google maps

Anda sekarang akan melihat popup dengan kunci Google Maps API Anda.

Anda dapat menyalin dan menyimpan kunci ini dalam file teks untuk digunakan di masa mendatang.

Copy the API key

Sekarang setelah Anda membuat kunci Google Maps API, Anda harus kembali ke dasbor WordPress Anda untuk memasukkannya ke pengaturan SEO Lokal AIOSEO.

Mengonfigurasi Pengaturan Google Maps di WordPress

Sekarang Anda dapat kembali ke All in One SEO » Local SEO dari dashboard WordPress Anda dan kemudian arahkan ke tab 'Maps'.

Silakan dan masukkan Google Maps API Key di bidang 'API Key'. Anda akan melihat pratinjau peta di AIOSEO segera setelah Anda menambahkan kunci.

Add API key and see map preview

Selanjutnya, Anda dapat menggulir ke bawah untuk mengedit pengaturan peta.

AIOSEO memungkinkan Anda menampilkan Google Maps menggunakan blok Gutenberg, kode pendek, widget, atau kode PHP. Ini juga memungkinkan Anda memilih gaya peta yang berbeda dan menambahkan penanda khusus ke peta Anda.

Edit map settings

Jangan lupa klik tombol 'Simpan Perubahan' setelah selesai.

Menampilkan Google Maps di WordPress

Selanjutnya, Anda dapat menambahkan Google Maps ke postingan atau halaman WordPress mana pun. Untuk memulai, cukup edit atau tambahkan halaman baru di situs web Anda.

Setelah Anda berada di editor blok, klik tombol '+' di bagian atas dan tambahkan blok 'AIOSEO Lokal – Peta' di mana saja pada halaman.

Add local maps block

Setelah itu, Google Map Anda akan ditambahkan ke halaman.

AIOSEO juga memungkinkan Anda mengedit pengaturan peta dari opsi di sebelah kanan Anda. Misalnya, Anda dapat menampilkan label dan ikon, menambahkan penanda khusus, dan mengedit lebar dan tinggi peta.

Edit your map in WordPress

Jika Anda memiliki beberapa lokasi, maka Anda dapat memilih lokasi mana yang akan disorot dengan memilih dari opsi yang diberikan di menu di sebelah kanan Anda.

Cukup klik menu tarik-turun 'Lokasi' dan pilih lokasi pilihan Anda untuk ditampilkan di situs web Anda.

Choose which location to display

Setelah Anda puas dengan pengaturan Anda, lanjutkan dan publikasikan halaman.

Sekarang Anda dapat mengunjungi situs web Anda untuk melihat Google Maps beraksi.

Preview your map

Anda juga dapat menambahkan Google Maps ke bagian widget situs Anda, seperti bilah sisi atau footer.

Untuk memulai, buka Penampilan »Widget dari panel admin WordPress Anda. Selanjutnya, klik tombol '+' dan tambahkan blok widget 'AIOSEO Lokal – Peta' tempat Anda ingin menampilkan lokasi Anda.

Add maps widget

Setelah itu, Anda dapat mengedit pengaturan widget.

Misalnya, Anda dapat menambahkan judul, mengubah lebar dan tinggi peta, memilih lokasi mana yang akan ditampilkan jika Anda memiliki beberapa lokasi, dan mengedit label.

Edit map widget settings

Itu dia!

Sekarang ketika Anda memperbarui situs web Anda, Anda akan melihat Google Maps di area widget Anda.

Maps preview in widget area

Kami harap artikel ini membantu Anda mempelajari cara menambahkan Google Maps ke situs WordPress Anda. Anda juga dapat melihat panduan kami tentang plugin WordPress terbaik untuk bisnis kecil, dan pilihan ahli kami tentang layanan perlindungan pencurian identitas terbaik untuk pengusaha.

Jika Anda menyukai artikel ini, silakan berlangganan Saluran YouTube kami untuk tutorial video WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.