WordPressにGoogleマップストアロケーターを追加する方法

毎日、潜在的な顧客はあなたのビジネスを訪れるか、他の場所に行くかを決定しています。多くの場合、その決定は利便性、つまり、あなたを見つけやすく、道順を取得し、営業中かどうかを確認しやすいかどうかによって決まります。

デザイン性の高いGoogleマップの店舗検索機能は、それらの障壁をすべて取り除きます。

お客様は、ウェブサイトから離れることなく、正確な場所を確認し、ルートを計画し、営業時間を確認し、さらには近所の雰囲気を把握することができます。

実店舗を持つすべてのビジネスに推奨します。オンラインでの関心と対面での訪問の間のギャップを埋めるからです。

ボタンをクリックするのと同じくらい簡単にあなたのビジネスを訪問できるようにする準備はできましたか？WordPressサイトにプロフェッショナルなGoogleマップの店舗検索機能を作成する手順を説明します。

WordPressにGoogleマップの店舗検索機能を追加する理由

多くのWordPressユーザーは、特定の町や地域を対象とした 中小企業のウェブサイト を運営しています。これには、レストラン、不動産業者、配管工、メンテナンスサービスプロバイダー、小規模店舗、サロンなどのビジネスが含まれます。

これらの地域ビジネスは、顧客を引き付けるためにオンラインでの可視性に依存しています。さらに、統計によると、モバイルデバイスユーザーの53％がGoogle検索で地域の店舗への道順を検索しています。

Googleマップの店舗検索をサイトに追加することは、人々があなたのビジネスを見つけやすくするため、来店を促進する上で重要です。店舗への道順を取得したり、場所を友人と共有したりできるようになります。

また、サイトの検索エンジンの可視性を向上させ、より多くのウェブサイト訪問者を引き付けるのに役立ちます。

WordPressサイトにGoogleマップの店舗検索機能を追加する方法を見ていきましょう。無料および有料の方法とその長所・短所を紹介しますので、ご自身のニーズに最適な方法を選択してください。

• 方法1：WordPressにシンプルな店舗検索機能を追加する（無料）
• 方法2：ローカルSEOで店舗検索を追加する（推奨）
• 方法3：単一のマップに複数の店舗を表示する

方法1：WordPressにシンプルな店舗検索機能を追加する（無料）

この方法は無料で簡単です。なぜなら、Google Maps APIキーを作成するという追加の手順を踏む必要がないからです。店舗の場所の簡単な地図をすぐに表示したいユーザーには、この方法をお勧めします。

まず、お使いのコンピューターでGoogleマップのウェブサイトにアクセスする必要があります。次に、検索フィールドに店舗の住所を入力すると、Googleマップにピン留めされたマーカーで表示されます。

マーカーが正しい位置に配置されていることを確認してください。右下隅にあるズームボタンをクリックして、ズームレベルを選択できます。

地図の外観に満足したら、左側の列にある「共有」ボタンをクリックします。表示されるポップアップで、「地図を埋め込む」タブに切り替えます。

これで、検索した場所が地図上にHTMLコードとともに表示されます。埋め込みコードを取得するには、「HTMLをコピー」リンクをクリックします。

次に、WordPress ウェブサイトの管理エリアに移動し、店舗ロケーターマップを表示したい投稿またはページを編集します。

通常、ユーザーは問い合わせフォームページに、会社の電話番号と営業時間とともに店舗検索マップを追加します。

投稿編集画面で、「カスタムHTML」ブロックを追加する必要があります。

Googleマップからコピーしたコードを「カスタムHTML」ブロックのテキストエリアに貼り付ける必要があります。

これでページをプレビューして、Googleマップが埋め込まれていることを確認できます。マップには店舗の場所がマークされ、道順を取得したり場所を保存したりするためのリンクが表示されます。

この方法はGoogleマップをすばやく埋め込むのに役立ちますが、最大のSEOメリットは得られません。つまり、検索エンジンやGoogleマップ検索からのランキングを上げたり、トラフィックを増やしたりするのに役立ちません。

小規模ビジネス、レストラン、または1つ以上の実店舗を持つオンラインストアを経営している場合は、ローカルSEOのランキングを改善するために次のソリューションを使用することをお勧めします。

方法2：ローカルSEOで店舗検索を追加する（推奨）

Googleでの検索の約46%はローカル検索です。All in One SEO (AIOSEO) は、市場で最高のWordPress SEOプラグインであり、検索エンジンからウェブサイトへの無料トラフィックを増やすのに役立ちます。

WPBeginnerでは、検索結果での記事ランキングを向上させるためにこれを使用しており、素晴らしい経験をしています。さらに詳しく知りたい場合は、AIOSEOの完全レビューをご覧ください。

また、店舗の場所、連絡先情報、営業時間をスキーママークアップを使用して入力できるため、検索エンジンの結果ページに情報が表示される、優れた店舗ロケータープラグインでもあります。

