DESIGN IT YOURSELF.

BUROKI


top

blog

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

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

think

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

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

2022.12.01.

スポンサーリンク

スポンサーリンク

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

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

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

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

BUROKIアイコン

難しいことではないので知っているだけで全然違うと思います。

更新内容をルール化する

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

  • テキスト
  • タイトル
  • 画像
  • URL
  • カテゴリ

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

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

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

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

いま書いているブログのURL
URLが日本語になっていますね

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

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

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

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

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

画像サイズを徹底する

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

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

imgタグのwidthとheight属性
widthとheight属性は絶対につけるようにしましょう

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

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

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

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

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

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

記事ごとに分けた画像フォルダ
ボクはすべての画像を自分の環境で保管しています

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

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

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

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

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

BUROKIアイコン

webサイトの更新も計画的に!ですね。
スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

文鳥とデザイナー

スポンサーリンク

blog list

ブログ一覧

think

念願の函館旅行・2日目。これを食べに来た!口コミ7年連続北海道1位に感動

2023年最初で最後の函館旅行2日目。 ラビスタ函館ベイで朝を迎えました。 少し前に書いた函館旅行1日目のブログは下記のリンクよりご覧ください。 念…

2023.11.30.

private

念願の函館旅行・1日目。雪が降る前に2泊3日で北海道函館へ行ってきました

2023年最初で最後の旅行ということで、先週火曜日から木曜日までの三日間、北海道は函館へ行ってきました。 北海道へは過去に三度行ったことがあるの…

2023.11.26.

think

2023年10月の活動報告。10月はこんなデザイン制作をしていました

少しバタバタしており、前回のブログから少し時間が空いてしまいました・・。 サムネイルは自宅の近くにある人気お好み焼き店「AT THE 21」のモダン…

2023.11.06.

think

2023年9月の活動報告。9月はこんなデザイン制作をしていました

今年から始めた筋トレ。 開始時は筋肉痛がひどく重量もたいした重さではトレーニングできませんでしたが、人間とは慣れるもの。徐々に重量を上げてい…

2023.10.06.

think

【インボイス制度開始】適格請求書発行事業者として登録しました

簡単なご報告となりますが、BUROKI designはインボイス制度開始にあたって、2023年9月に適格請求書発行事業者として登録しました。 僕自身、主にお仕…

2023.10.02.

think

絶対に後悔しない!デザインを開始する前に決めておきたい制作ルールまとめ

クライアントさまから制作依頼をいただき、打ち合わせでどんなデザインにするか?を決めることは当然のこととして誰しもが認識していると思います。 …

2023.09.27.

blogをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル