大阪を拠点にホームページ制作およびSEOの改善指導を行なっているWixの専門家です。「ホームページ作成」「ホームページ制作」でWixサイト検索1位の実績。今、ホームページのスマホ対応化が急がれています。ほとんどの場合、デザインのフルリニューアルによりスマホ対応化を行いますが、私の場合は必ずしもそうではありません。既存のデザインをそのまま活かしてレスポンシブでスマホ対応化を行うことがあります。デザインそのままでスマホ対応を行うメリット・デメリットメリットとしては、すでにホームページを利用しているお客様が混乱することなくスマホ対応化を行えます。このたびの株式会社松元サービス様のホームページというのは、早くから自社でよく研究され、修正の余地のないようなホームページでした。日々すでに多くのアクセスがあり、急ぎの依頼が多い運送の受注に使われることから、なるべくコンテンツの位置や動線を変えたくないと考えました。[Before]http://www.matsumotoservice.jp/[After][スマホ表示][Before]http://www.matsumoto-s.net/[After][スマホ表示]デメリットとしては、場合によっては工数が増えてコストがかかることがあります。今回、依頼の打診を受けたときに、ソースをちらっと見て、これはそれほど難しくなさそうだと思ってご依頼を受けました。見てみると、なんとCSSファイルが30個もあったのです。ひとつのHTMLファイルに4つのCSSが紐付いていることもありました。なると、どのCSSがどのデザインを指定しているのかを一つ一つ見ていかなくてはなりませんので、結構な時間がかかることになります。大変でしたが、とてもいい勉強になりました。これで怖いものなしです。レスポンシブとは?レスポンシブとは、レスポンシブWebデザインの略で、ブラウザやデバイス(端末)の画面幅に応じて、自動的にホームページの表示を変える手法です。記述して、widthのpxを%指定にして、あとはメディアクエリで画面幅に応じた指定と微調整を行えば、だいたいスマホ対応化が行えます。<table>タグでレイアウトしている、やや古いタイプのホームページでは、<table>を<div>に置き換える必要があり、工数が増えます。レスポンシブのメリットは、URLひとつで複数のデバイスに対応できること。ある、スマホページを別に作成する手法では、パソコン用ページとスマホ用ページが別々に存在することになり、管理が2倍になります。SEOの面でも重複コンテンツにならないよう注意が必要です。レスポンシブのデメリットは、スマホ用ページを別に作成するよりも、一般的には値段が高いのだそうです。私は、レスポンシブしかやらないのですが...そうか、もうちょっと高くとってもいいんだ(笑)今回は、既存のホームページをそのまま活かしたかったことと、自社ですでに利用されているサーバーがあったことから、このようなやりかたでスマホ対応化を行いました。デザインを一新していいのであれば、Wixなどでホームページのリニューアルを行うのがもっとも得策です。未公開なので大きな声では言えませんが、Wixでは、SEOを意識している人なら誰もが待ち望んでいる、アレやコレやの機能がリリースを控えています。ホームページのスマホ対応化で迷っているなら、ぜひご相談ください。問い合わせ================================================東京で、Wixセミナーを行います。SEOに関するお話も![バレンタイン企画]2時間で作成・公開!WixホームページとSEOセミナー================================================タグHTMLレスポンシブスマホ対応この記事を書いている人rinhyuga関連記事WordPressサイトにショッピングカートをつけるには?「g.o.a.t」のメリット・デメリットと操作方法をまとめました。Akismetを使ってみるWordPress「独自ドメイン/wp-admin/」でログインしようとするとURLが初期ドメインに変わる謎。ブランディングサイトを公開しました。投稿ナビゲーションホームページのヘッダー背景に動画を表示するには?私が個人的に思う、WixがSEOに弱いと言われた理由とは。PMこちらのサイトを、レスポンシブ化したいです。サイト内容は、制作中です。AM坂田さん、ただいま既存サイトのレスポンシブ化の承りを見送っております。必須サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。ブログ感覚で作るお店のホームページ」ソシムマウスクリックでホームページを作成できるWixを使った、ネットショップと予約受付機能のついたホームページ作成方法を解説しています。手順通りに行えばサンプルサイトと同じようなホームページができあがります。最新版」秀和システムWordPress.com・Jimdo・Wixを使ったホームページ作成方法と、HTML・CSSでスマホ対応させる方法を解説しています。(1)昨日の人気記事ランキングバレてますよ?Twitter匿名アカウントが身を滅ぼす恐怖とは。view)トーク履歴が見れてしまう。