たとえば、Googleで「フロリダのマクドナルドの店舗」を検索すると、目的地のリストとピン留めされた場所の地図が表示される注目のスニペットが表示されます。

これにより、ウェブサイトのSEOランキングが向上し、検索でのクリック率が向上します。

まず、WordPress用AIOSEOプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドを参照してください。

有効化すると、プラグインはセットアップウィザードを実行します。プラグインの設定にヘルプが必要な場合は、WordPressでAIOSEOを設定する方法に関するガイドをご覧ください。

セットアッププロセスが完了したら、WordPressダッシュボードの All in One SEO » Local SEO に移動する必要があります。

「ローカル SEO を有効にする」ボタンをクリックして、ローカル設定の構成を開始します。

次に、ローカルSEOページのトップにある「マップ」タブをクリックする必要があります。

Mapsページで、「API Key」フィールドが表示されるはずです。

Google Maps の API キーは、Google Maps Platform にアクセスし、Google アカウントでログインすることで取得できます。

その後、「開始」ボタンをクリックする必要があります。

Google Cloud リソースはプロジェクトごとに整理されます。まだプロジェクトがない場合は、自動的に作成されます。

Google Maps APIを使用するには、プロジェクトで請求を有効にする必要があることに注意してください。ただし、実際に料金が発生することはほとんどありません。

マップ埋め込みリクエストは、Googleのドキュメントに記載されているように、無制限に使用でき、毎月200ドルのクレジットも付与されます。

「請求先アカウントを作成」ボタンをクリックする必要があります。

これでアカウント情報ページが表示されます。ドロップダウンメニューから国を選択し、利用規約に同意する必要があります。

準備ができたら、「Continue」ボタンをクリックします。

次に、既存の支払いプロファイルを選択するか、新しいプロファイルを作成する必要があります。

プロフィールは個人またはビジネス用で、個人またはビジネスの名前、支払い方法、住所が含まれます。

その情報を入力したら、「無料トライアルを開始」ボタンをクリックする必要があります。

「無料トライアル」という表記は気にしないでください。無料トライアルが終了しても、マップ埋め込みリクエストは引き続き無料であり、有料アカウントに手動でアップグレードするまでクレジットカードに請求されることはありません。

最も関連性の高い情報を提供するために、ビジネスに関する 30 秒間のアンケートへの回答を求められる場合もあります。

「送信」ボタンをクリックすると、Google Maps API キーが表示されます。このキーを、方法2および3のプラグイン設定に入力する必要があります。

次に、「API キー」フィールドの末尾にある「クリップボードにコピー」アイコンをクリックできます。完了したら、「Google Maps Platform に移動」ボタンをクリックしてポップアップを閉じます。

Google Maps APIキーの制限

他のユーザーが使用できないように、キーを制限することをお勧めします。

APIキーを作成すると、Googleは「APIキーを保護する」ポップアップを表示し、そこでキーを自分のウェブサイトでのみ機能するように制限できます。

