紅蓮ブログ

アフィリエイトのことが全く分からないあなたに超簡単に詳しく、実戦形式でお話していくブログです

はてなブログのプロフィールをイチから作る方法【初心者必見】

f:id:slash1196:20210706002051j:plain

「はてなブログのプロフィールってなんかパッとしないんだよな。

プロフィールをイチから作る方法ってあるのかな。

あるなら教えてほしいなあ。」

 

こんなお悩みにお答えします。

 

  この記事でわかること

  • プロフィールは読者の獲得に重要!!
  • はてなブログのプロフィールをイチから作る手順
  • プロフィールを作るうえでの注意点

 

こんにちわ、紅蓮です。

 

はてなブログで書いていて、「プロフィールがパッとしないな」と悩んでいませんか?

 

今回ははてなブログでプロフィールをイチから作る方法をご紹介します。

 

この記事を読むとプロフィールをイチから作る方法に加え、プロフィールの重要さやメリット、作るときの注意点までがばっちりわかっちゃいます。

 

ちなみにこの記事を書く僕は、はてなブログ歴は3年目。

今では月間に3000円ほどの収益を得ています。

 

そんな僕がプロフィールに関するすべてをお話していきますね。

 

では行ってみましょう。

Here We Go!!

 

 

プロフィールは読者の獲得に重要!!

f:id:slash1196:20210706002138j:plain

まず、プロフィールは超重要ということです。

 

というのもプロフィールの良しあしで、実は読者を逃げていくことって非常に多いからですね。

 

実は読者があなたのブログに来た時、読者は以下のような動きをするんです。

 

  • ①悩みに関する解決法を検索して、記事を読む
  • ②信頼性を得るためにプロフィールを読む
  • ③信頼性が得られたらほかの記事を読む
  • ④役に立ったらあなたの読者になる

 

つまり、信頼性を持つためにプロフィールは超重要で、ここがうまくいかないと読者は逃げて行ってしまうということですね。

 

はてなブログのデフォルトのプロフィールは見た目が同じ

はてなブログのデフォルトのプロフィールを使った場合って見た目が同じで、代わり映えがしない感じですよね。

 

例えばこういうことってありますよね。

 

  • 名前のリンクの色を変更できない
  • 写真を大きくできない
  • もっとSNSのリンクを入れたい

 

そうなると読者から見たときに、代わり映えのしないブログになってしまい、心に残らなくなってしまいます。

 

それではファン化することがむつかしくなってしまいますから、よくないですよね。

 

プロフィールをイチから作るメリット

プロフィールをイチから作るメリットをお話ししましょう。

 

メリットは、以下の通り。

 

  • メリット①カスタマイズが自由にできる
  • メリット②独自性が高まる
  • メリット③表示速度が速くなる

 

では詳しく見ていきましょう。

 

メリット①カスタマイズが自由にできる

プロフィールをイチから作るメリットの1つ目は、カスタマイズが自由にできることですね。

 

例えば先ほど挙げた例の、

 

  • 名前のリンク色を変更したい
  • 写真を大きく、真ん中にしたい
  • もっとSNSのリンクを貼り付けて、SNSのリンクを増やしたい

 

といったことが、すべてできます。

 

プロフィールをイチから作るといいですね。

 

 

メリット②独自性が高まる

プロフィールをイチから作るメリットの2つ目は、独自性が高まることです。

 

例えばSNSでもラインを使っている人もいればTwitterを使っている人もいますよね。

 

そういった独自性を出すことができるようになります。

 

そのために読者から見たときに、あなた個人のブログの独自性を印象付けられますね。

 

メリット③表示速度が速くなってSEOにもいい

プロフィールをイチから作るメリットの3つ目は、表示速度が速くなってSEOにもいいことです。

 

実はプロフィールって、SNSボタンや画像を結構使っているのでデータ量が多くなりがちなんですね。

 

そのために表示速度も遅くなりがちです。

 

でも、イチから作ると画像を使うときにも圧縮をかけたり、軽いシェアボタンを使うなどの気遣いができます。

 

