extension-tools-for-bloggers_ec

ブログ

【作業順まとめ】ブログを彩る!記事作りが捗る!クオリティー底上げに役立つ10個のツール

先日、とある交差点で信号待ちをしていた時のこと。見たこともない小太りなおっちゃんが横にピタッと並び、顔を近づけていきなりまくし立ててきたのです。

おらァな、こー見えてWEBマーケティング担当者じゃねんだ。”ぶろぅがぁ”。いわゆるブロガーってやつだ。よく勘違いするやつがいるがまーったく失礼なハナシだ。あんたならわかるだろぉ?コムズカシイもんはいらねぇ、おらァな、“ブログ記事をつくるのに本当に使えるツール”を知りてぇんだ。それも無料で使えるとびっきりのシロモンだ!ワガママな頼みだって?いーや、んなこたァない。考えてみろってばよ、みんなそう思ってるハズだろぉ?今のご時世、そんな需要にゃあ世の中の誰かが応えてくれるもんだ。みんなナンダカンダ言うけどよぉ、世知辛くもいい時代だと思ってる。おらァそー思ってる。そー思うだろぉ?するってーとあれだ、そんなこったから、まぁ今回はウマいこと面倒見てくれやな。
じゃあ、よろしく頼むぜ!

extension-tools-for-bloggers_ins1

のそのそと横断歩道を歩いていくおっちゃんに、ツバまみれになった私は後ろから答えました。

知っていることはきっと、きっと全部惜しみなく伝えると誓うよ!

extension-tools-for-bloggers_ins2

おっちゃんは、振り返ることなくそっと手を挙げて応えました。もしかしたら行き交う車への”いま渡ってるとこだから気をつけてね!”の合図だったのかもしれません。

それでも私は・・・「こんな大きな声で叫んだの、久しぶりだな」なんて少し興奮気味の自分を新鮮に感じながら、小太りなミスターのその姿が見えなくなるまでずっと、晴れやかな気持ちで眺めていたのでした。


というわけで、今回は【ブログ記事のクオリティー底上げ・効率化に役立つ10個のツール】を作業順に沿って出し惜しみなく紹介します。そう、あの日ミスターに誓ったとおりに・・・。

 冒頭のストーリーはフィクション(茶番)です。

【作業順その1】
予備知識

extension-tools-for-bloggers_ins3

今自分が見ているページの「あの場所」や「あの画像」の、幅と高さってどのくらいのサイズなんでしょう?そもそも自分のWEBサイトの幅、知ってますか?

記事に挿入した画像が明らかに大きかったはずなのに『なんかうまくハマってくれてるんだよね… 』なんて曖昧なままにしてませんか?

もうこの機会にその辺りのことは知っておいて「モヤモヤするけどイッタレイッタレェ!」状態は終わりにしましょう。便利なツールがあるんです。

Page Ruler、Image Size Info

WEBサイズマスター”へ。Chrome拡張「Page Ruler」「Image Size Info」でなんでも計測!

 WEB上に表示されているもののサイズって、どうやって調べるの?

 記事画像って、どのくらいのサイズで貼り付けるのがベストなの?

Page Ruler】と【Image Size Info】でその答えを知ることができます。
これ、実はサイトの表示速度にも影響してくるので、まず知っておきたいことなんです。

使用中の様子

 Page Ruler / Image Size Info (クリックで拡大)

extension-tools-for-bloggers_01

extension-tools-for-bloggers_02

Page Ruler】【Image Size Info】の活用法・インストールはこちら 

browzer-extension_linkcardrt

【関連予備知識】初心者じゃなくても意外と知らない「WordPressのメディア設定」。
これもなるべく早い段階で知っておくべき内容です 

知っとかないと、後から大変!? WordPressメディア設定と画像サイズのキケンな関係

【作業順その2】
インプット

extension-tools-for-bloggers_ins4

いざ記事を書こうとすると、人に伝えるためにはあまりにも曖昧だった自分の知識に気づくこともしばしば。でもそれは決して悪いことではありません。伝えようとすることをきっかけに、曖昧な部分を調べ直し、結果的に自分の知識を補うことにもなるからです。

伝えるための責任感から自分の成長へと繋がる感覚は、教職関係など教える立場にいる人には日常的なことのようですね。そしてブログ記事を書く上でも同じように、“執筆のためのインプット”を無意識ながら行っているわけです。そんな時、役立つツールがあります。

Show Title Tag

もっと…見せてくれませんか?タブに隠れた見えないタイトル。Show Title Tagを使って全表示!

 ブラウザのタブ表示では入りきらない、ページタイトルを表示してくれる

ブラウザ拡張【Show Title Tag】。このツールで出来ることはそれだけです。

使用中の様子

つまりこの”全部見えない”不便さを・・・

