仕事の話天才の話

Bloggerブログの便利な書き方（裏技）！

前回のBloggerブログを利用してAdSenseに合格！の記事に割とアクセスが有ったので、Bloggerブログの便利な使い方を書こうと思います。
辞書登録、テンプレート、便利タグなど紹介します。

Bloggerの便利な使い方

ブログを書く基本

ブログを書く基本ですが、「新しい投稿」をクリックするとブログを書くページに移動します。

Bloggerの「新しい投稿」をクリックします

ボクの場合、日記でなく「週記」のため、まとめて書きます。まず最初にするのが「日付」と「時間」の設定です。

スケジュールの設定

なるべく日付が変わる時間に設定しています。0:00や0:02などランダムにしています。日付が変わると自動でブログが更新されます。

スケジュールから日付、時間の設定

この記事は5月26日に書いてますが、上の画像の場合、2019年5月28日の0時1分に更新されます。

ラベルの設定

この天才日記の場合、本当に日記のつもりで始めたので、メチャクチャなラベル（カテゴリー）になってますが、ラベルは重要なので、どのようなブログにしてどのようなジャンルにしたいのか予め決めておいたほうが良いと思います（ラベルの変更は可能です）。

ラベル（ジャンル）を設定する。

検索向け設定

検索エンジンに表示されたときのスニペット（タイトルの下に表示される文章です）。HTMLでいうと「meta name="description"（詳細）」の部分です。
昔はSEOに必須だったのですが現在ではSEOに関係がないと言われています。

検索向けの説明

SEOに関係なくても読みたくなるような文章を書けばクリックされる可能性が増えます。

記事を書く

記事を書いていきます。記事を書く際に「作成」「HTML」のどちらかで書いていきます。ボクの場合、見た感じどうなるか気になるので「作成」を選択し文章を書いていきます。

最初は「作成」で文章を書いていく

画像を入れる

Bloggerの上の「画像を挿入」ボタンを押し画像を挿入します。今回のように「〇〇を説明」する記事は画像が多くなりますが、通常の内容でも最低1枚は画像（写真）を入れるようにしています（クリックされやすい）。

画像の説明を書く

画像をクリックすると「プロパティー」という項目が出てくるので更にクリックし画像の説明を書きます。

タイトルはパソコンで見た場合、写真の上にカーソルを合わせた時に出てくる文字の内容です。
代替えテキスト（alt）は、写真が表示されない場合に表示される文字です。グーグルが画像を認識する用の文章とされます。

プロパティーで画像の説明を書く

現在ではどちらもSEOには関係ないと言われています。ボクは割と適当に書いています（しっかり書いたほうが良いと思います）。

タイトル「画像に文章を入れます。」
代替えテキスト「画像を説明する文章です。」

こんな感じでしょうか？？？

文章を書き終えて校正

文章をすべて書き、画像も入れたら校正し、文章の内容や誤字脱字等をチェックします。「作成」画面でもチェックできますが、右上のプレビューを押すと実際に表示される画面が確認できます。

HTMLに切り替える

「作成」で校正が終わったら、HTMLモードでタグを変更していきます。
Bloggerブログの少し面倒くさいところですが、

段落のが「作成モード」に行くと に変わってしまう。
太文字がでなく

HTMLモードでの文章

HTMLを変更していくのは大変

「作成」で書いた文章を「HTML」でタグを変更していくのは大変です！かなり面倒くさいです。
「作成」画面で確実に校正しOKになって初めて「HTML」に行きます。
※「HTML」でタグを書いて「作成」に行き「HTML」に戻るとは消えてしまいます！

辞書登録をする

ボクが辞書登録しているタグです。以下のタグだけ登録しておけばかなり作業が早くなります。

ｐ：
ｓ：
ｍ：
ｂ：

以上です。上から「ｐ」段落。「ｓ」太文字と赤色。「ｍ」続きを見る（トップ画面で表示される文章（Chrome）。「ｂ」改行。
これらを登録していると割とサクサクと「HTML」でも編集できます。

テンプレートを作成しておく

イキナリ真っ白な紙に文章を書いて行く作業は割と苦痛です。ボクはテンプレートを用意し「投稿」をクリックするとテンプレートが出てくるようにしています。
タイトルを決めたら↓に沿って書いていきます。

テンプレートを作成し書きやすく

テンプレートの設定の方法
「設定」＞「投稿、コメント、共有」＞「投稿テンプレート」で文章を書いていきます。上の文章の場合、HTMLのソースだと以下のようになります（ご自身の好きなように変更してください）。

テーマ1（続き読みたい！） 
 
<h2>見出し（続き読みたい！）</h2>
テーマ2（続き読みたい！） 
 
フリ（続き読みたい！） 
 
------ 
オチ 
------Ψ
 
最後の一言 
 
長文イラン！ 
エネルギッシュ（アホアホ）に！ 
読者を意識しない。1/100でいい！ 
物語をみつけ　何かを感じてもらう！ 
最後まで読まれた？

最近、全く意識してないですが…過去に書いた記事の

上の内容をマトメた時に作ったテンプレートです。

その他便利なタグ

その他便利なタグです。「HTML」に行ってしまって「作成」に戻って更にタグを変更するの超メンドクサイ！という時にメモ帳に貼っているタグです。

写真、動画などをセンターに合わせるタグ

<div class="separator" style="clear: both; text-align: center;">
</div>

Twitterを引用する際にセンターに合わせる

<blockquote class="twitter-tweet" align="center">
</blockquote>

Twitter共有をコピーして、始まりの「blockquote」部分を赤色のタグに変更するとセンターになります。

------
以上です。Bloggerライフを楽しく頑張ってください！ボクも頑張ります！
また何かあれば継ぎ足します。
------Ψ

あ！写真は大きめのほうが画像検索の上位表示されやすいらしいですよ（最近の話）！
現在ｗ640pixlだけど800？1200？くらいにしようか？と考えています。（ソース探したけど無かった…すみません。）

Bloggerブログの便利な書き方（裏技）！