サイトリニューアルの流れ【③開発編】

November 15, 2023

こんにちは。アークコミュニケーションズ Web&クロスメディア事業部です。

サイトリニューアルプロジェクトのフローについて紹介する第3回目は、「開発」です。

「調査・設計・デザイン編」では定義した要件をどのようにサイトで実現するのかご紹介しました。「開発」フェーズでは、設計に基づいて具体化したサイトのデザイン・機能を実現するため、いよいよ制作に入ります。

開発の流れ

開発フェーズでは、テンプレート開発、CMS開発、データ投入の3つのステップがあります。それぞれの作業をご紹介します。

①テンプレート開発

設計段階で決まったデザインをHTML・CSSと呼ばれる言語で書き起こす作業です。

②CMS開発

CMSを設定し、Webサイトごとに設計した機能を実装します。この作業により、運用時にコーディングの知識がなくても簡単にページの追加や編集ができるようになります。

③データ投入

テンプレートに原稿データを投入します。会社概要などの固定的なページは、1ページずつ投入していきますが、ニュース記事などは現行ページのソースを新たなサイトに一括置換するなど、効率的に移行を行います。

チェック・修正

投入が完了すると、サイトのチェック作業を行います。
チェックのポイントは、各ページをファイルリストを元に漏れなく確認することです。ファイルリスト上で、各チェック項目のステータス管理を徹底して行い、修正漏れの無いようにします。
アークコミュニケーションズでは、下記の項目でチェックを行います。

1. 移行チェック

現行サイトから、新たなサイトにコンテンツを正しく移行出来ているか、新規のページであれば、情報が正しく格納されているかどうかを確認します。

2. リンクチェック

各ページから、下層のページへのリンクが正しく設定されているかを確認します。

3. alt, meta descriptionチェック

ブラウザでの読み上げ機能を利用する際、画像にaltが設定されていないと正しく読み上げが出来ません。そのため、各画像にaltが設定されているかを確認します。また、各ページのタイトルやmeta descriptionが正しく設定されているかを確認します。
正しく設定されていないと、ページをブラウザが認識できず検索順位が上がらないためSEOの面で影響が出てしまいます。