ホームページに地図を載せるにはどうしたらいいの？

旅行や食べ歩きが好きでブログやホームページをやられている方はたくさんいらっしゃると思います。

でも、ブログで紹介するとき言葉だけだとわかりづらいから地図を載せたい、ホームページに地図を貼りつけたい。

そんな方にGoogleマップをブログやホームページに埋め込むことをオススメします。

ブログ初心者でも簡単に超かんたんにGoogleマップを埋め込める方法をご紹介。

一度埋め込み方を覚えると次からは簡単に埋め込むことができます！

ここでは、WordPress（ワードプレス）にGoogleマップを埋め込む方法をご紹介します。

Googleマップをブログに埋め込む方法

ブログにGoogleマップを埋め込んで貼り付ける方法はとっても簡単なので試してね！

ざっくりとした手順は次の通りです。

それでは、説明していきます。

1.Googleマップで目的の場所やお店を入力し検索する

①Googleマップにアクセスして目的の場所やお店の名前や住所を入力します。

②「Enter」キーまたは虫眼鏡アイコンをクリックします。

（ここでは、高尾山の地図でやり方をご紹介します）

2.「共有」マークをクリックする

すると下の画像のように左側に共有が表示されますので「共有」をクリックします。

そうすると、「共有」という画面が表示されますので、「地図を埋め込む」をクリックします。

3.地図の大きさを選択し、地図の「HTMLのコード」をコピーする

①左上に地図の大きさを選択できるところがあります。「大・中・小・カスタマイズ」から大きさを選びます。

ご自身のブログを読まれる方がスマホが多い場合は、「小」か「カスタマイズ」を選択したほうが大きすぎず、見やすいかなと思います。

それぞれのサイト・ブログの幅が違異なるので、お好みのサイズを選びましょう。

②サイズを選択したら「HTMLをコピー」をクリックします。

4.WordPressに「マップコード」を埋め込む

地図の「HTMLのコード」をご自身のブログに貼り付けます。

ここでは、ブロックエディター（グーデンベルク）でのコードの埋め込み方法を説明します。

WordPressの投稿の編集画面に移動します。

編集画面の左上の①の⊞、または、本文を入力する画面の②の⊞をクリックします。

①左上の⊞をクリックする場合

「左上の①の⊞」をクリックしてコードを貼り付ける場合をご説明します。

①の⊞をクリックします。

下の方にスクロールすると「カスタムHTML」のブロックがあります。

②「カスタムHTML」のブロックをクリックします。

③本文に表示された「HTMLを入力」とあるので、そこに先ほどコピーした地図のコードを貼り付けましょう。

これで完了です。

②の⊞をクリックする場合

編集画面の本文の⊞をクリックして貼り付ける場合をご説明します。

②の⊞をクリック

右下にボックスが表示されます。最近自分が使用したブロックが表示されます。

その中に「カスタムHTML」が表示されている場合は、「カスタムHTML」をクリックします。

「カスタムHTML」がない場合は、その下の「すべて表示」をクリックします。

そうすると左側にブロックが表示され、下の方にスクロールすると「カスタムHTML」のブロックがあります。

②「カスタムHTML」のブロックをクリックします。

③本文に表示された「HTMLを入力」とあるので、そこに先ほどコピーした地図のコードを貼り付けましょう。

これで完成です。

「プレビュー」をクリックしてプレビューを表示させて貼り付けた地図を確認しましょう。

Googleマップをブログに埋め込む方法のまとめ

Googleマップをブログに埋め込むとブログを見た方がそこの場所をイメージしやすくなると思います。難しいように思いますが、とっても簡単に地図をブログに埋め込むことができるので是非試してみてくださいね。

にほんブログ村

「何から始めたらいいの？」
「どうゆう手順で進めたらいいの？」

と立ち止まってしまう人が多いのではないでしょうか？私もそのひとりでした。
でもブログ初心者でも簡単にブログを始めることができました！

私がどのような流れでブログの開設をしたのかをお話します。

初心者でも簡単にブログを始めるには

ＸSERVER(エックスサーバー)の「WordPressクイックスタート」で、ブログを開設することです！
詳しくはあとで説明します。

まず始めにやることは？

1.雑記ブログと特化ブログのどちらのブログにするか決める！

ブログには大きく分けて「雑記ブログ」と「特化ブログ」があります。

「雑記ブログ」とは…メインテーマを絞らず、複数のテーマ・ジャンルの記事を書くブログです。

　例：１つのブログに副業、料理、レビュー、スポーツなど

「特化ブログ」とは…テーマやジャンルが絞られた記事を書くブログのことです。

　例：スポーツの事だけ書くブログ、ダイエットの事だけ書くブログなど。

雑記ブログと特化ブログのメリット・デメリットは？

＜雑記ブログ＞

◎メリット
・なんでも書ける。
・幅広い人のアクセスを集めることができる。

△デメリット
・ブログの専門性がないため他サイトとの差別化が難しい。
・特化ブログに比べて収益化が厳しい