extension-tools-for-bloggers_03

extension-tools-for-bloggers_04

画面右下に、こう表示して解消してくれるだけのこと。しかし侮るなかれ。

想像して下さい。上の画像のように、ひとつのタブでもタイトル表示は全部見えていません。例えば、参考記事をたくさん開いて吟味検討している時はどうなるでしょう?それぞれのタブの幅はもっと狭まって、もはや何のページなのか、タブ上では判断出来なくなっていきます

「ちょっとした機能なのに助かるツール」の、代表的な例ですね。

Show Title Tag】の活用法・インストールはこちら 

もっと…見せてくれませんか?タブに隠れた見えないタイトル。Show Title Tagを使って全表示!

【作業順その3】
記事作成

extension-tools-for-bloggers_ins5

いざ記事を書き始めると、行き詰まったり、分からないことがどんどん出てきます。書きたいことは決まっているのに、文章を書く手が止まっては行ったり来たりしてしまう。あのサイトのように見栄えよくしたいけど、その方法が分からない。

記事の構成方法】【伝わりやすい画像作成】【デザイン性の高い外部リンクの作成】。ここではこの3点にフォーカスして、役立つツールを紹介します。

Todoist

ブロガー以外も知っておきたい。ブログ記事の書き方と、頭を整理する構成方法

 書きたいことや伝えたいことをリストアップできる

 直感操作で”ひたすら”構成づくりに集中できる

 完成までに必要な情報が整理され、スムーズに書き進められる

 すぐに実践して活かすことができる

Todoist】はタスク管理ツール。噛み砕いて言えば『やることリスト』を登録しておくツールですが、その直感操作と情報整理能力の高さから、ブログ構成に大いに活用できます。

使用中の様子

 階層化して情報整理 / サクサク登録

extension-tools-for-bloggers_05

extension-tools-for-bloggers_06

頭の中がこんがらがって、ウンウン唸りながら記事を書くなんて絶対にイヤです。

その点、「書き方の手順」を知ることができれば、すぐに実践して活かすことができます。ぜひ参考にしてください。

ブロガー以外も知っておきたい。ブログ記事の書き方と、頭を整理する構成方法

Todoist自体の操作方法も徹底解説しています 

【基本編】スケジュール・タスク管理の大黒柱。万能ツールTodoistの使い方を徹底解説!


LightShot

Windows?Mac?なんでもゴザレ。スクリーンショットに特化したキャプチャーツールLightShot先輩の使い方

 選択範囲を自由に調整してキャプチャーできる

 簡単な画像注釈ができる

今見ている画面の一部を画像保存して、記事に挿入したい。そんな時、何度もスクリーンショットの撮り直し、してませんか?

LightShot】先輩なら、その煩わしさをきっと解消してくれます。

使用中の様子

LightShot_DEMO

LightShot】の活用法・インストールはこちら 

 Windows?Mac?なんでもゴザレ。スクリーンショットに特化したキャプチャーツールLightShot先輩の使い方


Screenpresso

『伝わりやすいブログ』を作るには?画像で届ける価値あるコンテンツ

 角が丸い場所もキレイにキャプチャーできる

 ブログレベルで必要な画像注釈はほとんどできる

 画面を録画して説明動画を作成できる

Screenpresso】は万能ソフトウェア。これひとつで、ブログの表現力は格段にアップします。特に画像注釈の表現力がケタ違い。

Photoshopが無いと、見やすい注釈画像なんて作れないんでしょ…?

注釈文字や矢印を入れても、どーも見にくい…

なんて思っている人は必見です。

使用中の様子

 クリックで拡大

extension-tools-for-bloggers_06

extension-tools-for-bloggers_07

Screenpresso】の活用法・インストールはこちら 

『伝わりやすいブログ』を作るには?画像で届ける価値あるコンテンツ

LightShotとの機能比較・併用の魅力はこちら 

辿り着いたキャプチャーツール、LightShotとScreenpresso。その機能比較と併用の魅力


Pushbullet

瞬間転送。写真もURLもポンっ!スマホとパソコン間のデータ移動が捗るPushbulletの使い方

 スマホとパソコン間のデータ移動がラクラク。

Pushbullet】を使えば、スマホで撮ったキャプチャー画面も瞬間転送。すぐに記事作成に利用できます。メールで送るより、ずっとラクです。

使用中の様子

Pushbullet】の活用法・インストールはこちら 

瞬間転送。写真もURLもポンっ!スマホとパソコン間のデータ移動が捗るPushbulletの使い方


Embedly

クリックひとつで完成。Embedlyで見栄えの良いカード型の記事リンクを貼る方法

 カード型の見栄えのいい記事リンクを簡単挿入できる

