Webデザイン | SEO対策とWebデザイン情報 【 SEO & DESIGN 】

私の場合「デザインありき」で後付のSEOをハメこんでいくことが多いのですが、理想を言えばテキストベースで作成したものにSEOを施し、CSSデザインをかぶせていく方法が良いのだろうと思います。


プライベートのブログやホームページではあまり考えませんが、重要なキーワードを中心に構築せざるを得ないeコマースサイトの場合、まずはテキストベースで作成する必要があります。

ウェブサイト制作の流れ

• 軸となるテーマ（キーワード）を決める
• メインテーマを頂点としたピラミッド型のディレクトリ構造に設計する
• 重要な内容から順にテキストベースで作成する
• 重要なポイントを強調タグで装飾する
• 段落ごとにdivで囲む
• divにidやclassを指定していく
• CSSでhタグとdiv・classに装飾を施す

順番を間違えると修正が大変ですし、後付のSEOではデザインが邪魔になるときもあります。
Webサイト制作会社の場合、顧客がSEOに関して無知な時は特に注意が必要です。
Flashで華々しく彩られたサイトの方がパッと見はかっこいいのですが、ほとんどの読者はFlashをスキップしますし、SEO的にも不利が多くなります。この点を理解してもらえないとせっかく作ったサイトが「結果の出せない駄サイト」に陥ってしまう事になりますので、まずはそこを理解してもらうことが制作会社の”営業力”でありその後の発展につながるのではないでしょうか。

私は割と頻繁にサイトのデザインを変更したりするのですが、CSSを差し替えた時に背景と馴染まなくなる部分があったりします。
そういった部分はあらかじめ透過GIFを使用するようにしています。


例えばリストマークの画像などのそのまま次のデザインに流用したい細かいパーツは、透過GIFで作成しておけば背景色に合わせて作り直す手間が省けます。
めんどくさがらずに作り直せばいい、という話なのですが・・・。

Photoshopで透過GIF

Photoshopで画像を透過にする場合は「Web用に保存」を選択した後に背景色を透明にマップするという作業になります。
（右図をご参照ください）


この作業は背景を蛍光色などの「普段使用しない色」にしておくとスムーズに事が運べます。
私のようにめんどくさがり屋の方には透過GIFはかなり重宝するのではないでしょうか。

みなさんは画像検索って普段利用していますか？
私はデザインのネタ探しなどによく利用しています。


主に利用するのはPicsearch・LiveSearch・Yahoo!検索・Flickrです。海外の画像を探したいので、英単語で入力して検索します。
ちなみにGoogleイメージ検索は英単語を入力しても日本語圏の画像を中心に表示してくるので私はあまり利用しませんが、日本国内の画像を探すのには最適だと思います。

IE7やFirefoxの検索窓プロバイダを追加すると一回のキーワード入力で各検索エンジンを見て回ることが出来て便利です。
デザインのネタに困った時などにお試しください。

まるっきりパクったようなmetaタグを記述する人がいます。キーワードの配置やタイトルの書き方も。
完全に小手先のテクニックではあるのですが『猿真似のSEO』、勉強中の方には割とおすすめかも知れません。


私もずいぶんといろいろなサイトさんを真似させていただきました。
もちろん今でもたまに（頻繁に？）パクっております。
真似しながら独自の解釈でSEOを展開していけばいいのだと思います。

デザインもそうです。
感動したデザインを見つけたらとりあえず真似してみます。
そこに少しずつ自分らしさを加えていきます。
そうすると自分にしか出せない色彩が出てきたりします。
肌触りというか質感というか。

いまだにCSSについての新しい発見があったりしますし、かっこいいデザインを見つけるととにかくもう真似します。
そのままでは使いませんよ、もちろん。
「noindex」にしてある秘密のサイトでオリジナルの味が出るまでこねくり回してからインターネットの世界にデビューさせるのです。

自分らしいデザイン。
なかなか難しいですよね。

ちなみに私はWeb2.0的な透明なデザインがあまり好きではありません。
薄い色は嫌いです（笑）

「デザインにこだわっているウェブサイトにアクセスアップは望めない」というような発言をしたSEO業者さんを見かけました。
半分は事実ですが、半分はデタラメだと思います。


デザインはあくまでも見た目。
CSSの知識があれば大抵の表現は可能ですし、文章や画像の配置・キーワードの位置などはCSSで上下左右いくらでも動かせます。
それよりも見た目が貧弱で「また見に来たい」と思わせることが出来ないサイトではそれこそアクセスアップに縁遠くなってしまいます。
そもそも『SEO＝アクセスアップ』ではありません。SEOだけではリピーターの獲得は難しいのではないでしょうか。

情報量・質、サイトのデザイン、そしてSEO。
全てを兼ね備えて訪問客を増やし続けることが本当のアクセスアップだと考えています。