近年セマンティックHTMLが再評価されています。セマンティックHTMLとは、Webページのコンテンツが持つ「意味」や「役割」を、HTMLのタグを使って正確に伝える記述方法です。見た目を装飾するためではなく「見出し」「段落」「ナビゲーション」などの情報を明確に示し、その情報のその部分が何であるかを明確に定義します。これにより、検索エンジンや音声読み上げソフトな
ユーザビリティ
サイトのスマホ対応・スマートフォン最適化については、2通りの手法 レスポンシブウェブデザインによるスマホ対応 スマートフォン用のウェブサイト ウェブ制作・更新の労力を避けるならレスポンシブウェブデザイン 自由度の高い設計なら「スマホ用サイトを別に制作」スマホ専用ページを制作するシーン
サイトの「スマホ対応」とスマホ用サイト｜改修費用とリニューアルの目安
現在、ホームページ（ウェブサイト）を閲覧するユーザーの大半がスマートフォンを利用しています。そのため、スマートフォンでの見やすさや使いやすさが検索順位や実際の問い合わせ数に直結する状況になっています。以前はパソコン用の広い画面を前提としたページ作りが主流でしたが、情報収集の環境は大きく変化しました。 「一応スマートフォンでもうちのホームページは見れるし、そん
スマホで見にくいホームページは検索順位が下がる？自分でできるチェックと改善方法
よくご依頼いただくのがナビゲーションの設置です。サイト内での各ページヘの「ナビ」の役割を示す、リンクが設置されたナビゲーションです。サイト内のコンテンツ同士の関連性、移動の容易性は、サイトユーザーにとっては非常に重要になります。ナビゲーションやコンテンツ内部のリンクはSEOの観点からもクローラビリティ向上に貢献します
ページナビゲーション「ウェブサイトのユーザビリティ」
ウェブサイト（ホームページ）の工夫として、パンくずリスト（ブレッドクラム）というものがあります。パンくずリストはサイト内のウェブページ間の垂直方向の関係性を示すナビゲーションとしての機能があり、現在のページがホームページからの位置を示すものです。 ユーザビリティとリッチスニペット設定としてのパンくずリストの設置
パンくずリスト（ブレッドクラム）垂直方向ナビゲーション
サイトのユーザビリティとSEOを無視した場合、ホームページ制作に高額な費用をかけたとしてもほとんどの場合、Webマーケティング効果を期待することはできません。ユーザビリティとは、ホームページを閲覧するユーザーの操作性、使い勝手の良さを意味します。ホームページ制作におけるユーザビリティ向上の重要性と、ユーザビリティとSEOの関係、そしてクローラビリティとの関係を把握した上で、ホームページを設計していくことが大切です。ユーザビリティは、ウェブユーザーのためのもの、そして、クローラビリティは、ウェブサイトの情報を正確に捉えるためにやってくる検索エンジンクローラーを意識したものです。ユーザビリティやSEOを無視した場合、ウェブサイトの価値は一気に落ちます。
サイトのユーザビリティとSEOを無視した場合
ホームページ（ウェブサイト）を運営し、ブログやコラムなどの記事を一生懸命に更新してアクセスを集めても、実際の問い合わせや商品の購入に繋がらないという悩みをよく耳にします。アクセス解析を見ると、多くの人が記事を読んでくれているにもかかわらず、そこから先の「サービス詳細」や「問い合わせ」といった本当に見てほしいページへ進まずに帰ってしまっている状態です。 このよ
見てほしいページにお客様をスムーズに案内する簡単な工夫
スマートフォンサイトのユーザビリティ向上は、サイトを運営・利用においてのここ数年の緊急課題です。スマホサイトを見るにあたり、ありがちな誤操作は、「意図しないところをタップしてしまう」という点です。これは誤操作というよりも、サイト制作者の配慮不足により、ユーザが意図しないタップをしてしまうという現象になります
スマートフォンサイトのユーザビリティ リンクへの配慮
今回は、ホームページのスマホ対応とその後のホームページ運用を考えたモバイルフレンドリー設計についてお伝えします。 弊社でもホームページのスマホ対応化である「モバイルフレンドリー化サービス」を提供していますが、先日、「スマホ対応料金の見積額に変動があるのはなぜですか？」と知人から質問をいただきました。 ホームページを新規制作するときはもちろん最初からレスポンシ
ホームページのスマホ対応とその後の運用を考えた設計
ホームページ（ウェブサイト）を制作し、長期的に運用していく上で、デザインや記事の内容と同じくらい重要になるのが、利用する人にとっての使いやすさや、情報の探しやすさです。 検索エンジンから適切に評価され、事業の成果へつなげていくためには、表面的な見た目だけを整えるのではなく、土台となる情報設計がしっかりと行われている必要があります。さまざまなデバイスや通信環境
アクセシビリティ・ユーザビリティ・インフォメーションアーキテクチャ Web制作用語
ナビゲーションは、ホームページ（ウェブサイト）を訪れたユーザーが迷うことなく目的のページへ到達するための道しるべとして機能します。かつては画面上部や横にリンクを並べるだけの単純な役割として捉えられがちでしたが、現在ではスマートフォンの普及や検索エンジンアルゴリズムの進化に伴い、その重要性は飛躍的に高まっています。現代のWebマーケティングにおいては、ユーザー
ナビゲーション・リンク Web制作用語｜基本とUX・SEO設計
今回は、「より優れたモバイルフレンドリーサイトのために 画像編」と題しまして、もう一段踏み込んだモバイルフレンドリーについてお伝えしていきます。 モバイルフレンドリーとは、ウェブサイト・ホームページが、スマートフォン表示の際に、閲覧しやすいように配慮されているということを指します。このモバイルユーザーへの配慮は、検索エンジンからの評価にも影響があるため、SE
より優れたモバイルフレンドリーサイトのために 画像編
ホームページのスマホ対応にあたり、現状のホームページがモバイルフレンドリーサイトでないものから、スマホ対応サイトへと修正する際に、スマホ対応化へのカスタマイズがしにくいホームページの仕様があります。今回は、そんなホームページのスマートフォン表示最適化への変更に費用がかかるホームページの設計の特徴についてお伝えします。
スマホ対応化へのカスタマイズがしにくいホームページの仕様
WordPressで制作されたウェブサイト（ホームページ）において、WordPressテーマがモバイルフレンドリーに対応していなかったためご依頼をいただきましたテーマカスタマイズ事例・実績のご案内です。既にある程度モバイルフレンドリー化されているものの、一部分がスマートフォン表示に適していない仕様になっていたため微調整を加えた事例
テーマのモバイルフレンドリー化 WordPressカスタマイズ事例・実績
「Google Webmaster Central Blog」によると、新バージョンのモバイルフレンドリーテストツールが正式に公開されたようです（その後提供が終了しました）。 A new mobile friendly testing tool（Webmaster Central Blog） モバイルフレンドリーテストツールは、ホームページがスマートフォン表
新バージョンのモバイルフレンドリーテストツールが公開（現在は提供終了）