Embedly】なら、紹介したいページを開いた状態でワンクリック。それだけでレスポンシブなカード型の記事リンクを作成してくれます。

使用中の様子

 クリックで拡大

extension-tools-for-bloggers_08

カード全体の大きさや抜粋文もこの状態で変更可能。プラグインやカスタマイズ無しで気軽に記事リンクを挿入したい人にはもってこいなサービスです

Embedly】の活用法・インストールはこちら 

クリックひとつで完成。Embedlyで見栄えの良いカード型の記事リンクを貼る方法

【作業順その4】
公開前チェック

extension-tools-for-bloggers_ins6

記事が完成するとそのまま勢い良く公開ボタンを押してしまいたくなる衝動に駆られますが、そこをグッ!とこらえて最終チェックです。

本文に関してはもちろんなのですが、ブロガーでも最低限気にしておきたい、超基本的なSEOが存在します。検索にヒットした時にどのように表示されるか。またSNSでシェアしてもらった際の体裁など。これらの設定は今や「最適化」に必須と言えるでしょう。

SEOに関しては様々な見解がある中で、マーケティング担当者でないブロガーがまず気にすべき点は【意識次第で出来ることを、出来ているか】の確認です。

あらゆる対策をする必要があるかどうかは別の話。自分が「やっておいた方がいい」と思うことであれば、チェックしておくべきだと考えます。以下2つのツールはそんな時に役立ちます。

META SEO inspector

基本的なSEOチェックに。DescriptionやOGPを確認できるChrome拡張META SEO Inspectorの使い方

 メタタイトル・ディスクリプションなどを確認できる

 alt属性抜けなど、ページ内の注意点を確認できる

 nofollowリンクを視覚化して確認できる

META SEO inspector】があれば、記事公開前に基本的なSEOチェックが可能です。どちらかと言うと「ど忘れ防止」に役立つ、と考えたほうが良いかもしれません。

うっかり忘れがちな(?)Facebook用OGP設定なんかも、文章内容まで表示してくれます。

使用中の様子

extension-tools-for-bloggers_09

一見ややこしそうですが、自分にとって必要だと考える部分だけ見ればOK。すぐに慣れます。

META SEO inspector】の活用法・インストールはこちら 

基本的なSEOチェックに。DescriptionやOGPを確認できるChrome拡張META SEO Inspectorの使い方


Alt & Meta viewer

Alt & Meta viewer

 alt属性抜け画像の特定ができる

Chrome拡張機能【Alt & Meta viewer】は、上で挙げた【META SEO inspector】の補助として利用します。META SEO inspectorではalt抜け画像があった場合、その個数がアラート表示されますが、「alt属性が抜けているのはどの画像なのか」までは特定できません 

extension-tools-for-bloggers_13

そこで役立つのがAlt & Meta viewer。アイコンをクリックして「画像のAlt表示」の吹き出しマークをクリック。すると…

extension-tools-for-bloggers_11

 クリックで拡大

extension-tools-for-bloggers_12

そのページに存在する画像のalt属性が一斉表示されます!これで抜けがあれば一目瞭然。META SEO inspectorで既に、alt抜けしている”個数”は分かっている状態なので、ざっと探せばすぐに見つかります。なんてナイスフォローなヤツなんでしょう。

 インストールはこちら

Chrome ウェブストア

まとめ

今回は”ブログ記事作成順”に沿って、記事クオリティーの底上げ・効率化に役立つ10個のツールを紹介しました。もちろん全てのツールが記事作成に必須なわけではありませんが、実際に使ってみるととても便利なものばかりです。

もし知らなかったツールがあればこの機会にぜひ試してみてください。ご自身の作業フローに必要なものを組み込んで、うまく役立ててもらえれば幸いです。

自分に合った環境を自分なりに作りだすことが、何より大切なことだと考えています。

記事が気に入ったら
Requ.logを "いいね!"
Facebookで更新情報をお届け。

Requ.log | レク.ログ

スポンサーリンク
スポンサーリンク

ピックアップ記事

  1. WordPress初心者にオイシイ、簡単記事装飾。TCDテーマ「クイックタグ」機…
  2. 仕事に時間をとられ、何もやる気がでない時。がんじがらめ感をスカッ!と解消するモチ…
  3. もっとストレスフリーに・・Todoistの連携ワザで高速タスク登録!
  4. 「私の名前はページプラグイン。」Facebookページのいいね!ボタンをWord…
  5. 忘れたくないユーザビリティー。収益化と両立しよう。TCDテーマでスマホとパソコン…