「制限タイプの選択」ドロップダウンで、「HTTPリファラー（ウェブサイト）」を選択する必要があります。次に、次のフィールドに、パターン*example.com/*を使用して、ウェブサイトのドメイン名を「新規アイテム」フィールドに入力します。

「API キーを正常に制限しました。」というメッセージが表示されるはずです。これで、キーは特定のウェブサイトに埋め込まれた Google マップでのみ機能するようになります。

ウェブサイトに戻り、フィールドにAPIキーを入力します。次に、下にスクロールしてマップ設定を編集できます。

AIOSEOでは、Gutenberg（WordPressエディタ）ブロック、ショートコード、ウィジェット、またはPHPコードを使用してGoogleマップを表示できます。また、さまざまなマップスタイルを選択したり、マップにカスタムマーカーを追加したりすることもできます。

このチュートリアルでは、「Gutenbergブロック」設定が選択されていることを確認してください。完了したら、「変更を保存」ボタンをクリックすることを忘れないでください。

これで、ストアロケーターマップを作成できます。作成方法は、ビジネスに店舗が1つだけか、複数の場所があるかによって異なります。

単一の場所の地図を追加する

ビジネスが単一の物理的な場所から運営されている場合、マップはAll in One SEOの「Locations Settings」ページで提供された情報を使用します。

次に、「All in One SEO » Local SEO」ページの「ロケーション」タブに切り替えてください。

単一の物理的なロケーションがあるため、「複数のロケーション」オプションが「いいえ」に設定されていることを確認してください。

次に、「Business Info」セクションまでスクロールダウンし、可能な限り多くのビジネス情報を入力してください。

これは、Google検索またはGoogleマップであなたのビジネスを検索した際に情報が表示される可能性があるため重要です。

その後、「マップ」セクションまでスクロールして、正確な場所をピン留めします。

「クエリを入力」フィールドに住所を入力するだけです。その場所にピンが追加され、必要に応じてピンをドラッグして新しい場所に移動できます。

完了したら、ページの上部または下部までスクロールし、「変更を保存」ボタンをクリックして設定を保存する必要があります。

これで、ストアロケーターマップを任意のWordPress投稿またはページに追加できます。開始するには、ウェブサイトで新しい投稿またはページを編集または追加するだけです。

ブロックエディターに入ったら、上部にある「+」ボタンをクリックし、「AIOSEO ローカル – マップ」ブロックをページ上の任意の場所に追加します。完了したら、「更新」または「公開」ボタンをクリックしてください。

おめでとうございます。Googleマップの店舗検索をサイトに追加しました。

複数の場所のマップを追加する

別の場所の地図を追加するには、All in One SEO » Local SEO ページの「Locations」タブに移動する必要があります。そこに移動したら、「Multiple Locations」の「Yes」オプションをクリックし、画面上部にある「Save Changes」ボタンをクリックします。

変更を保存すると、管理者のサイドバーに新しい「ロケーション」カスタム投稿タイプが追加されたことがわかります。ここにビジネスのロケーションを入力します。

Locations » All Locations に移動し、「Add New」ボタンをクリックしてください。

ここで、場所のタイトル（店舗名や町名など）を追加する必要があります。

次に、ページの下部にある「AIOSEO Local Business」セクション（投稿コンテンツの下）までスクロールしてください。

Google 検索または Google マップでビジネスが検索された際に表示される可能性があるため、できるだけ多くの情報を入力するようにしてください。

その後、「Maps」セクションを見つけて、「Enter a query」フィールドに住所を入力してください。

その場所にピンが表示されます。

マップに場所を入力し、場所情報を追加したら、「発行」ボタンをクリックしてください。

この手順を繰り返して、他のビジネスの場所を追加できます。

完了したら、WordPressエディターの「AIOSEO Local – Map」ブロックを使用して、各場所の店舗検索マップをウェブサイトに追加できます。

次に、地図上に表示する場所を選択する必要があります。

これを行うには、画面の右側にあるブロック設定ペインを見て、「場所」ドロップダウンメニューから表示したい店舗を選択します。

他の場所についても、追加のローカルマップブロックを追加するだけです。マップをウェブサイトに表示するには、ページの上部にある「公開」または「更新」ボタンをクリックすることを忘れないでください。

方法3：単一のマップに複数の店舗を表示する

最初の2つの方法では、単一の場所を持つ店舗検索マップを追加できます。もし複数の場所がある場合は、それぞれに個別のマップを追加する必要があります。

または、3番目の方法を使用して、単一のマップに複数の場所を表示することもできます。

まず、Locatoraid Store Locator プラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、Locatoraid » Configuration にアクセスしてプラグインを設定する必要があります。

「Google Maps」タブで、Google Maps APIキーを貼り付ける必要があります。作成するには、上記の方法2の手順に従ってください。

次に、「保存」アイコンをクリックしてキーを保存する必要があります。「マップスタイルプレビュー」ウィンドウでGoogleマップが正しく読み込まれていることに気づくはずです。

次に、「設定」タブに移動して、マップにマイルまたはキロメートルを表示するかどうかを選択できます。

住所のフォーマット、マップに表示したい詳細、プラグインを使用できるユーザーなどの他のオプションも確認できます。

プラグインの設定に満足したら、必ず「保存」ボタンをクリックして設定を保存してください。

これで、店舗の場所を追加する準備ができました。Locatoraid » Locations に移動してください。そこに表示されたら、「新規追加」ボタンをクリックする必要があります。

「新しい場所を追加」ページに移動します。ここで、店舗名、場所、その他の詳細を入力できます。

完了したら、ページ下部にある「Add New Location」ボタンをクリックしてください。

店舗の場所が地図に表示される「場所の編集」ページに移動します。

すべてが問題なければ、画面上部にある「< Location」ボタンをクリックして、ダッシュボードのLocatoraid » Locationsページに戻ってください。

「場所を追加」ボタンをクリックしてこれらの手順を繰り返すことで、さらに場所を追加できます。

すべての店舗の場所が作成されたら、ウェブサイトに地図を追加できます。

ページを追加または編集し、青い「+ Add Block」アイコンをクリックするだけです。ショートコードブロックをページにドラッグし、フィールドにショートコード[locatoraid]を入力してください。

このデフォルトのショートコードは、ほとんどのウェブサイトでうまく機能します。ただし、別のショートコードを使用して地図をカスタマイズすることもできます。詳細については、Locatoraid » Publish ページをご覧ください。

これで、ページを公開または更新し、ウェブサイトにアクセスして店舗検索マップを確認できます。

すべての店舗の場所が同じ地図上に表示されます。ユーザーが住所を入力したり、「現在地を検索」リンクをクリックしたりすると、最も近い店舗を見つけて道順を取得できます。

このチュートリアルで、WordPressにGoogleマップの店舗ロケーターを追加する方法を学べたことを願っています。また、WordPressでインタラクティブマップを作成する方法を学んだり、ウェブサイトに最適なスキーママークアッププラグインのリストを確認したりすることもできます。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。