おきがるみがるスマートフォン用の表示で見るおきがるみがる「お気軽&身軽」をテーマにした雑記ブログ。趣味はコンデジでスナップ写真です。商店街の一画に貼られたポスター。防犯と事故防止の啓発をしていますね。日に焼けた感じの色をしてますね。ブリーチバイパスで撮っているので尚さらに。個人的には、手前にこのポスターをフォーカスして、奥に怪しいおじさんが写るような構図で撮れたら最高なんですがねwさて、はてなブログを始めて1ヶ月が過ぎました。WordPressでやっていた僕が「ここなら書き続けることができそうだな〜」と感じることができました。はてなブログは初心者の人でも簡単に始めることができますが、こだわりのブログを作るならばいろいろと設定や登録をしなければなりません。WordPressで慣れている人も、はてなブログはところどころ使い勝手が違うので戸惑うところも少なくないです。そこで、僕が最初にした設定をまとめました。調べつつ得た知識なので、参考になったサイトも併せてご紹介します。Consoleとアナリティクスの登録テーマの変更とデザインの編集デザインCSSを追加はてなフォトライフで画像サイズの設定スマホにアプリを入れるおわりに基本設定と詳細設定を入力まずはこれをしないと始まりません。ダッシュボードの設定から、基本設定と詳細設定を入力していきましょう。ブログタイトルやアイコン、ブログの説明、SNSのアカウントなど、可能な限り埋めていきます。その時点で入力に迷ったら後回しでもいいです。「ここはどうすべきかな?」と迷う項目について、僕のおすすめを紹介します。編集モードはMarkdownモードで編集モードは見たままモードはてな記法モードMarkdownモードの3つの中から選べます。初心者の人は見たままモードがやりやすいかもしれませんが、僕のおすすめはMarkdownモードです。見たままモードの場合、記事中で使える1番大きい見出しはH3タグになってしまうのです。これはSEOを気にするはてなブロガーの間ではとても議論になっています。H3タグではなくH2タグを使いたい場合は直接打ち込まなければなりません。言って、HTMLタグをシコシコ入力するのは結構めんどくさい。Markdownであれば、タグよりも圧倒的に少ない入力数で文字装飾を施すことができます。それにはてなブログ以外のサービスでもMarkdownが採用されていることもあり、覚えたことが他に活かせます。seeku.hateblo.jpこのサイトを拝見して、Markdown記法を覚えました。自分が使うであろうコードをピックアップして覚えましょう。標準タイトルダイアリーの3つから選べまして、SEOを意識するならば、ぶっちゃけどれでもいいです。結局は投稿画面の編集オプションからカスタムURLで記事毎に設定するのが吉です。記事の内容がわかるようなURLがSEOに適していますし、ユーザビリティも向上します。この記事であれば「はてなブログで最初にした設定」という内容なので、「hatenablog-first-setting」というカスタムURLにしています。カスタムURLを設定しないと無機質なURLにされる上に、「/2017/02/07」のように年月日がURLに含まれます。この「/」が付いていると、将来WordPressに移行する際にややこしいことになるとか。www.saki-imamura.comこの記事がわかりやすく解説してくれています。はてなブログが何らかの理由でサービス終了になった場合、逃げ口としてWordPressへの道は残しておくべきでしょう。Console(旧ウェブマスターツール)への登録は必須です。登録の際、サイト所有権の認証はメタタグで行います。Console」のところに、説明に従って入力します。登録した後はサイトマップを送るのがブロガー界ではもはや常識みたいになっていますが、はてなブログの場合はサイトマップはどういうシステムになっているかが引っかかりましたね。Sitemapというプラグインを使ってサイトマップのファイル(sitemap.xml)を作成するのですが、はてなブログの場合は自動で作ってくれています。ファイル名はsitemap_index.xmlで送信しないといけません。ここだけ要注意ですね。www.future-nova.comサイトマップのURLについてはこのサイトで知りました。はてなブログはダッシュボードからアクセス解析を見ることができますが、検索キーワードなど細かいものを知りたければアナリティクスは重要なのでとりあえず入れておきましょう。Analytics埋め込み」のところにトラッキングIDを入力すればOKです。テーマの変更とデザインの編集コンテンツが少ない段階だとピンと来ないかもしれませんが、テーマの変更やデザインはある程度方向性を決めて編集しましょう。ブログのデザインによって、文章や画像のサイズ、文字の装飾など、どういったものが見やすいかが変わってくるからです。テーマの変更は、ダッシュボードのデザインから行います。公式テーマ以外にもテーマストアもチェックしてみてください。ストアとは言っていますが無料で使えます。ストアを使っています。シンプルで、見出しのデザインがまぁまぁ好きなんです。テーマをインストールしたら、サイドバーのウィジェットなどデザインを編集してみましょう。記事のデザインは重要ですね。ソーシャルパーツは可能な限り置きましょう。あとパンくずリストはSEOに効果があるそうなので表示します。Zenbackはブログから浮いた存在になっちゃうので使ってません。「このテーマ、全体的に良いんだけど、ここのデザインだけがちょっとなぁ......」みたいなことを思っている人は、思い切ってデザインを自分好みに変えちゃいましょう。デザインCSSという項目からCSS(デザインを定義したファイル)を編集したり追加したりすることができます。僕は初っ端に以下のCSSを追加しました。red;}class属性で太字と赤太字を表現する為のCSSです。格安!レンタルサーバー比較でこの手法を学びました。強調(strong)タグで文字を太くすることができますが、本当に強調したい語句にしか使ってはならず、いたずらに使うとSEOでマイナス評価されることもあるとか。文字を太く見せたいのであれば、CSSで表現しましょうっていう慣わしでございます。Markdownだとclass属性の記述ができませんので、HTML直書きになります。class="rb">赤太字</span>を表現する為のCSSです。いう書き方になります。記事投稿画面で写真を投稿した場合、はてなフォトライフにアップロードされます。アップロードの設定ははてなフォトライフで行わなければなりません。f.hatena.ne.jp設定から確認しておきたいのは、画像サイズと画質です。これを「写真をどれぐらい綺麗に大きく見せたいか」と「どれぐらい記事の読み込みを速くしたいか」という観点から良いバランスで設定します。僕の場合、画像サイズはデフォルトが800pxだったのでそのままにしておきました。観賞用ではなくブログ用なのでそこまで大きくなくてもいいし、後々ブログの横幅を変えるにしても、800pxあればつぶしが効きますから。画質は100%にしていますが、僕はアップロード前に画像を圧縮しています。直接アップロードするなら70〜80%ぐらいが良いでしょうかね?画像サイズと画質を最大にしたところで、余程巨大で高画質なモニターでなければ違いがわかりません。一方でファイルサイズは顕著に膨らみますから、記事の読み込みが長くなって読みにくくなります。それにアップロードできる利用量も無料アカウントだと30GBと限られていますから。僕は最大・最高画質な写真はFlickrにアップするようにしています。アップできる画像サイズに制限はありませんし、上限1TBはほぼ無限のようなもんですからね。www.flickr.comスマホにアプリを入れるあとはiPhoneにはてなブログの公式アプリを入れました。スマホからの記事の編集や投稿もしやすいですし、スターやブクマ、読者登録などの通知や、自分が読者になっているブログの更新も受け取れます。記事執筆は基本的にパソコンからという人も、スマホにアプリを入れておくことをおすすめしますよ。おわりに1ヶ月経って、思い出しながら書いているのでいくつか忘れているものもあるかもしれませんが、これらの設定は最低限しておくべきですかね。ブログは最初が肝心なところが多々ありますし、あとから修正が効かない設定もあります。ブログ経験者はその辺を踏まえて始動すべきでしょう。ブログ初心者の人は、まずは書いてみることが大事です。書きながら少しずつ取り入れていけばOKです。やって知識を得ていくプロセスが重要なのです。取り入れた経緯を記事にするとアクセスが伸びるかもしれませんよ?www.okigaru-migaru.netそして僕は1ヶ月経ったところではてなブログProに移行して、独自ドメインを適用しました。はてなブログPro京都市在住の20代男。大学の歴史学科卒業後は介護福祉士へとジョブ選択しました。Sentenceこのブログで使っているはてなブログテーマは「Sentence」です。(13)月別アーカイブ注目記事スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。