関連記事

  1. simple-image-sizes_ec

    ワードプレス

    メディア問題さん、さようなら。画像サイズを気ままに追加するプラグイン「Simple Image Si…

    挿入画像サイズ、もっと自由に選びたい。ハイどーも。お悩み相談室のコ…

  2. business-books_ecmg
  3. tcd-theme-widget_ecmg

    ワードプレス

    サイトを彩る直感設定。WordPressTCDテーマ「オリジナルウィジェット」の使い方

    本格レイアウトの「キモ」。WEBサイトのレイアウトって、メインカラ…

  4. insert-card-link_ecmg

    ワードプレス

    クリックひとつで完成。Embedlyで見栄えの良いカード型の記事リンクを貼る方法

    リンク挿入、どうしてますか?記事を書いていると、「以前に自分が書い…

  5. intuitive-custom-post-order_ec

    ワードプレス

    ほら、こんなに直感的。投稿記事の順番を並び替えるWordPressプラグインIntuitive Cu…

    記事の順番だって、自由に決めたい。ブログなどのトップページで表示さ…

  6. show-title-tag_ecmg

    マーケティング

    もっと…見せてくれませんか?タブに隠れた見えないタイトル。Show Title Tagを…

    ちょっと見せてるぐらいなら...全部見せてください。誤解しないで。…

スポンサーリンク
高速・安定レンタルサーバー
高速・高機能・高安定レンタルサーバー【エックスサーバー】 高速・高機能・高安定レンタルサーバー【エックスサーバー】

Requ.Sound Lab. | レク.サウンドラボ

レク.サウンドラボ

音に、景色と”振る舞い”を。

特集記事

  1. original-share-button_ecmg
  2. tcd-theme-user-review_ecmg
  3. todoist-extension_ecmg
  4. valuable-content-from-image_ec
  5. extension-tools-for-bloggers_ec
  6. improvement-flow_ecmg
  7. todoist_ec
  8. business-books_ecmg
  9. display-speed_ec
  10. adjust-the-button_ecmg

ピックアップ記事

  1. reset-button_ecrt
  2. todoist-advanced_ec
  3. sns-count-cache_ecmg
  4. todoist-basic_ec
  5. original-share-button_ecmg
  6. facebook-fast-display_ecmg
  7. switch-by-the-device_ecmg
  8. tcd-theme-widget_ecmg
  9. child-theme_ecmg
  10. widgetoon-js-count-jsoon_ecmg

強みを見つけて、活かしていくために。

business-books

タスク管理で、自己管理。

todoist

おすすめ記事

  1. ”ブログにおいしい”、注釈画像の作り方。矢印や枠線、文字を追…
  2. 小規模チーム、家族間の疎通に。Todoistで始める気軽なタ…
  3. アップデートで英語化された!?BackWPupをサクッと日本…
  4. 簡単に予定変更。Todoistで実現する、カレンダーだけでは…
  5. 不要なメール通知にうんざり!購読・迷惑メールの解除をまとめて…

ブログのRetina対応、始めませんか?

retina-os-solution

ブログクオリティー底上げ10ツール

extools-for-bloggers

最近の記事

  1. 「私の名前はページプラグイン。」Facebookページのいい…
  2. 瞬間奥義「非同期設定」。Facebookのいいねボタン、ペー…
  3. feedlyのフォロワー数が表示されないっ!?SNS Cou…
  4. カッコ美しい、オリジナルシェアボタン。サイトデザインに合わせ…
  5. 【実例集】細部の余白まで美しく。オリジナルシェアボタンのデザ…

ゆっくり、フシギなGIFアニメ。

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

Requ.log | おすすめビジネス書

コンテンツの秘密-ぼくがジブリで考えたこと 「言葉にできる」は武器になる。
プロフェッショナルは「ストーリー」で伝える 日本人の知らなかったフリーエージェント起業術

Requ.log | おすすめ物語

モモ マリコ/マリキータ
なんくるない たったひとつの冴えたやりかた

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」

Requ.log | STORY

  1. 「あの時、気づけなかった。」苦しい時に思い出して奮い立つ、人…
  2. 心が折れそうに辛いとき。一歩前へ踏み出し紡がれた、今へ続くス…
  3. 大切な人の最後の1年
  1. business-books_ecmg

    マーケティング

    【厳選6冊】起業したくなったら読んでおきたいビジネス書。自分の強みを見つけて活か…
  2. retina_ecmg

    ワードプレス

    【保存版】知ったら戻れない、美しさの極みへ。WordPress画像のRetina…
  3. display-speed_ec

    ワードプレス

    目指せ軽量化!今から始める、WordPressサイトの表示スピード改善計画
  4. improvement-flow_ecmg

    マネジメント

    最低限習得しておきたい自己管理術。忙しくても、頭と心は軽くしておく生活改善フロー…
  5. todoist-extension_ecmg

    マネジメント

    いつでもどこでも即タスク化。Todoistの便利すぎる拡張機能4選
PAGE TOP