そのために表示速度も速くなりSEOにもよくなりますね。

 

はてなブログのプロフィールをイチから作る手順

f:id:slash1196:20210706002208j:plain

ではいよいよはてなブログでプロフィールをイチから作っていきましょう。

 

作る手順は、以下の通り。

 

  • 手順⓪プロフィールの文章に書くことを決める
  • 手順①元のプロフィールを消す
  • 手順②プロフィールを作る
  • 手順③表示する順番を変更する
  • 手順④プレビューで確認する
  • 手順⑤OKだったら変更を確認ボタンをクリック

 

では、詳しく見ていきましょう。

 

手順⓪プロフィールの文章に書くことを決める

まず前準備として、プロフィールの文章に書くことを決めましょう。

 

どんなことを書くかなんですけど、以下の通り。

 

  • 入れるもの①:画像(イラストでも写真でもOK)
  • 入れるもの②:自分の実績
  • 入れるもの③:ブログのコンセプト
  • 入れるもの④:詳しい自己紹介文へのリンク(aboutページへのリンク)
  • 入れるもの⑤:SNSへのリンク

 

以下は僕の当ブログのプロフィールですね。

f:id:slash1196:20210705203250j:plain

 

最後のSNSのリンクは、僕は入れていないですね。

というのも、記事のほうに入れているから。

 

サイドバーに入れても最終的にブログ記事に行くので、そこにあればいいかなと。

 

なお、中にはお問い合わせや、プライバシーポリシーを入れる方もいますが、僕の場合はサイドバーでその欄を作っているので入れてないですね。

 

手順①HTMLを記事作成画面で作る

次に、HTMLを記事作成画面で作ります。

 

作る手順は以下の通り。

 

手順①-1.記事作成画面に行き、そのまま編集で必要事項を打ち込む

まず画像の編集画面に行き、そのまま編集で、上記に必要なポイントを入れていきます。

f:id:slash1196:20210705211109j:plain

 

画像を丸くしたい場合

画像を丸くしたい場合には、画像の編集ソフトが必要になります。

ちなみに僕はPhotoscapeを使っていますね。

 

丸く切り取りができるものならなんでもOKですね。

 

手順①-2.HTML編集でコピーする

次にHTML編集でコピーします。

f:id:slash1196:20210705211613j:plain

 

コピーができたら、下書きに保存しておくといいですね。

 

手順②元のプロフィールを消す

次に、元のプロフィールを消します。

 

消し方は【デザイン】→【カスタマイズ】→【サイドバー】とすすみ、その中にあるプロフィールの横にある削除をクリックします。

 

f:id:slash1196:20210705202528j:plain

削除されたことがプレビュー画面で確認出来たら、「変更を保存する」のクリックを忘れずに。

 

手順③プロフィールを作る

次にプロフィールを作っていきます。

 

手順は以下の通り。

 

手順③-1.デザイン→カスタマイズからサイドバーをクリックする

f:id:slash1196:20210705202528j:plain

「デザイン」→「カスタマイズ」と進み、「サイドバー」をクリックします。

 

手順③-2.「モジュールを追加」をクリック

f:id:slash1196:20210705203958j:plain

次に「モジュールを追加」をクリックします。

 

手順③-3.HTMLをクリック

すると以下のような画面が出るので、左のサイドメニューからHTMLを選びます。

f:id:slash1196:20210705204439j:plain

 

手順③-4.中にプロフィールの内容をHTMLで入力する

次に、以下のように入力します。

 

  • タイトル:プロフィール
  • <p></p>:先ほどコピーした文を貼り付け

 

以下は貼り付けした時の画像です。

f:id:slash1196:20210705212122j:plain

 

手順③-5.適用をクリック

次に適用ボタンをクリックします。

f:id:slash1196:20210705212311j:plain

 

手順④表示する順番を変更する

次に、サイドバーの中の順番を変更します。

 

一番上か、二番目にしておくのがいいと思いますね。

