佐藤宏尚建築デザイン事務所

Webデザインをマイナーチェンジ


2015.01.08

2013年8月に大幅リニューアルしたウェブサイトですが、いくつか気になる点があったのでマイナーアップデートを施しました。
今回は少し専門的な内容になります。

1 縦スクロール化
これまでコンテンツの表示・非表示には、javaスクリプトを用いて切り替えていましたが、操作性がずっと気になっていました。
今回のアップデートではタブレットやスマートフォンでも閲覧しやすいように、流行の縦スクロールでコンテンツが展開されるようにしています。
Jqueryを用いた滑らかに動作する自動スクロールボタンを追加することで遊びを添えています。
また、メニューは下部に配置するなどスマートフォンを意識したレイアウトにしました。

2 さらなるレスポンシブデザイン化
コンテンツのレスポンシブ化をさらに進め、1ページあたりの情報量を増やしました。
これもスマートフォン対応です。
あわせてページの数を減らしました。SEO的には逆効果?かもしれませんが、たくさんのページに分散するより閲覧しやすくなったと思います。

3 ソースの改善
CSSの圧縮、効率化。スクリプトの統合。重くなるCSS3の処理を低減。ページネーションしたページでrel=”canonical” を用いずにrel=”next” やrel=”prev”に対応。あわせてタイトルなども自動で重複しないように改善。(webに詳しい人でないとわからないですね)

これらの変更がSEOに効果的だったのか、「建築 デザイン」のキーワードで一時的にgoogle1位表示に返り咲きました。現在も3位以内で落ち着いています。

|WEB 関連するニュース

17.04.07
WEBデザインのリニューアル
15.10.20
WEBのインターフェイスデザインなどを変更
15.01.08
Webデザインをマイナーチェンジ
13.08.13
WEBデザインを一新
10.06.07
webサイトがIPadに対応しました
09.08.12
WEBデザインをリニューアルしました
09.07.27
SERVICEを更新しました
07.06.08
WEBの作品紹介をリニューアル
07.04.03
webをマイナーチェンジしました
06.06.06
WEBをマイナーチェンジしました
05.06.20
webをマイナーチェンジ
05.06.17
ビジネスブログに掲載されました
05.05.06
WEBがCAD&CGマガジン(2005/07)で取り上げられます
05.04.20
WEBのブログ化2
05.02.06
WEBのブログ化
04.12.15
WEBリニューアル!!!
02.10.20
建築知識(2002/10号)に掲載されました