＜特化ブログ＞

◎メリット
・読者が集まりやすい
・リピーターが増えやすい
・収益化しやすい

△デメリット
・記事を書くために知識が必要
・トレンドの記事は書きにくい

特定のジャンルで詳しかったら、「特化ブログ」で始めることをお勧めしますがまだ自分はどちらがよいか分からないと言う方は「雑記ブログ」から始めた方がよいと思います。

2.ブログで扱うテーマを決める！

雑記ブログでも何を書くブログなのか、誰に対してどんな情報を届けるブログなのかを考える。
自分が得意なのはなにか、これから始めたいことはあるか、誰のどんな悩み・問題を解決するものなのかを考えてテーマを４つくらいに絞ったほうが良いです。

収益化を目的としているブログ運営で、避けたいのがＹＭＹＬの分野です。
「ＹＭＹＬ」とはGoogleが作った造語で、Your　Money　Your　Lifeの略です。

＜ＹＭＹＬに該当する分野とは＞
・金融/資産：投資・税金・保険・など
・医療/健康：病気・治療・栄養・薬など
・時事問題：政治・政策・ニュースなど
・人権問題：宗教・人種など
・決済/取引：購入・送金など
・法律/政府/国民：政府・公的機関・離婚・遺言書など
・その他：就職・住宅・など

個人の将来、経済、健康に影響を及ぼすジャンルはGoogleの品質評価ガイドラインに引っかかり、検索順位が下がるなど評価が下がります。

3.無料ブログサービスよりWordPress(有料)で始める！

Word Press(ワードプレス)とは…

専門的な知識がなくても用意されたテンプレートを選択したり、テキスト入力、画像挿入などをすることで、初心者でも簡単にホームページやブログを作成することができます。

無料ブログとWord Pressの違いは？

「無料ブログ」…無料で気軽に始められますがデザインの自由度が低く収益化しにくい。

「WordPress」…費用はかかりますがデザインの自由度が高く収益化もしやすい。

収益化を目的とするなら「WordPress」をお勧めします！

費用はどれくらい？

契約するサーバーにもよりますが月額1,000円前後です。

ブログを始めるために必要な準備は？

サーバーを契約する前に下記のものを用意しておくとスムーズに手続きできます。

WordPressでブログの開設をする！

WordPressブログを開設するとき家を建てることで例えています。

①ｗｅｂ上では【土地＝サーバー】が必要
②ｗｅｂ上では【住所＝ドメイン】が必要
③ｗｅｂ上では【家＝WordPress】が必要
④ｗｅｂ上では【内装＝WordPressテーマ】が必要

①土地(レンタルサーバー)を借りる

WordPressでブログを始める場合、ブログを置く場所としてレンタルサーバーを用意する必要があります。

初心者には「ＸSERVER(エックスサーバー)」か、「ConoHa WING(コノハウイング)」か「ロリポップ」のレンタルサーバーが良いようです。

この3社は、サーバー契約と同時に独自ドメインを取得してWordPress開設・SSL化までを実施する機能があるので、初心者には始めやすいようです。

私は調べていて情報が多かった「エックスサーバー」で契約しました。

Conoha　WING (コノハウイング)も利用している方が多いのでこちらも検討してみてください。

②住所(ドメイン)を取得する

ドメインとは

https://◯◯◯.comの、「◯◯◯.com」が、ドメインとなるURLです。

ドメインはブログタイトル(サイト名)に近い文字列のドメインを使ったほうが覚えやすいのでブログタイトルを決めてから、ドメインを取得した方がよいです。

③家(WordPress)を建てる

エックスサーバーの「WordPressクイックスタート」でWordPressブログを設定する。

エックスサーバーの「WordPress クイックスタート」とは

エックスサーバーでは2020年4月より開始した機能「WordPress クイックスタート」というものができ、いままで数時間以上掛かっていたWordPressブログの立ち上げが、10分で完了することができます！

＜WordPressで必要なもの＞
・レンタルサーバーの契約
・ドメイン名の取得・設定
・WordPressテーマのインストール
・SSLの設定
・WordPressの設置

WordPressを始めるのに必要なものすべてを「WordPressクイックスタート」を使えば自動で設定してくれます。

このクイックスタートがあって良かったです！なかったら、いつブログをスタート出来るか、もしくは、始める前に断念してたかもしれません…

④内装(WordPressテーマ)で整える

家を建てただけでは使いづらいのと同じように内装を整えるためにブログもWordPressテーマを使ってデザインを整え読みやすいブログにします。

＞＞エックスサーバーの公式サイトはこちら

WordPressブログ開設のまとめ

①レンタルサーバーで土地を用意する
②ドメインで住所(ＵＲＬ)を割り当てる
③WordPressの家を建てる
④WordPressテーマで内装を整える

ブログ初心者にとったら分からない事だらけで立ち止まってしまうと思いますが、思っているよりもブログの立ち上げは簡単にできます。当ブログがブログを始めるきっかけになっていただけたらうれしいです。

にほんブログ村