りゅうブログ

暇人によるブログ。スマホゲームメインです。

【はてなブログ】リンクの貼り方。PC・スマホ両方で解説

f:id:himazin_ya:20200511163814p:plain

ブログ内でリンクを貼ることはSEO的にも効果があり、非常に重要です。
そこで今回は、はてなブログでリンクを貼る方法を「PC版」「スマホ版」の2通りご紹介しようと思います!

 

目次

 

はてなブログのリンクの貼り方

PCの貼り方

①貼り付けたいURLをコピー

f:id:himazin_ya:20200510225647p:plain

ここでは例として本ブログのURLをコピーします。

②リンクボタンを押す

f:id:himazin_ya:20200511013439p:plain

記事編集画面の上の項目にあるリンクボタンを押します。

③URLを貼り付け

f:id:himazin_ya:20200511013610p:plain

リンクボタンを押すとこのような画面になると思います。

赤枠の欄にコピーしたURLを貼り付け、プレビューを押します。

f:id:himazin_ya:20200511013813p:plain

するとこのような画面になります。

リンクの貼り付け形式は下記の3つがあります。

  1. 埋め込み形式
  2. タイトル形式
  3. URL形式
埋め込み形式

www.ryupon.com

埋め込み形式は↑のように記事タイトル・アイキャッチ画像込みでの貼り付けになり、分かりやすいため多く使われています。

タイトル形式

りゅうブログ

タイトル形式は↑のように記事のタイトルのみ表示される貼り付け方です。先ほどの埋め込み形式はどうしても大きくなってしまうため、スタイリッシュなタイトル形式もよく使われています。

URL形式

https://www.ryupon.com/

URL形式は↑のようにURLがそのまま表示される貼り付け方です。リンク先がどのような記事なのか等、あまり分からないのでほとんど使われないかと思います。

ちなみにコピーしたURLを記事本文中にそのまま貼り付けると、このURL形式にて貼り付けされます。

 

スマホの貼り方

①貼り付けたいURLをコピー

f:id:himazin_ya:20200511025302p:plain

PC同様に貼り付けたいURLをコピーします。

②リンクボタンを押す

f:id:himazin_ya:20200511022217p:plain

スマホの記事編集画面のカメラマークがあるところを指で左にスワイプします。

 

f:id:himazin_ya:20200511022441p:plain

さらに左にスワイプします。

 

f:id:himazin_ya:20200511022626p:plain

一番左にリンクボタンがあると思うので、そちらをタッチ!

③URLを貼り付け

f:id:himazin_ya:20200511022915p:plain

するとこのような画面になりますので、コピーしたURLを貼り付けて挿入を押します。

f:id:himazin_ya:20200511023410p:plain

このような文が挿入されると思います。

リンクの貼り付け形式はPC同様に下記の3つがあります。

  1. 埋め込み形式
  2. タイトル形式
  3. URL形式
埋め込み形式

http://www.ryupon.com

PC同様に↑のように記事タイトル・アイキャッチ画像込みでの貼り付けになり、分かりやすいため多く使われています。

スマホの場合はリンクボタンにてURLを貼り付けして挿入した文章を少し編集する必要があります。

f:id:himazin_ya:20200511024112p:plain

挿入された文章の末端の「title」の文字を変更します。

 

f:id:himazin_ya:20200511024429p:plain

こちらのように「embed」と変更すると埋め込み形式になります。

タイトル形式

http://www.ryupon.com

PC同様に↑のように記事のタイトルのみ表示される貼り付け方です。先ほどの埋め込み形式はどうしても大きくなってしまうため、スタイリッシュなタイトル形式もよく使われています。

f:id:himazin_ya:20200511023410p:plain

こちらはリンクボタンで挿入された状態の「title」のままにするとタイトル形式になります。

URL形式

https://www.ryupon.com/

PC同様に↑のようにURLがそのまま表示される貼り付け方です。リンク先がどのような記事なのか等、あまり分からないのでほとんど使われないかと思います。

スマホもコピーしたURLを記事本文中にそのまま貼り付けると、このURL形式にて貼り付けされます。

 

文字へのリンクの貼り方

ブログのトップページはこちら

↑の「こちら」のように、文の途中の文字にリンクを貼り付けたいときもあるかと思います。

PCとスマホ両方の方法について解説していきます。

PCの貼り方

①貼り付けたいURLをコピー

f:id:himazin_ya:20200510225647p:plain

貼り付けたいURLをコピーします。

②文字を選択してリンクボタンを押す

f:id:himazin_ya:20200511144834p:plain

リンクを貼り付けたい文字を選択し、リンクボタンを押します。

③URLを貼り付け

f:id:himazin_ya:20200511144944p:plain

URL貼り付け→プレビューを押すと、先ほどとは少し変わり「選択範囲」という形式が増えています。
選択範囲形式を選択して挿入を押すと完成です。

参考例

ブログのトップページはこちら

 

スマホの貼り方

①貼り付けたいURLをコピー

f:id:himazin_ya:20200511025302p:plain

貼り付けたいURLをコピーします。

②リンクボタンを押す

先ほどと同じようにリンクボタンを押します。

f:id:himazin_ya:20200511022217p:plain

スマホの記事編集画面のカメラマークがあるところを指で左にスワイプします。

 

f:id:himazin_ya:20200511022441p:plain

さらに左にスワイプします。

 

f:id:himazin_ya:20200511022626p:plain

一番左にリンクボタンがあると思うので、そちらをタッチ!

③URLを貼り付け・末尾の文字を変更

f:id:himazin_ya:20200511022915p:plain

コピーしたURLを貼り付けて挿入を押します。

f:id:himazin_ya:20200511024112p:plain

このような文が挿入されるのですが、文字リンクをしたい場合は末尾の文字を変更します。

「title=○○」にすると○○に入力した文字にリンクが貼り付けされます。

f:id:himazin_ya:20200511150629p:plain

参考例

ブログのトップページはこちら

 

まとめ

はてなブログでのリンクの貼り付けは基本的にこれを覚えておけばできるはずです。

PV数にも影響が出てくるところなので、リンク貼り付け方法は理解しておきましょう!

 

 

おすすめ記事

www.ryupon.com

www.ryupon.com

www.ryupon.com