YouTubeのサムネイルって凝ったデザインのものも多いしブログのアイキャッチ画像として使いたい!と思ったことはありませんか?
でもはてなブログでは、ブログにYouTubeを簡単に埋め込みはできても、アイキャッチ画像としては使えません。
今回はYouTubeのサムネイルをブログのアイキャッチ画像として使う便利技をご紹介します。
はてなブログ以外でも使える技なので是非ご覧ください(^^)
アイキャッチ画像とは?
仕上がりイメージ
こちらの記事はYouTubeのサムネをアイキャッチに設定しています
こちらはサブブログで使用した例です
日本未上陸の映画などでアフィリエイト素材がないときも便利です。
ついでにサブブログの宣伝〜(笑)
YouTubeのサムネイルをブログのアイキャッチ画像として使う方法
さて、ここからが本題です。
やり方はとっても簡単!
こちらのタグの⚫⚫を貼り付けたいYouTubeのIDに差し替えるだけ!
<img src="http://i.ytimg.com/vi/⚫⚫/hqdefault.jpg">
その動画のURLの⚫⚫の部分がYouTubeのIDです
https://youtu.be/⚫⚫
iPhoneの場合、共有をタップしてコピーをタップ、それをブログに貼り付ければ、その動画のURLが簡単に分かります
例えばこちらのYouTube
10 Tips For Flying With A Baby! My Traveling Hacks & Tips | Justine Marie - YouTube
ママもベビも可愛いし、サムネに使われてるタイトルもぴったりだったので、こちらの記事のアイキャッチとして使いました
ご紹介のタグは、はてなブログの場合、編集モードがはてな記法・Markdownで使えます。
ご紹介したタグをPC/スマホの定型文やユーザー辞書に登録しておくとサッと使えて便利です。
私はスマホで大人気の「Simeji」というキーボードのユーザー辞書に登録しています。
「ゆ」と入力するだけでタグが出てくるようにしています
これでスマホからのブログ執筆も捗ります✧*.
ブログの表示速度が軽くなる効果も
ブログにYouTubeをいっぱい貼り付けると重たくなりますよね。
でも今回ご紹介した技を使えば、それを回避できます。
理由は動画データよりも画像データの方がサイズが小さいから。
表示されるスピードが遅いWebサイトはグーグル先生に嫌われ、速いと好かれる傾向があります。
なのでSEO対策にも効果的!
少しでも検索順位を上げたい方は是非活用してみてくださいね
おわりに
(画像はこちらで作成しました)
YouTubeのサムネイルだけを使うのはNG。
必ず上か下にその動画のリンクを貼りましょう。
これでYouTubeのサムネイルをブログのアイキャッチとして使えるし、ブログの表示速度もスピードアップ!グーグル先生にも好印象ですね(^^)
みなさんもYouTubeのサムネをフリー素材感覚で使ってみませんか?
アイデア次第で色々使えますよ(^^)