はてなブログのサイドバーにオススメ記事を表示して直帰率改善。ガジェレポ!スマートフォン用の表示で見るスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。読者です読者をやめる読者になる読者になるガジェレポ!京都在住の中年サラリーマンブロガー。Mac、iPhone、ゲームにアプリなどなど興味をもったガジェットの情報をなんでもレポート。AppleMacGameWeb-serviceBlogDiaryhulu2016-02-21はてなブログのサイドバーにオススメ記事を表示して直帰率改善。LINKTwitterGoogle+Pocket寝違えて首が回らないガジェレポ!@gadgerepoです。ブログを運営しているといやでも気になるのがページビュー数と直帰率。直帰率は、“サイトを訪れたユーザーが閲覧を始めたページから同サイト内の他のページに移動することなく離脱した割合”を示しており、これが高いということはせっかく訪れたユーザーをみすみす逃してしまっていることを意味します。直帰率の改善はページビュー数の増加にも結びつくため、直帰率の高いサイトの運営者は「いかにしてユーザーをサイト内の他のページに誘導するか」を考えなくてはなりません。設置することが可能です。はいかんせん自分で表示する記事を選ぶことができません。(カテゴリーを選ぶことはできますが)例えば過去投稿した「自分なりに気合の入った自信のある記事」をもっとアピールしたい!と思った場合、“オススメ記事”として以下の方法でサイドバーに表示させることが可能です。はてなブログの管理画面から「デザイン」→「サイドバー」→「モジュールを追加」で「リンク」を選択し、タイトルとURLを記入すればOKですが......これだけだとパッと見が文字だけで寂しいのでワンポイントとなるアイコンを表示したいと思います。今回は縦横20pixel程度のアイコンを作ってみました。※よろしければご自由にお使いください。コチラを「はてなフォトライフ」にアップロードし、上段メニューバーの「フォルダを編集」をクリック。"部分のURLをメモっておきましょう。はてなブログの管理画面から「デザイン」→「サイドバー」→「モジュールを追加」で「HTML」を選択。タイトルは「オススメ記事」とします。筆者は英語表記にしたかったので「RECOMMEND」としましたが合ってるのでしょうか......えらい人教えて下さい。本文には以下のコードを記入します。"ワンポイントアイコン画像のURL"部分にはさきほどメモったワンポイントアイコンのHTMLタグを、"オススメ記事のURL"にはピックアップしたい自ブログの記事URLを、オススメ記事タイトルにはリンク先のタイトルをそれぞれ入力します。<hr>を繰り返せばリンクを増やすことができます。それぞれのリンク間には<hr>タグで「境界線」を挿入しているので線の太さ、色をカスタマイズしたい場合は「デザイン」→「デザインCSS」に......と追加記入します。1px」部分で境界線の太さを、「#EEEEEE;」部分を変えることで色を変更できます。まとめいかがでしょう?任意の記事をサイドバーに表示させることでユーザーを誘導、直帰率の改善とともに過去記事の再アピールが期待できます。07:28はてなブログのサイドバーにオススメ記事を表示して直帰率改善。Gadgerepo.京都在住の中年サラリーマンブロガー。Mac,iPhone,Gameなどなど興味をもったGadgetの情報をなんでもレポート。ハスラー(HUSTLER)に非金属タイヤチェーンを装着してみた。】お正月イベント『エンマ武道会』で手に入れたモノ、失ったモノ。遅ればせながら、新年のごあいさつ。2016年、大晦日ぶらぶら。RECOMMEND1970年代生まれのオッサンがうっすら覚えている思い出のテレビアニメとは?子どもとiPadを共用する前にやっておくべき『3つの設定事項』。Proでイラスト描くなら『Procreate』一択です。ローンの借り換えを比較・検討してみる。Stick」を買ってみた。スタイラスペンを有効活用!手書きメモアプリ『Notability』でアウトプットが捗る!はてなブログのサイドバーにオススメ記事を表示して直帰率改善。