外部サイトで見つけたステキな記事を自分のブログで紹介したいな…
お気に入り動画をブログに貼って紹介したいな…
そんなふうに思ったことはありませんか？
はてなブログなら、華やかなブログカードや、目立つ画像リンク、さりげないテキストリンクなど、さまざまなリンクを貼って記事内で紹介することができます。
YouTubeのお気に入り動画や、Twitterでのつぶやきも貼れちゃいますよ。
アイディア次第で楽しい記事が作れますね。
この記事では、はてなブログにリンクを貼る方法やリンクの種類を、初心者にもわかりやすく解説します。
リンクの種類
web上のページ同士をつなぐことをリンクといいます。リンクには2種類あります。
内部リンク
自分のブログのページ同士をつなぐことを内部リンクといいます。
例えば、記事内容と関連する別のページに案内したり、
「目次」と見出しをつなぎ記事内の読みたい場所に飛べるようにしたり・・・
内部リンクを上手に貼れば読者の滞在時間は長くなり、サイトの評価があがります。
外部リンク
自分のブログと外部のサイトをつなぐことを外部リンクといいます。
他サイトの関連のあるページを記事内に貼り紹介することで、内容がわかりやすくなり読者の利便性が高まります。
外部リンクには2つの種類があります。
【被リンク】
自分のブログや記事を外部サイトに貼ってもらうことを被リンクといいます。
わかりやすくて役立つ記事は被リンクされやすいため、被リンクを多く受けているサイトは検索エンジンからの評価が高くなります。
【発リンク】
逆に自分の記事に外部サイトのページを貼ることを発リンクといいます。
この記事では自分のブログにリンクを貼る方法…つまり発リンクについて解説します。
はてなブログ/リンクの貼り方
はてなブログにリンクを貼るのはとても簡単！たった３つの手順で貼ることができます。
リンクを貼りたいページにアクセスして、検索窓に表示されるURLをコピーする。
記事編集画面の「リンク」のアイコンをクリックする。
①コピーしたURLを貼る
②「プレビュー」をクリック
③リンクの形式を選択
④「選択した形式でリンクを挿入」をクリック
これで完了です！URLを入力すれば、YouTubeもTwitterも貼れます。
はてなブログに貼るリンクの形式
はてなブログのリンクは4つの形式から選べます。
＊上記の手順の3-③でリンクの形式を選択します。
埋め込み
「埋め込み」を選択するとブログカードで表示されます↓↓
タイトル
記事タイトルをテキストリンクで表示できます。
URL
「URL」を選択するとリンクするページのURLのみが表示されます。
選択範囲
「選択範囲」を使えば本文の好きな部分をテキストリンクにできます。
こんな感じです↓↓
「選択範囲」のリンクを貼る手順
リンクを貼るテキストにカーソルを合わせて選択しておく。
リンク先のページのURLをコピーする。
編集画面の「リンク」のアイコンをクリックする。
「リンクを挿入」画面
①リンク先のURLを貼る
②「プレビュー」をクリック
③すると「選択範囲」の項目が表示されるので、これをクリック
④「選択した形式でリンクを挿入」をクリック
これで完了です。本文テキストにリンクを挿入できました↓↓
画像リンクの貼り方
「選択範囲」を使えば、画像にもリンクを挿入できます。
リンクを挿入する画像をクリックして選択しておきます。
①リンク先のURLを貼る
②「プレビュー」をクリック
③「選択範囲」をクリック。（画像のHTMLが表示されています）
④「選択した形式でリンクを挿入」をクリック
これで完了です。
この画像から、キラッとはてログのトップページに飛ぶことができます↓↓
HTMLを少しだけカスタマイズするとこんなふうにキラッと浮き上がる画像リンクを簡単に作ることができます↓↓
こんな画像にオススメ記事のリンクを挿入してサイドバーに貼ったらステキでしょ？
詳細はこちらの記事をご覧ください。
簡単にリンクが貼れる/編集サイドバーの活用
はてなブログの「編集サイドバー」からリンクを貼る方法もあります。YouTubeやTwitterもカンタンに貼れちゃいます。
編集サイドバーは、記事編集画面の右側に表示されているコレです↓↓
YouTubeの貼り方
編集サイドバーの一番下にある「＋」印をクリックする。
①下にスクロールして「動画」の「YouTube貼り付け」のタブをオンにする。
＊すると、編集サイドバーに「YouTube」のロゴが表示されるようになります。次回からはここをクリックすればOK↓↓
②「YouTube貼り付け」をクリック
①動画のキーワードやURLを入力
②虫眼鏡アイコンをクリック
③表示された動画の中から貼り付けるものを選択してクリック
これで完了です。このように表示されます↓↓
ちなみに…今回貼ったのは私の好きなHey!Say!JUMPの「ハローメロディ」。美しいメロディと切ない歌詞がJUMPの甘い声とイラストに絶妙に溶け合う、最高にエモいPVなのデス♡
X(旧Twitter）の貼り方
画面右の編集サイドバーの一番下にある「＋」のアイコンをクリック。
①編集サイドバーを下にスクロールして「その他のサービス」の「Twitterの貼り付け」
のタブをオンにする。
②「Twitter貼り付け」をクリックする。
＊Twitterのタブをオンにすると、編集サイドバーの左側にTwitterのアイコンが表示されます。次回からはここをクリックすればOK！
①ツイートを「自分」「お気に入り」「タイムライン」の中から選択。
②記事に貼るツイートを選択してクリックする。
③貼り付け形式を選択する。
④選択したツイートを貼り付ける。
これで完了です。
貼り付け形式は「標準」か「テキスト」を選択できます。
【標準】（埋め込み）
はてなブログに投稿しました #はてなブログ
— ポヤラ@はてなブログ (@poyaran) 2021年11月28日
誰でもカンタンにできるカスタマイズです！初心者さんもサイドバーをかっこよくしましょう。
初心者でもできる！はてなブログのサイドバーをおしゃれにする３つのカスタマイズ - キラッとはてログhttps://t.co/xQCf1y3sPF
【テキスト】
はてなブログに投稿しました #はてなブログ 誰でもカンタンにできるカスタマイズです！初心者さんもサイドバーをかっこよくしましょう。 初心者でもできる！はてなブログのサイドバーをおしゃれにする３つのカスタマイズ - キラッとはてログ https://t.co/xQCf1y3sPF
圧倒的に「標準」（埋め込み）がオススメですが、ツイートの内容を引用する場合は「テキスト」もいいですね。
こんな感じです↓↓
はてなブログに投稿しました #はてなブログ 誰でもカンタンにできるカスタマイズです！初心者さんもサイドバーをかっこよくしましょう。 初心者でもできる！はてなブログのサイドバーをおしゃれにする３つのカスタマイズ - キラッとはてログ https://t.co/xQCf1y3sPF
ほかにも、編集サイドバーからカンタンに貼れるリンクはたくさんあります。
過去記事
Amazonリンク
Amazonの商品紹介リンクは3つの形式を選択できます↓↓
【詳細】
【画像】
【商品名】
- 編集サイドバーからは、楽天アフィリエイトとiTunesアフィリエイトのリンクも貼れます。
- リンクから収益を得るためには「アカウント設定」にそれぞれのアフィリエイトIDの入力を忘れずに。
レストラン紹介リンク
ぐるなびに登録しているお気に入りのレストランを紹介できます。
レストラン紹介は2つの形式を選択できます↓↓
まだまだ他にも色々なリンクが貼れます。ぜひ編集サイドバーを確認してみてね。
まとめ
この記事では、はてなブログのリンクの種類と貼り方について説明しました。
【リンクの種類】
- 内部リンク：自分のブログ内をつなげるリンク
- 外部リンク：自分のブログと外部のサイトをつなげるリンク
- 被リンク 外部サイトに自分のブログのリンクが貼られること
- 発リンク 自分のブログに外部サイトのリンクを貼ること
【はてなブログのリンクの貼り方】
- リンク先のページのURLをコピー
- 編集バーの「リンク」をクリック
- 形式を選択してリンクを挿入
【リンクの形式】
- 埋め込み（ブログカード）
- タイトル
- URL
- 選択範囲（テキストリンクを自由に選択）
＊「選択範囲」を活用して画像リンクも貼れます。
【編集サイドバーを使うと色々なリンクが簡単に貼れます！】
- YouTube
- 過去記事
- 商品リンク
- レストラン紹介リンクなどなど・・・
はてなブログってホントにすごいですね！
アイディア次第でステキなブログが作れそうです。
はてなブログの外部リンクって別タブで開かないんですよ～！
