はてなブログの設定方法について、ブログ設定初心者である筆者が、分からないところを調べて、実践した内容をまとめたシリーズの4回目。今回は「デザイン」の「スマートフォン」設定と、記事ごとの設定だ。
1回目の「設定」画面の設定方法はこちら。
2回目の「デザイン、背景、タイトル画像」の設定方法はこちら。
3回目の「サイドバーとデザインCSS」の設定方法はこちら。
1．スマホの設定（デザイン→スマートフォン）
「デザイン」の3つのマークのタブのうち、「スマートフォン」は一番右のスマホのアイコン。
（１）タイトル画像（ヘッダ→タイトル画像）
スマホ用タイトル画像の推奨サイズは350px x 200px。
円形のブログアイコンの上半分と重なるように配置される（デザインによるかも）。
（２）デザイン
スマホではPC用に選んだデザインテーマとは別のシンプルな表記になるテーマが多い。
（上の例は「Reach」でデフォルト表示の場合）。
スマホのデザイン性を上げるにはレスポンシブデザインのテーマを検討する。
ちなみにこのサイトは「Reach」のレスポンシブデザインを採用している。
（３）プロフィール（フッタ→自己紹介）
スマホ用のプロフィールはPC用に設定したのとは別に書く必要があり、ここで書いた内容が表示される。
レスポンシブデザインを使えば、PC用と同じ内容が表示される。第3回参照。
2．記事ごとのSEO対策用設定
記事を書くときに、SEO対策が可能。
右の方にある編集サイドバーから。一番下の「＋」を押すと機能がずらっと出てくる。
カテゴリー分けして記事を探しやすくするとか、過去記事を貼り付けるとかもこちらから。
この中の「編集オプション」という歯車マークをクリック。
（１）記事の概要（ディスクリプション）
Twitterや検索エンジンでは記事の一部が表示されるが、未入力だと記事の冒頭が表示される。
検索エンジン対策では、読みたくなるような概要や、検索されやすいようなキーワードを概要に入れることが重要といわれている。
後ろが切れずに全文が表示される目安は、PCでは120字まで、スマホでは70字くらい。
自分のPCではTwitterカードに記載されたのは冒頭73文字だった。
（２）記事のタイトル
「高度な設定」→「title要素（ページのタイトル）」
記事のタイトル（記事本文の上で入力したもの）と別のタイトルをTwitterや検索エンジンで表示させたいときはここから入力。
要するに、短くてインパクトのある記事タイトルを見せたいとき。
省略されずに表示されるのは32文字以内といわれている。
