在宅ワークinアメリカ

アメリカのお得情報や副業・ポイ活情報などを発信中☺︎︎

YouTubeのサムネイルをブログのアイキャッチ画像として使う方法

YouTubeのサムネイルって凝ったデザインのものも多いしブログのアイキャッチ画像として使いたい!と思ったことはありませんか?

でもはてなブログでは、ブログにYouTubeを簡単に埋め込みはできても、アイキャッチ画像としては使えません。

今回はYouTubeのサムネイルをブログのアイキャッチ画像として使う便利技をご紹介します。

はてなブログ以外でも使える技なので是非ご覧ください(^^)

f:id:papiko8-l:20171024004011g:plain

アイキャッチ画像とは?

アイキャッチ画像は、そのブログ記事を表すサムネイル画像です。はてなブログのトップページのほか、TwitterやFacebookなどのソーシャルメディアで表示されます

引用元▶アイキャッチ画像(記事のサムネイル) - はてなブログ ヘルプ

仕上がりイメージ

こちらの記事は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」というキーボードのユーザー辞書に登録しています。

Simeji - 日本語入力&きせかえ顔文字キーボードアプリ
Simeji - 日本語入力&きせかえ顔文字キーボードアプリ
無料
posted with アプリーチ

「ゆ」と入力するだけでタグが出てくるようにしています
f:id:papiko8-l:20171024001818g:plain

これでスマホからのブログ執筆も捗ります✧*.

ブログの表示速度が軽くなる効果も

ブログにYouTubeをいっぱい貼り付けると重たくなりますよね。

でも今回ご紹介した技を使えば、それを回避できます。

理由は動画データよりも画像データの方がサイズが小さいから。

表示されるスピードが遅いWebサイトはグーグル先生に嫌われ、速いと好かれる傾向があります。

なのでSEO対策にも効果的!

少しでも検索順位を上げたい方は是非活用してみてくださいね\(^^)/グーグル先生の言うことは絶対!

おわりに

f:id:papiko8-l:20171024003710g:plain
(画像はこちらで作成しました)

YouTubeのサムネイルだけを使うのはNG。
必ず上か下にその動画のリンクを貼りましょう。

これでYouTubeのサムネイルをブログのアイキャッチとして使えるし、ブログの表示速度もスピードアップ!グーグル先生にも好印象ですね(^^)

みなさんもYouTubeのサムネをフリー素材感覚で使ってみませんか?

アイデア次第で色々使えますよ(^^)