更新時のルール化。ブログを書くときに個人的に気をつけていること

もはやwebサイト制作時にクライアントさまが自由に更新できるようにブログ機能をwebサイトにつけることが当たり前になりました。

ただ、制作する側からすると、webサイト公開後にクライアントさまがブログなどのコンテンツを作成・更新していくことにいろんな心配ごとがあるんです。そもそもwebサイトのことをほとんど知らない方がサイトを更新し続けていくわけですから、ひとつ間違ったままになるとその先もずっと間違えたままになったり、いつの間にか収拾がつかなくなってしまっていたり・・。そういうこともあるんですね。

なので今回のブログでは、ボクが普段からブログを書くときに気をつけていることを書いてみたいと思います。

あまり知識はないけどwebサイトをこれから更新していこうと考えている方に、少しでも参考になれば幸いです。

更新内容をルール化する

webサイトはwebページの集合体で成り立っていますが、webページはさまざまな要素で成り立っています。

などなど・・。
制作側はもちろんそれらを理解しているので統一感を損なわず制作を進めることができますが、クライアントさま側は当然ながらそこまでの知見がないので独断で更新を進めると、どこかでズレてしまうことがあります。

なのでwebサイトを公開後、制作側にブログなどのコンテンツを更新していくにあたってのルールを共有してもらうといいと思います。

URLは半角英数字で徹底する

ブログを更新する場合、デフォルトではURLはタイトルの文言になります。例えばいま書いているこのブログ記事のURLは、下記のURLになっています。

このURLを右の「編集」ボタンを押してから任意のURLに変更するのですが、ここをルール化しておきます。

ボクの場合、例えば今回のブログはカテゴリが「think」なので「think●●」という連番にします。現在のthinkの最新記事が「think0166」なので、次の記事という意味で「think0166」と連番を振りました。連番にすることで先々の更新時もスムーズにURLを決めることができますし、URLもスマートになりますよね。

意外と気付きにくい部分なのですが、数字や英語が全角なのか半角なのか、意識されていない方がけっこう多いんです。

クライアントさまと「ブログのURLは連番にしましょう」とルール化していても、「think0166」になっているかと思いきや、次のブログでは「think０１６６」といった風に数字の部分だけが全角になっていたります。

半角英数字のURLと全角英数字のURLが混ざっているブログって何だか気持ち悪いですよね。日本語は文字化けを起こしやすい文字なので、もしかしたらシェアされたときなどでどこかでURLが文字化けを起こすかもしれません。なのでスマートに問題なく統一させるためにも「URLは半角英数字で連番でつける！」というルールと意識して徹底しましょう。

画像サイズを徹底する

このブログで載せる画像はあらかじめサイズを決めていて、スマホのモニター比率である16対9の比率で横1400px、縦788pxの画像サイズとルール化しています。このサイズで収まらない画像のみ正方形などで画像を作ったりしていますが、それは本当に例外中の例外です。

ちなみに、画像サイズをちゃんと把握してimgタグにサイズ属性のwidthやheight属性に数値を記載して記述すると、画像サイズを検索エンジンに簡単に教えることもできて表示速度も上がり、SEO的にも良いといわれています。

検索エンジンにとっていいことならやって損はないですよね。

画像名を管理しやすい名称にする

これもやりがちなんですが、画像名を「abc.png」とか「image001.png」みたいに適当につけてしまうケースです。
後々修正や更新が必要になった場合、どこに画像があったか、画像名を忘れてしまって画像の上書きができなくなったり、他の画像を名前がかぶってしまい、意図せず他の画像も更新されてしまったりすることもあります。

こういったケースも画像名を正しく自分なりのルールで管理することで防ぐことができます。

例えばボクの場合、「think0166」で載せる画像はサイネイル画像は「think0166_img001.png」と基本決めていて、記事内に載せる画像は「think0166_img002.png」、「think0166_img003.png」といった風に連番で画像名をつけて管理しています。

さらにその画像たちをフォルダごとに分けて保管するとより過去の画像へアクセスしやすくなると思います。

webサイトの不具合や違和感は信用につながる可能性がある

上に挙げたことは特に難しいことではありません。
しかし、webサイトに訪れたユーザーは意外と些細なことに気づいたりするものです。

その違和感から不信感を抱かせてしまい、見込み客を逃してしまうなんてことも・・可能性としてはゼロではありません。

ボクは以前から「webサイトは育てるもの」と考え、制作させてもらっています。
制作して公開してそこで終わりではなく、クライアントさまの更新によってwebサイトがより良いサイトへと成長していきます。

そのためにもユーザーには見えにくい部分ではありますが、内部構造のデザインもしっかり構築していきましょう。