というのもブログで一番最初に目に入るほうがいいからです。

 

ちなみに僕は一番上にしていますね。

f:id:slash1196:20210705213236j:plain

手順④プレビューで確認し、OKなら変更を保存ボタンをクリック

次にプレビューで確認しましょう。

それでOKなら、「変更を保存」ボタンをクリックしましょう。

f:id:slash1196:20210705213626j:plain

 

プロフィールを作るうえでの注意点

f:id:slash1196:20210706002240j:plain

ここでは、プロフィールを作るうえでの注意点をお話していきましょう。

 

注意点は、以下の通り。

 

  • 注意点①書く内容を絞ること 
  • 注意点②メリハリを大事にする
  • 注意点➂カスタマイズしすぎには気を付けること

 

詳しく見ていきましょう。

 

注意点①書く内容を絞ること 

まず注意点の1つ目は、書く内容を絞ることです。

というのも、内容がたくさんあるとプロフィールが長くなってしまうんですよね。

 

長いプロフィールほど読みにくいものはありません。

 

もし長くなってしまうのなら、詳しいプロフィールを作って、リンクにするようにしましょう。

 

はてなブログのプロフィールをイチから作る手順の⓪に詳しいプロフィールを入れるのはそのためですね。

 

注意点②メリハリを大事にする

注意点の2つ目は、メリハリを大事にすることです。

 

例えば名前と文章の文字が同じ大きさだったとしたら、極端な話どこが名前なのかわからなくなってしまいますよね。

 

僕の場合だと、文字の大きさを変えています。

名前の部分は16pxの下線を3pxの青でつけていますし、本文に関しては12pxで書いています。

 

そうすることによって読者も名前がわかりやすく、文章も読みやすくなります。

 

メリハリをつけるようにしましょう。

 

注意点③カスタマイズしすぎには気を付けること

注意点の3つ目は、カスタマイズしすぎには気を付けることです。

 

プロフィールをカスタマイズしていくと、モノによっては重くなってしまったりするのでブログの表示速度に大きくかかわることがあります。

 

そうなってしまうとSEO的に問題です。

 

ですから余計なものを入れずなるべくシンプルにするようにしましょう。

 

シンプルイズベストです。

 

まとめ|はてなブログのプロフィールをカスタマイズして、オリジナリティあふれるものを

お疲れさまでした。

 

ここまではてなブログのプロフィールをゼロから作る方法と作るうえでの注意点をお話してきました。

 

まとめると、以下の通り。

 

まとめ
  • プロフィールは読者の獲得に重要。というのも読者は、以下の行動をとるから。
    • ①悩みに関する解決法を検索して、記事を読む
    • ②信頼性を得るためにプロフィールを読む
    • ③信頼性が得られたらほかの記事を読む
    • ④役に立ったらあなたの読者になる
  • でもはてなブログのデフォルトのプロフィールは見た目が同じであまり変わり映えがしない。また以下のようなことにも対応ができない。
    • 名前のリンクの色を変更できない
    • 写真を大きくできない
    • もっとSNSのリンクを入れたい
  • プロフィールをイチから作るメリットは以下の通り。
    • メリット①カスタマイズが自由にできる
    • メリット②独自性が高まる
    • メリット③表示速度が速くなる
  • 作り方は、以下の通り。
    • 手順⓪プロフィールの文章に書くことを決める
    • 手順①元のプロフィールを消す
    • 手順②プロフィールを作る
    • 手順③表示する順番を変更する
    • 手順④プレビューで確認する
    • 手順⑤OKだったら変更を確認ボタンをクリック
  • プロフィールを作るうえでの注意点は以下の通り。
    • 注意点①書く内容を絞ること?
    • 注意点②メリハリを大事にする
    • 注意点③カスタマイズしすぎには気を付けること

冒頭にも言いましたが、プロフィールというのは超大事です。

ですから目立たせるためにも、1から作ってみてはいかがでしょうか。

 

ってことで今回はこの辺で。

また次回に。