2016年10月25日火曜日

(メモ)ブログ説明文の変更とレイアウト

 ブログ開設以来の説明文を短いものに変更した。モバイル端末対応を考慮したためである。モバイル端末対応を考慮するに至ったきっかけは、AMPへの対応が呼びかけられた[1]頃と同時期に、本ブログのインデックス登録数が急落するという状態が生じたことである※1。いずれにしても、モバイル対応すべきではあろうと考えていたので、これを好機と考え、デザイン上の改善を図った次第である。なお、AMPとは、「モバイル端末でウェブページを高速表示するためのプロジェクト、またはそのためのフレームワーク(AMP HTML)」[2]である。

 ただ、説明文を変更しても、本ブログがモバイル端末向けであるとは言えない。私の文章は、iPhoneの画面の横幅では非常に読みにくい。一つの文章が長いためである。トピックセンテンス(主題文)の多くが複文であることも問題である。ただ、主題文の複雑さは、扱う話題ゆえのことでもある。約40文字の幅で文章作成していることも、文章の長さに影響していよう。

 作業に併せて、タイトルのCSSを変更した。タイトルの空隙が多くなったためである。タイトルの空隙は、次の作業で縮めることができる。『Blogger』のダッシュボードから、
  1. 「テンプレート」メニュー(▽ボタンから)
  2. 「カスタマイズ」ボタン
  3. 「上級者向け」メニュー
  4. 「CSSを追加」メニュー
を順に選択して、CSSを記述する。私の場合、3つの記事[3, 4, 5]を参照して、次のコードを記入した。

.titlewrapper {
position: relative;
height: 1em;
}
.descriptionwrapper {
position: relative;
height: 1em;
}
.Header h1 {
top: -0.25em;
font-size: 400%;
}


 最後に、当初の説明文を引用しておく。説明文には、変更履歴がないので、いつ変更したのかが分からなくなる。自身による履歴を記憶できない性質なので、記事に併記しておくことにした。
専門の計量犯罪学的な手法に係る話をかなり適当に記します。日本社会が大きく変わろうとしている現在、専門外の事柄にもふれないわけにいきませんので、勉強がてら、メモを取ります。役に立つ程度まで仕上げた統計ソフトウェアR用のスクリプトもあります。
文章は、大体パラグラフリーディング(段落読み)ができます。段落の最初の文だけ追って読めば、大要がつかめます。

※1 ただし、インデックス登録数の急落の原因は特定できていない。ググってみると、いろいろな要因が考えられるとのことであり、ほかに思い当たる作業がない訳ではない。

[1] AMPとは | A~Z [SEO HACKS]
http://www.seohacks.net/basic/terms/amp/

[2] Google ウェブマスター向け公式ブログ: AMP について #AMPlify キャンペーン スタート!
(2016年9月13日)
https://webmaster-ja.googleblog.com/2016/09/what-is-amp.html

[3] Repositioning Blogger Title and Description | Southern Speakers v3.0
(Yoga、2010年12月11日)
http://www.southernspeakers.net/2010/12/repositioning-blogger-title-and.html

[4] Reducing The Header Size in Blogger – John Pile Jr
(John Pile Jr、2013年01月20日)
http://prof.johnpile.com/2013/01/20/reducing-the-header-size-in-blogger/

[5] Bloggerの本文見出しをカスタマイズする - デジタル小噺
http://ryoh1212.blogspot.jp/2012/10/blogger.html
2012年10月15日

0 件のコメント:

コメントを投稿

コメントありがとうございます。お返事にはお時間いただくかもしれません。気長にお待ちいただけると幸いです。