スマホ対応
ホームページ制作

デザインの印象はとても重要です。印象の悪いデザインには不信感を抱いたり、お金を払う価値があるのか商品やサービスの質を疑う懸念を与えてしまいますが、TNGC Graphicsではお客様の業種・特徴・ターゲット・同業他社を踏まえて、見込み客に与える印象を考慮したデザインを行いますので、会社や商品、サービスに高い期待感と安心感を与え、成果にも繋がりやすくなります。

もちろん全てオーダーメイドで制作しており、デザインテンプレートは一切使用していませんので、どこかのサイトとデザインが被ることもありません。

ホームページを閲覧するユーザーはPC・タブレット・スマートフォンなど様々なデバイスを利用しています。

画面を広く利用できるPCでは２列、３列と様々なレイアウトで多くの情報量を掲載できますが、スマートフォンは画面が小さく、情報量やレイアウトにも限りがあり工夫が必要です。

PC・スマートフォンでそれぞれの特性を考慮したレイアウト、スマートフォンでも分かりやすく押しやすいボタン、目的のページや該当箇所に移動しやすいナビゲーションなどユーザビリティに配慮したデザインを行います。

多くのユーザーは自分の探している情報があるのか、読み飛ばしながら見ています。そのため、読み飛ばしながらでも情報を見つけられるような配慮が必要になります。

子供や年配の方がターゲットユーザーの場合やスマホ画面の場合、小さな文字では読みづらいため、文字の大きさや行間を広く取ったり、段落を要約したり読み進めたくなるような見出し・小見出しを付けたり、大事な箇所には目立つ色使いや蛍光マーカーのような装飾をつけたり、記事に目次を付けクリックすると該当箇所まで自動スクロールするなど読みやすくなる工夫をした制作を行います。

お問い合わせボタンや資料請求ボタンなどユーザーに取ってもらいたい行動に誘導することを「Call To Action」といいます。

このCTAはヘッダーやフッター、本文中など用途に応じて様々な場所に配置しますが、表示領域が大きく取れる”PC”と画面が小さい”スマートフォン”ではそれぞれに合った工夫が必要です。

例えば、PCではブラウザの右にスクロール追従するボタンを配置した場合、スマートフォンでは文章を読む妨げになるため、スマートフォンではCTAに必要な情報やボタンをブラウザの最下部に固定表示させ最適化するといったようにPC・スマホそれぞれの特性を考慮して制作を行います。

お客様から直接電話をいただくことが重要なCTAの場合、電話番号を入力する手間を省いて、思い立った時にすぐに行動してもらえるような配慮が必要です。

PCとスマホでそれぞれの特性に合わせて表示場所を考慮するとともに、大半のパソコンには電話をかける機能はないためパソコンでは電話番号のリンクを無効にし、スマートフォンではリンクを有効にして直接電話をかけられるように制作します。

Googleではスマホでのユーザー体験をチェックできるツール「モバイルフレンドリーテスト」を公開しています。

「モバイルフレンドリーテスト」ではコンテンツが画面を超えて表示されていないか、フォントサイズが小さすぎないか、クリックできるボタンやリンクが押しやすいかなどスマホで閲覧した時に快適に表示できているかをチェックしていますので、全ての項目で合格するよう制作します。

PC・タブレット・スマホそれぞれに同じコンテンツ、同じURLで表示できること、制作・管理のしやすさからGoogleはレスポンシブコーディングによる制作を推奨しています。※

ホームページは様々なデバイスで見られますが、ブラウザによってHTMLの解釈が異なりますので、OS（iOS・Andoroid・Mac・Windows）、主要ブラウザ（Safari・Chrome・Firefox・Opera）それぞれで表示崩れがないかしっかり検証を行って納品します。

• Google検索セントラル「モバイルサイトとモバイルファースト インデックスに関するおすすめの方法」

どのようなキーワードに検索需要があるのかを調べ、ターゲットキーワードを元にサイト構成・コンテンツを作成します。

内部リンク、HTMLタグの適切な設定、表示速度改善、スマホ対応最適化など、Googleが公式にアナウンスしているSEO評価基準に添って制作を行います。

お知らせやブログ、実績、物件情報など様々なコンテンツを自社で更新できるようにしたい場合、コンテンツ管理システム（CMS）を利用したホームページ制作がおすすめです。

ワードプレスは関連トピックを繋げる”内部リンク”やトピックに特化した”専門性”などGoolgeがSEOで評価する様々な施策を効率的に行うことにも適したシステムです。