無料ブログ講座 便利な無料ツール

2-2.ブログ記事に動画やX(旧:ツイッター)を貼る方法と画像にバナーリンクを設置する方法を解説!

ブログ記事に動画やX(旧:ツイッター)を貼る(埋め込む)方法とバナーリンクの設置方法を解説!
この記事では、ブログに

・Youtube動画

・X(旧:ツイッター)

・インスタ

を記事に埋め込む方法と画像にバナーリンクを設置する方法を解説していきます。

アフィリエイトするときやメルマガ誘導するときに必要なので、設置方法を必ず覚えておきましょう。

ブログにYoutube動画を記事に埋め込む(貼る)方法

ブログにYoutube動画を記事に埋め込む(貼る)方法は簡単です。

埋め込みたい『Youtube動画』の下にある

①『共有』というボタンがあるのでクリックしてください。

②ポップアップ画面でURLが表示

それをコピーしてブログに張るだけです。

ユーチューブ埋め込み方法-500x373

ちょうど同じタイトルで検索したら埋め込み方法を解説した動画が見つかりましたので、こちらでも確認してみてください。

ユーチューブ動画をブログに埋め込むメリットについて

ユーチューブ動画をブログに埋め込むメリットは

メリット

・ブログの滞在時間が延びるのでSEO効果が上がる

・文章で伝えにくい内容を読者に分かりやすく提供できる

自分自身でこの方法を動画で解説したユーチューブを作成して埋め込むと更に信用が築けますね。

X(旧:ツイッターTwitter)をブログに埋め込む方法

次にX(旧:ツイッターTwitter)をブログに埋め込む方法です。

気にいったツイートの右上にある「…」をクリックしてください。

ブログにツイッターを埋め込む方法

クリックするとポップアップ画面が出てきます↓

ツイッター2-500x266

『</>ポストを埋め込む』を選択すると、ブログに埋め込むURLが出てきます↓

埋め込みURL-500x225

これをコピペしてブログに張り付ければ完成。

このような感じでブログで表示されますよ↓

画像代わりにできるのがインスタです。

特にイベント記事系や旅行ブログに使いたいのがインスタですね。

インスタをブログに埋め込む方法

インスタをブログに埋め込む方法は先ほどのX(旧:ツイッター)とほぼ同じです。

ブログに張り付けたい投稿をクリック右上にある「…」ボタンをクリックします↓

インスタをブログに埋め込む方法について-500x338

下のように表示されますので『埋め込み』を選択してください↓

URL-500x449

『埋め込みコードをコピー』をクリックしてブログに張り付けるだけです。

埋め込みコード

埋め込みコードは、クラッシックエディターの場合では、「ビジュアルモード」ではなく『テキスト』モードに貼り付けます。

記事投稿画面の右上にあります↓

埋め込み-500x65

実際にインスタを埋め込んだ状態がこちらです↓

一度埋め込んだら『下書き保存』し、プレビューで確認してみましょう。

画像にバナーリンクを設置する方法

画像にバナーリンクを設置する方法をお伝えしていきますね。

今回の記事で使用しているアイキャッチ画像を例にしていきますよ。

『メディアを追加』のボタンから画像を選択して『記事に挿入』ボタンで記事に張り付けてください。

ブログ記事に動画やX(旧:ツイッター)を貼る(埋め込む)方法とバナーリンクの設置方法を解説!

画像が表示されたら、画像の部分をクリックします。

そうすると上方に『エンピツ』のマークが表示されるのでそちらをクリックしてください。

バナー設置方法-500x398

真ん中にある【表示設定】のリンク先で【カスタムURL】を選択し、その下にあるURLの部分にリンクさせたいURLを記入します↓

リンクの貼り付け方について-500x534

最後に上級者向け設定にある『リンクを新しいタブで開く』にチェックを入れておきましょう。

ブログ内を移動させるリンクの場合は必須ではありませんが、外部リンクで他のサイトに飛ばすときに有効な手段なんです。

というのも、

別サイトに移動したらブログから離脱されてしまいますよね。

その時に別タブで新しく開くようにしておけば再度ブログに戻ってくれることがあるからなんですね。

内部リンクの効果的な方法について

内部リンクとは、ブログにある別記事に誘導させるためのリンクのことを言います。

回遊してもらい滞在時間を延ばしてSEO対策を施す効果があります。

次の記事に誘導する場合は、次に読んでもらいたい記事のURLを一度投稿記事に貼り付けておきます。

「AFFINGER6」の場合、クラシックモードの「ビジュアルモード」だとブログカードに変換されますが、ブログカードにしたくないときは「テキストモード」でやってみてください。

https://zennymouket.com/2-3keyword/

URL全体をドラッグして投稿画面上部にある『くさりのマーク』をクリックします。

リンクの張り方-500x29

そうすると次のような画面が表示されます↓

リンク先

ここで青いエンターキーのような『左矢印』のボタンをクリックするとURLそのままの表示でリンク設定されます↓

https://zennymouket.com/2-3keyword/

このままでも良いですが、文字列を変更することもできるんですよ。

右のほうにある赤囲みをしたボタンをクリックしてみてください。

リンク名変更

次の画面で文字列を変更できます。

リンク文字列の箇所で次の記事のキーワードを盛り込みましょう↓

リンクキャプチャ-1

そうするとキーワードを含んだ意味を持ったリンクが完成します。

ブログで一番大事なのは、いくら良い記事を書いてもそれを知りたい人に届けなくてはいけません。

ブログにアクセスを呼び込むためにキーワードの選定方法って最も必要なんですよ。

では、どのようにしてキーワードを選んでいけば良いのか次の記事で解説しています。

-無料ブログ講座, 便利な無料ツール