メディア/SNS横断展開

ブログにYouTube Shortsを埋め込むには?縦動画を記事内で見やすく表示する方法

ショート動画編集部byNobiru AI
約6分で読めます

ブログ記事にShortsを埋め込む手順の考え方と、縦動画が小さく・横に伸びて表示される問題への対処、表示速度や導線の注意点を解説します。

ブログにYouTube Shortsを埋め込むこと自体は、通常の動画と同じく共有メニューの埋め込みコードやURLの貼り付けで行えます。ただし、縦動画を横長のプレーヤー枠に入れると、左右に大きな黒帯が出たり、極端に小さく表示されたりしがちです。縦動画を記事の中で自然に見せるには、枠の比率の指定、前後の文章の置き方、表示速度への配慮が必要です。操作画面の細部はサービスの更新で変わるため、最新の手順は各サービスのヘルプで確認してください。

縦動画が横長の枠で見づらくなる理由

多くのブログのテーマ(デザイン)は、動画を横長の16対9の枠で表示する前提になっています。そこに縦長の動画を入れると、動画は枠の高さに合わせて小さく表示され、左右が空白になります。見る側は「小さくて見えない」と感じ、再生前に離脱してしまうことがあります。

対処としては、①埋め込み枠の比率を縦長に変更する、②枠の幅を狭く指定して中央に寄せる、③画像(サムネイル)にリンクを付けて、クリックでYouTubeへ移動してもらう、のいずれかが現実的です。どれが使えるかは、ブログサービスの仕様によって異なります。

  • 縦長の比率を指定できるなら、幅を狭めて中央に配置する
  • 指定できない場合は、サムネイル+リンクに切り替える
  • スマホとパソコンの両方で表示を確認する

記事の中での置き場所

動画を記事の冒頭に置くと、読む前に動画だけで満足されたり、動画の読み込みで表示が遅くなったりします。基本は、動画の内容を説明する文章の直後に置くのがおすすめです。「この手順を実際に見るとこうなります」と、文章の補足として動画を使います。

動画の前後には、動画を見なくても要点が分かる文章を必ず添えます。検索エンジンは動画の中身を読み取りにくいため、文章で補う必要があるからです。また、音を出せない環境で読む人もいるので、動画の要点は文字で書いておきましょう。

検索からの流入を意識した記事の作り方

動画を載せた記事が検索で見つかるには、文章側の工夫が欠かせません。見出しに、読者が検索しそうな言葉(例:靴の手入れ 雨の日)を含め、動画の内容を要約した文章を数行書きます。画像には代替テキストを付け、動画の下に文字起こしの要点を載せると、検索エンジンにも内容が伝わりやすくなります。動画は理解を助ける補足、文章が記事の本体、という関係を保ってください。

公開前チェックリスト

記事を公開する前に、確認項目を決めておくと見落としが減ります。動画の埋め込みが正しく表示されるか、スマホで枠からはみ出していないか、動画を再生しなくても要点が分かる文章があるか、Shorts側の概要欄から記事へのリンクがあるか、などです。

加えて、定期的に(月に1回程度)過去記事の動画が非公開や削除になっていないかを確認します。リンク切れが多いと、読者の信頼を落とすだけでなく、ブログ全体の評価にも影響すると言われます。更新のたびに過去記事を数本ずつ見直す習慣が、長期的には効いてきます。

埋め込み前後の文章の例

たとえば「アイロンのかけ方」の記事なら、動画の前に「襟から先にかけると形が崩れません。実際の動きは15秒の動画で確認できます」と書き、動画の後に「ポイントは、生地を引っ張らずに滑らせることです」とまとめます。この形にしておけば、動画が再生できない環境でも、文章だけで手順が伝わります。

動画のタイトルや説明文も、記事の見出しと矛盾しない内容にしておきましょう。ブログの記事とShortsのタイトルが全く違うと、検索から来た読者が混乱します。記事の主題と動画の主題を一致させるのが基本です。

よくある失敗

多いのは、動画を貼っただけで文章をほとんど書かない記事です。検索エンジンも読者も、動画だけでは内容を判断しにくく、評価が上がりにくくなります。また、スマホで確認せずに公開し、動画が画面からはみ出していた、という失敗もよくあります。公開後に自分のスマホで開いて、実際の見え方を確認する習慣をつけてください。

表示速度とページ構成の注意

動画の埋め込みはページの表示を重くしやすく、1つの記事に多数を貼ると、読み込みが遅くなって離脱につながります。目安として、1記事に埋め込む動画は1〜3本程度にとどめ、必要に応じて「クリックしたときに読み込む」機能を使うと、体感が軽くなります。

また、埋め込んだ動画が非公開や削除になると、記事に空白が残ります。定期的に記事を見直し、リンク切れを確認する習慣をつけてください。

ブログからShortsへの導線として使う

埋め込みは、ブログの読者をYouTubeのチャンネルへ誘導する役割も持ちます。記事の最後に「この動画のチャンネルでは、ほかの手順も公開しています」と一言添えるだけでも、チャンネル登録の入り口になります。逆に、ShortsのコメントやプロフィールからブログのURLへ案内する流れも作れます。

ブログ記事の内容を台本にしたShortsを作る場合は、記事の要点を3つに絞り、1本15〜30秒にまとめます。台本の作り方は、ブログ記事をショート動画の台本に変える記事も参考にしてください。

埋め込みの規約や表示の挙動は更新されやすいため、公式ヘルプも併せて確認してください。