パグぞうの夢 -雑記-

激務から逃げ出した負け犬ブロガーです。ブログ運営術や気になる情報を発信します。

負け犬ブロガーのパグぞうです。
日々感じた僕の思いを綴っています。

【コピペコードで超簡単】リンクのBOX装飾「合わせて読みたい」をはてなブログで実装しました!テキストリンク+合わせて読みたい=アクセスアップ術!

20200422172523

こんにちは、パグぞうです。

ずっと憧れていたリンクのBOX装飾「あわせて読みたい」をブログに実装しました!!

 

こんなのです。

素敵じゃないですか?

ずっとやりたかったんですこれ。

難しそうだなと思っていたのですが、これがなんとコピペコードで超簡単でした!

 

自分のブログにも実装したい!という方がいらっしゃると思いますので、そのやり方について書いていきたいと思います。

コピペコードで超簡単BOX実装!

20200422172430

うしごやさんの記事を参考にさせて頂きました。

うしごやさんのブログはカラフルでポップでオリジナリティがあってめちゃ好感持てます⭐️

 

うしごやさんの記事にコピペコードがありますので、これをコピーさせて頂き、デザインCSSに貼り付けます。

20200422221154

これでカスタマイズ完了です。

 

次にHTMLコードですが、これは記事の編集画面で貼り付ける必要があります。

 

PCであればHTML編集モードにタブを切り替えて行うのですが、はてなブログアプリでスマホからブログを書く場合は、HTML編集モードに移行できません。

 

私はいつもスマホで記事編集を行っているので、こんな方法でHTML編集をしています。

 

スマホからHTML編集する!

まず先程のHTMLコードを記事編集画面で貼り付けます。

 

20200415154541

 

上のHTMLコードも、うしごやさんの記事から頂きましょう!

 

次にこれを全選択して「カット」します。

20200415154545

 

次に貼り付けたい場所を選択し、「HTML貼り付け」を選択します。

20200415154550

 

HTML貼り付け!えいっ!

20200415154554

 

するとこのように文字が出ますので、「本文」のところに記事のリンクを貼り付ければ完成です。 

 

20200415154559

わーい!スマホだけでもHTML編集が出来た!

 

「合わせて読みたい」の文字を別の文字に変えればそのまま記事に反映されます。

 

出来栄えはこんな感じです。 

 

スマホの辞書ツールが超便利!

すでにやっている方も多いと思いますが、スマホの「ユーザ辞書」にHTMLコードを登録しておくと、スピーディーにカスタマイズを記事に実装できます。

20200422165948

こんな感じで、「単語」にはHTMLコードを、「よみ」には覚えやすいよみかたを登録しておきます。

 

よみに登録した「あわせてよみたい」を入力すると、入力候補に登録したHTMLコードが表示されます。

 

20200422170245

 

一番下に表示されているHTMLコードを選択し、あとは先ほど説明したのと同様、全選択をしてカットして、

20200415154545

 

貼り付けたい場所を選択して、

20200415154550

HTML貼り付けを押します。

20200415154554

この通り簡単に実装できました!

 

この方法を使えば、吹き出しだってスピーディーに実装できますよ♪

 

20200422165953

ユーザ辞書に登録して!

 

20200422170905

つかう!

これで記事の編集が格段に早くなるよ♪

またPCでも同じことが出来ますので、普段PCで記事編集をされている方はPCでやってみて下さい。

 

リンクカードよりテキストリンクの方がクリック率が高い!?

20200422172437

これは私も驚いたのですが、実はリンクカードよりもテキストリンクの方がクリック率が高いそうです。

 

大事なことなのでもう一度言います!

こちらのリンクカード

より、こちらのテキストリンク

【アクセス数を増やす方法】Google検索エンジンの入力候補を記事タイトルに入れるべし - パグぞうの夢

の方が、、、

20200415154603

クリック率が高いそうです。

20200415154607

えええぇぇ〜〜!

わお!金魚!

 

 

リンクカードの方が画像もあって見栄えがよく、何より記事が華やかになるので私もリンクカードを多用していたのですが、意外にも、あまりクリックされにくいようなのです。

 

「明らかにリンク感のある文字」の方をクリックしてしまうというのは、人間の心理なのでしょうか。。

 

なので私と同じようにリンクカードを多用してきたという方は多いと思いますが、テキストリンクを使うことを推奨します!

 

最終的に「合わせて読みたい」と併用するとこんな感じになります。

 

これがリンクカードだと、こんな感じです。

合わせて読みたい

 

皆さんは、どちらをクリックしたくなりましたか?教えてください!

 

まとめ

20200422172442

今回は憧れのリンクBOX装飾の実装方法と、リンクカードよりテキストリンクのクリック率について書かせて頂きました。

 

テキストリンクと「合わせて読みたい」の併用で回遊率が上がるのでアクセスアップが見込めますが、自分が納得できる記事を作成することがとても大切です。

 

ブログは自分の財産です。

モチベーション維持のためにも、アクセスも大事ですが自分好みで自分らしい記事を書くことに専念しても良いと私は思います。

BOX装飾を施すと、より色鮮やかで素敵な記事が書けますよ🌟

 

最後まで読んで頂きありがとうございます。

www.pagzo.com

www.pagzo.com

www.pagzo.com

www.pagzo.com

 

皆さんのお役に立てて頂ければ幸いです。


人気ブログランキング

 

ブログランキング・にほんブログ村へにほんブログ村