Webサイトの理想像と入れたい機能まとめ

自分のサイトにあるもの足りなさを整理して、目次、シェア、記事一覧の画像など入れたい機能をかいていく。

ほかのブログを見て気づいた改善点を軸に、訪問者が読みやすいサイトへ寄せるためのアイデアをまとめる。

自分が運営しているライフログメモをあれこれしたい理想像を書いていこう。理想は一気に完成しないので、少しずつでも近づけていけたらと思う。

サイトの理想像

最近は特に自分が思うサイトの理想像に近づいている。開発者には自分の細かな要望を便利な機能として実装していただけることにとても感謝している。

以前もライフログメモが読みやすくなったことを運営者自身が実感していて、昔のようなPCじゃないとスムーズに編集できない不満も解消され、ここが自分がサイト運営することへのボトルネックとなっていた。

スマホで編集しやすいというのは、PCより気軽にやりやすくなる。ふとスマホを持って文章を書けるのでかなりいい。PCだと立ち上げる動作が必要になるからね。

これまでの過程を経て、かなり自分のやりやすいサイト運営に構築していただいたことに本当に嬉しく思っている。AIも活用しながら記事を書いているのだが、以前よりもかなり前向きにサイト運営を楽しくできている。

引き続き「この部分がこうなったらいい、これなら読みやすいはずだ」と考えて、訪問者の立場として見直していこう。

ここからは、さらなる理想のウェブサイトに寄せるために入れたい機能を書いていく。いま足りないと感じた点を、そのまま改善の方向性として残しておく。

【実装済み】ブログに目次機能を付けたい

ほかの人のブログには目次があることが多く、読者にとって便利だと感じる。目次があると全体の流れが見えるので、長文でも読む前に安心できる。検索エンジンの視点でも、記事の要点が伝わりやすくなるメリットがあるはず。

今のブログには目次機能がないので、長文になるほど読者にも検索エンジンにも分かりづらい。今後は目次機能を付けて、読みやすさを上げていきたい。

【実装済み】シェア機能を全体で見直したい

サイト全体のシェア機能がもの足りない。シェア先が限られていることも気になるし、ボタンの置き場所も理想と違う。訪問者が読み終わった直後に自然に押せる位置や、押したくなる見せ方にしたい。今後はシェア機能を刷新して、使いやすさを上げたいね。

【実装済み】記事一覧にサムネイルを出したい

最近の記事一覧がタイトルだけだと、見た目としてもの足りなさを感じる。ほかのブログではタイトル横に画像が出ていて、目に入りやすい工夫がされている。画像があるだけで記事の雰囲気が伝わるので訪問者が選びやすくなるはず。

自分のサイトでもタイトル横に画像を表示できる形を取り入れられたらなと思う。

スマホメニューに関連記事を出したい

スマホでサイトを見るとメニューが出るが、リンク先が固定ページ中心だと少し寂しく感じる。ここに関連記事が出せると、読者が次に読む導線が増えて回遊しやすくなるはず。

メニューは閲覧中に触れやすい場所なので、カテゴリなど関連記事を出す価値は高いだろう。

【実装済み】リンクをカード表示にしたい

ほかのブログでは、関連記事リンクがタイトル、説明文、画像つきで表示されることがある。訪問者がその記事を読みたくなる要素がまとまっていていいな。

ライフログメモでもリンクをカード表示にできれば、関連記事のクリック率も上がりやすいはず。今後はリンクの見せ方も整えていきたい。

noteみたいに説明文とかも表示できるようになればいいと思うけどね。

エディタにリンクカード機能が実装された！

これにより、自サイトや外部サイトのリンクを貼るだけで、そのサイトの紹介をしてくれるようになった。

自分が限界を感じていた点を解消されたのでとてもやりやすくなった。本当にこれはありがたい。（Xポストも同様に貼り付けるだけで簡単に埋め込みできるのでまじで神！！）

ライフログメモ「人生テキトーなくらいがちょうどいい」 これをモットーに日常生活を記録しています。lifelogmemo.com

また、貼り付けたリンクカードが「リンク切れ」になった場合、定期的な読み込みで運営者に通知してくれる。

これにより、ページにアクセスできない状態のサイトを運営者が検知でき、そのリンクを削除するというSEO面においてもかなりいい機能が実装された。

最後に

ほかの人のブログを見ていると、自分のサイトにも欲しい機能が山ほどある。似た便利機能を入れて読みやすさを上げていくのが構想。

ここで書いた改善ができれば理想に近づくし、理想に近づいたらまた新しい理想像が出てくるかもしれない。

すでに理想な機能が導入されているものもあるので、サイトのデザインがよくなってる。どんどん訪問者にとっていいものにしたい！