ホームページ（ウェブサイト）制作において、文字や画像などの要素を画面上でどのように重ね合わせるかは、デザインの表現力を大きく左右します。この要素の前後関係（手前と奥の重なり順）を制御するためのCSSプロパティが「z-index」です。画面の上から下、左から右への平面的な配置だけでなく、奥行きを持たせた立体的なレイアウトを構築する際に、このプロパティは非常に重
ホームページ制作
ホームページ制作（ウェブサイト制作）の際に使用するCSSプロパティ「font」（font-family、font-size、font-size-adjust、font-stretch、font-style、font-variant、font-weight）についてのご説明です。 ホームページ（ウェブサイト）を制作する際、ユーザーに情報を伝えるための最も重要な
CSS｜font（family・size・size-adjust・stretch・style・variant・weight）
ホームページ（ウェブサイト）制作において、ページとページ、あるいは外部サイトとを繋ぐ役割を果たすaタグ（アンカータグ）は、ウェブという概念そのものを成立させている最も根源的な要素です。このタグを適切に記述し、サイト内の情報構造を相互にリンクでつなぎ合わせることは、ユーザーを目的のコンテンツへ迷うことなくスムーズに誘導するために非常に重要です。 同時に、aタグ
htmlタグ｜a（ アンカー・リンク）
ホームページ（ウェブサイト）制作において、文字の色を変えたり、画像の大きさを調整したりといった画面の見た目（デザイン）を制御するためには、CSS（カスケーディングスタイルシート）を使用します。このCSSの命令を、HTMLの文書内に直接書き込むために使用されるのが「style」タグです。 通常、ホームページ（ウェブサイト）の構造を作るHTMLと、デザインを作る
htmlタグ｜style（スタイル）とCSSによるスタイル指定の優先順位と運用
ホームページ（ウェブサイト）制作において、HTMLファイル内にメモや注釈を残すために使用されるソース中コメントは、制作者同士のコミュニケーションやコードの管理において非常に便利な機能です。コメントとして囲まれた部分のテキストは、ブラウザの画面上には表示されず、検索エンジンの検索結果画面にも基本的には表示されません。そのため、複雑なレイアウトの開始位置や終了位
htmlタグ｜!– — ソース中のコメント
ホームページ（ウェブサイト）制作において、複数の情報や項目を整理し、ユーザーにとって分かりやすく提示することは非常に重要です。その際に頻繁に使用されるのが、リスト（箇条書き）を作成するためのHTMLタグである「li」「ul」「ol」です。 ホームページ（ウェブサイト）上で情報を羅列する際、単に改行を繰り返して文章を並べるだけでは、構造が明確になりません。「u
htmlタグ｜li（リスト）・ul（順不同）・ol（番号順）
ホームページ制作（ウェブサイト制作）の際に使用するCSSプロパティ「counter-increment」「counter-reset」についてのご説明です。 ホームページの運用や記事の更新を続ける中で、見出しや図表などの番号を手動で入力していると、後から項目を追加したり削除したりした際に、すべての番号を振り直す手間が発生します。このような修正作業は、長期的な
CSS｜counter-increment・counter-reset CSSカウンター
ホームページ（ウェブサイト）制作において、文字の色や要素の透明度を制御することは、デザインの印象を決定づけるだけでなく、ユーザーへの情報の伝わりやすさに直結します。 かつてのCSSでは、colorプロパティには16進数（#000000など）やカラーネーム（red、blueなど）を指定し、単純にテキストに色をつけるだけの役割が主流でした。しかし、現在のモダンな
CSS｜color（カラー、文字色）とopacity（透明度）
ホームページ（ウェブサイト）のデザインにおいて、文章と画像を美しく配置することは、ユーザーの閲覧体験を向上させるために非常に重要です。その中で、画像などの要素を左や右に寄せ、その周囲にテキストを回り込ませるレイアウトを実装する際に活躍するのが、CSSプロパティの「float（フロート）」と「clear（クリア）」です。 近年ではFlexboxやCSS Gri
CSS｜float（フロート）とclear（クリア）FlexboxやCSS Gridへの移行
ホームページのアクセシビリティ向上を考える上で、音声読み上げ機能への配慮は重要なテーマです。かつてCSSには、音声ブラウザやスクリーンリーダー向けに読み上げの音量や声の高さ、発音方法などを細かく制御するためのプロパティが多数用意されていました。しかし、これらは現在では非推奨、または廃止された扱いとなっています。この記事では、過去に使用されていたこれらの音声プ
【非推奨・廃止】CSSの音声プロパティ（volume・speak・pitch等）の概要と現在の扱い
ホームページ（ウェブサイト）制作において、四角い画像や要素を円形にくり抜いたり、複雑な多角形で切り取ったりする視覚的な表現は、デザインのクオリティを大きく引き上げます。かつて、このような要素の切り取り（クリッピング）をCSSのみで実現するために利用されていたのが「clip」プロパティでした。 しかし、Web技術が進化し、より高度で柔軟な表現が求められるように
CSS｜clip・clip-path 要素の切り抜き表現と描画
フレンチ、イタリアン、エスニック等ジャンルを問わず、レストランのホームページ制作につきましても多数の実績があります。レストランの事業者様のホームページを運営される目的は様々ですが、検索エンジンでのローカル検索対策などを実施し、ウェブ上での潜在客層へとの接点をつくり、レストランへの集客や来店予約を獲得するといったことを達成
レストランのホームページ制作の概要・要点と集客戦略｜飲食店
ホームページ（ウェブサイト）制作において、特定のテキストや画像を意図的に隠したり、ユーザーの操作に合わせて表示させたりする動きは頻繁に使用されます。この「要素の表示と非表示」をコントロールするために使用される代表的なCSSプロパティが、「display（ディスプレイ）」と「visibility（ビジビリティ）」です。 これら二つのプロパティは、どちらも画面上
CSS｜display（ディスプレイ）・visibility（ビジビリティ）要素の表示と非表示
ホームページ（ウェブサイト）制作において、ユーザーからの問い合わせや資料請求を獲得するための「入力フォーム」は、事業の成果に直結する非常に重要な要素です。そのフォーム内で、都道府県の選択や、希望するサービス内容の選択など、複数の選択肢を提示する際に使用されるのが、HTMLの「select」「datalist」「option」「optgroup」といったタグで
htmlタグ｜select・datalist・option・optgroup フォームの選択肢とグループ化
ホームページ（ウェブサイト）制作において、日本語や英語などの「左から右」へ読む言語だけでなく、アラビア語やヘブライ語のような「右から左」へ読む言語を正しく表示することは、グローバルに事業を展開する上で非常に重要です。このテキストの書字方向（文字が流れる向き）を根本からコントロールするために使用されるのが、CSSプロパティの「direction」と「unico
CSS｜direction・unicode-bidi 書字方向の指定
ホームページ（ウェブサイト）制作において、マウスカーソルの形状やユーザーのクリック操作、テキストの選択動作などを適切に制御することは、使いやすいユーザーインターフェース（UI）を構築する上で非常に重要です。 かつては、要素の上にマウスを乗せたときのカーソル形状を変更する「cursor」プロパティのみが注目されがちでした。しかし、現代の多様なデバイスや複雑なレ
CSS｜cursor・pointer-events・user-select カーソル、クリック、テキスト選択のUI制御
ホームページ（ウェブサイト）制作において、ユーザーに情報を伝えるための最も基本的かつ重要なHTMLタグが「p」タグです。「p」は「paragraph（パラグラフ）」の略であり、文章のひとつの「段落」を意味します。見出しタグ（h1〜h6）でページの骨組みを作り、この「p」タグの中に本文となるテキストを記述していくのが、HTML文書の基本的な構造となります。 単
htmlタグ｜p（パラグラフ・段落）
今回は、少し初心に戻りまして、「ホームページ制作や修正の際に注意すべき記述ミス【初心者編】」についてゆったり思いついたことをお伝えしていこうと思います。 ホームページ制作・Web制作に関しても誰しもが最初は初心者ですが、初心者がゼロからホームページ制作をしたりホームページの修正を手がける場合に陥りやすいミスについて思い出しながら書いていきます。 大学生の方と
ホームページ制作や修正の際に注意すべき記述ミス【初心者編】
ホームページ（ウェブサイト）制作において、企業や店舗の連絡先情報を正しく記載することは、集客やSEOにおいて非常に重要です。その連絡先情報を検索エンジンに正確に伝えるためのHTMLタグが、addressタグです。 かつてのHTMLでは、addressタグは単に文字を斜体（イタリック）にするための装飾タグとして使われることがありました。しかし、現代のHTML標
htmlタグ｜address（アドレス）連絡先・所在地情報 活用とSEO効果
今回は、「より優れたモバイルフレンドリーサイトのために 画像編」と題しまして、もう一段踏み込んだモバイルフレンドリーについてお伝えしていきます。 モバイルフレンドリーとは、ウェブサイト・ホームページが、スマートフォン表示の際に、閲覧しやすいように配慮されているということを指します。このモバイルユーザーへの配慮は、検索エンジンからの評価にも影響があるため、SE
より優れたモバイルフレンドリーサイトのために 画像編
ホームページ（ウェブサイト）制作において、特定の画像やテキスト、あるいはレイアウト全体のサイズを拡大・縮小したい場面は数多く存在します。その際に古くから用いられてきたCSSプロパティのひとつが「zoom」です。かつてのブラウザ環境、特に古いInternet Explorerが主流だった時代において、このプロパティは要素のサイズを簡単に変更できる便利な記述とし
CSS｜zoom（ズーム）（非推奨）要素の拡大・縮小と現代の代替手法
今回は、ホームページ制作会社によって異なる「ホームページ制作費用」の違いについて考えてみたいと思います。 「なんでホームページ制作会社ごとにこんなに見積額が違うんだろう？」 「この会社ごとのホームページ制作費用の違いは一体どこから生まれるの？」 「ホームページ制作のどの部分に多くの費用がかかるのだろう？」 お問い合わせを受けてホームページ制作のご相談をしてい
ホームページ制作会社によって異なる「ホームページ制作費用」の違い
ホームページ（ウェブサイト）制作において、テキストや静止画だけでなく、音声や動画といったマルチメディアコンテンツを活用することは、ユーザーに豊かな体験を提供するために非常に重要です。かつて、Webページに動画や音声を埋め込むためには、Flashなどの外部プラグインに依存する必要があり、閲覧する端末やブラウザ環境によっては再生できないという大きな課題がありまし
htmlタグ｜audio・video・source ホームページへの動画・音声の直接埋め込みと複数ファイルの指定
居酒屋・バーのホームページ制作につきましても多数の実績があります。居酒屋・バー店舗のローカルSEO対策もお任せください。「居酒屋」、「バー」と検索した場合のウェブ検索ユーザーの現在地近くのをマップ表示、「地域名+居酒屋」で検索した場合に、検索結果に地図が表示される仕組みにおいて、上位表示されるためのホームページのSEOです
居酒屋・バーのホームページ制作の概要・要点｜飲食店
ホームページ（ウェブサイト）を構築し、システムを安定して稼働させるために、PHPなどのプログラミング言語と、MySQL、MariaDB、PostgreSQLといったデータベースは非常に重要な役割を持ちます。普段目にするWordPressをはじめとする多くのコンテンツ管理システムも、これらの技術の連携によって動いています。 PHPは、訪問者のアクセスや操作に合
PHP・MySQL/MariaDB・PostgreSQL・プラグイン Web制作用語
ホームページ（ウェブサイト）を制作し、事業の集客や情報発信を成功させるためには、論理的な構造とユーザーにとって使いやすいレイアウトの設計が非常に重要です。全体の骨組みとなるワイヤーフレームを作成する段階から、インデックスページ（トップページ）と各コンテンツページがどのような階層で結びつくかをツリー構造として整理していきます。ページ内部は、ヘッダー（メインメニ
レイアウト・サイト構造 Web制作用語｜クローラーが理解しやすい情報設計
オウンドメディアにも様々なパターンがあり、ウェブ上でのメディア構築のパターン・ジャンルパターンは概ね次のようになります。 専門メディア BtoBメディア サポートメディア コミュニティメディア スタッフブログなどのサブコンテンツ 画像・動画メディア ユーザーに合わせた複数メディア グローバルメディア
オウンドメディアパターン 基本的な類型
ホームページ（ウェブサイト）の制作や運用において、テキスト情報と同じくらい重要な役割を持つのが画像です。魅力的な写真や分かりやすい図版は、ユーザーの目を引き、事業の魅力を直感的に伝える力を持っています。こうしたWebコンテンツとしての画像を最適化し、より魅力的なものに仕上げるために用いられるのが、フォトレタッチソフトです。 フォトレタッチにおいて最も基本とな
フォトレタッチ・画像処理 Web制作用語｜トリミングからアルファ効果までの基礎
WordPressの関連のサービスの一つとして弊社でも有料WordPressテーマのインストールや設定を代行させていだだく機会があります。WordPressテーマファイルと共に、テーマに沿ったデザイン案と素材をご送付いただき、WordPress本体、テーマのインストールや各種設定、ページ生成まで対応させていただくこともあります。 近年では有料WordPres
有料WordPressテーマ購入による自社サイト運用の不足点
ホームページ（ウェブサイト）制作において、ブラウザや検索エンジンに対してページの設定情報や意味を伝えるためのmetaタグ（メタタグ）は、ユーザーの目には直接見えないものの、サイトのパフォーマンスやWebマーケティングの成果を左右する極めて重要な要素です。文字コードの指定、画面サイズの制御、検索結果に表示される説明文の定義など、ホームページ（ウェブサイト）の根
htmlタグ｜meta（メタ）・title（タイトル）
自社の事業活動や製品の魅力を発信していく方法は、デバイスの普及や情報の受け取り方の変化にともない大きく多様化しています。ひとつの媒体だけに依存するのではなく、複数のメディアを組み合わせたり、ひとつのコンテンツを複数の形に加工して再利用したりするマーケティング手法が重要になります。 事業の情報をターゲット層へ確実にお届けし、実際の集客やホームページ（ウェブサイ
クロスメディア・メディアミックス・ワンソースマルチユース Web制作用語
ホームページ（ウェブサイト）を新たに制作する際、あるいはリニューアルを検討する際、まずは自社の事業目的に合わせたホームページの種類を正しく選択することが重要です。一般的に、ホームページはその役割や目的によって、コーポレートサイト、メディアサイト、ECサイト、ポータルサイトといったいくつかの形式に分類されます。 それぞれのホームページには得意とする集客手法や、
コーポレート・メディア・EC・ポータル Web制作用語｜各種サイトの役割分担とSEO連携
ホームページ（ウェブサイト）を運営し、事業の採用活動やお問い合わせ、資料請求などの成果を獲得する上で、エントリーフォームの最適化は非常に重要です。ユーザーが情報を入力する際の負担を減らし、入力途中での離脱を防ぐためには、フォームを構成する入力部品を適切に使い分ける必要があります。 ここでは、Web制作やコンバージョン率改善の現場で基本となるエントリーフォーム
エントリーフォーム・ラジオボタン・チェックボックス・セレクトボックス・プルダウン（ドロップダウン）Web制作用語｜離脱防止策とUI設計
ホームページ（ウェブサイト）制作において、テキストだけでは伝わりにくい事業の魅力やサービスの内容を、視覚的に分かりやすくユーザーへ伝えるために画像は非常に重要な役割を持っています。この画像ファイルをページ内に表示させるために使用されるのが、HTMLの「img」タグです。 「img」タグは、他の多くのタグのように開始タグと終了タグでテキストを囲むのではなく、タ
htmlタグ｜img（イメージ・画像）
ホームページ（ウェブサイト）制作において、商品や施工事例などの写真を効果的に見せるための機能である「画像ギャラリー」「Light Box」「スライドショー（スライダー）」についてのご説明です。 ホームページ内で画像をどのように配置し、どのように動かすかは、訪問者の直帰率や滞在時間に大きく影響します。事業の魅力を的確に伝えるためにも、これらの画像表示機能を目的
画像ギャラリー・Light Box・スライドショー（スライダー）Web制作用語｜表示速度とSEOを両立する画像実装
ホームページ（ウェブサイト）制作において、ページ内の各コンテンツが「どのような意味や役割を持っているのか」を検索エンジンやブラウザに正しく伝えることは非常に重要です。かつてのHTMLでは、ページのヘッダー部分やフッター部分、あるいは記事のまとまりなどをすべて「div」タグで囲み、CSSのクラス名で役割を区別していました。しかし、HTML5の規格からは、文書の
htmlタグ｜header・footer・section・main・hgroup ページの構造化タグ
これまでホームページ（ウェブサイト）を構築する言語であるHTMLの仕様は、時代とともに大きな変化を遂げてきました。かつては文書を装飾するためのタグが多く存在していましたが、現代の標準仕様であるHTML5においては、文書の構造を示すことと、デザインを装飾することが明確に切り分けられています。 この現代の仕様に合わせた<hr>タグの役割、SEOにおけ
htmlタグ｜hr（水平線）段落レベルでのテーマの区切り
アクセス解析（ログ解析）とは、ホームページ（ウェブサイト）内に専用のトラッキングコードなどを設置し、訪問者の行動データや流入経路を計測・分析する仕組みのことです。事業におけるWeb集客を成功に導くためには、現在のホームページがどのように利用されているかを正確に把握することが重要になります。 この解析機能を導入することで、ホームページ（ウェブサイト）を訪れたユ
アクセス解析（ログ解析）Web制作用語｜事業成長につながるデータ活用の視点とサイト改善の手順
ホームページ（ウェブサイト）を通じた集客を検討する際、必ず耳にする言葉の一つに「SEM（サーチエンジンマーケティング）」があります。SEMとは、検索エンジンから自社のホームページへユーザーを誘導するためのマーケティング活動全般を指す用語であり、大きく分けて「SEO（検索エンジン最適化）」と「検索連動型広告（リスティング広告）」の二つの手法が含まれます。 しか
SEM・メタ設定 Web制作用語｜広告とSEOの融合からヒーローコンテンツを活用した集客戦略
インターネット上での情報発信が当たり前となった現在、ホームページ（ウェブサイト）におけるブログの役割は非常に大きくなっています。個人の日記として始まったブログは、今や事業の集客基盤を支える強力なツールへと進化しました。 ここでは、ブログやレンタルブログ、情報を効率的に収集・配信するRSS、そしてブログを利用した収益化の手法であるアフィリエイトやドロップシッピ
ブログ・アフィリエイト・RSS・ドロップシッピング Web制作用語｜無料ブログの集客リスクと移行戦略
UI（ユーザーインターフェース）やUX（ユーザーエクスペリエンス）は、現代のホームページ（ウェブサイト）制作において最も注視すべき概念として定着しています。かつては画面上のボタンの配置や見た目の美しさだけがUIとして語られることもありましたが、現在ではユーザーが目的を達成するための直感的な操作性や、サイト全体を通じた心地よい体験そのものが事業の成果を左右しま
UI・GUI・UX Web制作用語｜直感的な操作性から体験設計まで
Webマーケティングの観点から見ると、ページネーションはサイトの「深さ」と「広がり」を制御するコントロールタワーの役割を果たします。 多くの記事を抱えるオウンドメディアや、多数の商品を扱うECサイト（ホームページ）において、トップページやカテゴリトップから数クリックで全てのコンテンツに到達できる構造を作ることが理想です。これを「フラットなディレクトリ構造」と
ページネーションが担うSEO内部構造とクロールバジェットの最適化
静寂の中で、ふと足を止める瞬間 年の瀬の街が祝祭の光に包まれている今、もしかするとあなたは、ふとした静寂の中で、この一年を振り返っていらっしゃるかもしれません。 私たちは普段、Webの話や論理の話をしています。 けれど、今日ここでお話ししたいのは、何かを売り込むための言葉ではありません。 これは、ある一つの魂が「依存」という名の重力から抜け出し、自分自身の足
綺麗な戦略など、どこにもありませんでした 泥の中で私たちが取り戻した、静かで確かな「呼吸」の話
Google Analytics（グーグルアナリティクス）などのアクセス解析データを元にウェブサイト（ホームページ）の効果測定を行うことと、その先にあるサイト改良の必要性 ウェブサイト（ホームページ）の効果測定としてのアクセス解析データの参照と、データ分析後の改良について ウェブサイトのアクセス解析ツールの役目としては、サイトへのアクセスを計測し、分析するためのデータを収集することです。SEM、ウェブ広告、ソーシャルの活用、そのすべてが、施策と改良の繰り返しです。アクセス解析を用いてウェブサイトの効果測定をした場合は、その先に必ず「改良」を置いたほうが良いでしょう
アクセス解析データ ウェブサイトの効果測定の先
ウェブサイト・ホームページを構成するパーツである「画像」。ホームページ制作で使用するホームページ用の画像には、写真素材をはじめ、Illustratorなどで制作されたGIFボタン、PNGボタンなどがあります。 このGIFボタンなどには、テキスト（文字）が埋めこまれていることがよくあります（ボタンなのですからそれが一般的です）。もちろんボタンに限らず、掲載写真
ホームページ素材の特殊加工 画像ボタンの再作成
ホームページのスマホ対応にあたり、現状のホームページがモバイルフレンドリーサイトでないものから、スマホ対応サイトへと修正する際に、スマホ対応化へのカスタマイズがしにくいホームページの仕様があります。今回は、そんなホームページのスマートフォン表示最適化への変更に費用がかかるホームページの設計の特徴についてお伝えします。
スマホ対応化へのカスタマイズがしにくいホームページの仕様
WordPressでホームページ制作を行う場合、WordPressウィジェットなどの設定でincludeやexcludeの設定を行う場合があります。 これは、記事などを呼び出すにあたって、特定記事を除外したり、特定カテゴリのみを呼び出したりといった場合の設定になります。 こうした特定の何かを除外したりする場合でWordPressの投稿や固定ページ、または投稿
WordPressサイトの投稿・固定ページ・カテゴリー・タグのIDを確認する
ホームページ内のページ統廃合や長期間運用してきたページのリニューアルを進める際、デザインの刷新やコンテンツの整理と並行して行いたいのがソースコードの見直しです。とくに何年も前に制作されたまま手つかずになっているページには、現在のWeb標準ではすでに「廃止」や「非推奨」となっている古いCSSプロパティが残存しているケースが少なくありません。 かつてのWeb制作
CSS｜behavior・ime-mode・layout-grid・marker-offset・include-source・layer-background（廃止・非推奨）
ウェブマーケティングにおいて一般的な競合分析は不要 ウェブマーケティングにあたり、ウェブ空間において競合を分析する場合でも、競合のウェブサイト（ホームページ）をチェックする必要はありません。ライバルではなく、実際のお客さまへ向けて、どのようなコンテンツを発信すればよいのか、その点に比重をおいたほうが良いと考えています
ウェブ空間での競合分析 一般的な「競合分析」は不要
コーポレートサイトとECサイト、ネットショップでは、全体的なウェブデザインやページデザインの特性が異なります。ネットショップの最大の目的は掲載商品を販売することです。優れたデザインによって、ブランディングによる付加価値をつけるという面は極めて少なく、ユーザーに対して「伝える軸」となる面が異なります。
ネットショップにおけるウェブページデザインのポイント
今回は、ニッチな業種ほどホームページ制作においてより丹念にコンテンツを作り込む方が良いといったことをテーマにお送りしていきます。単純に競合相手の多い業種ほど、SEO対策などを含めて、コンテンツ数やWebライティングに注力することが必要になりますが、ニッチな業種の場合は、検索するユーザー層の特性も、一般ユーザーとは異なるため、SEOやコンテンツ制作にかかる費用はそれほど必要でないものの、コンテンツ自体はより丹念に作り込む必要があります。
ニッチな業種ほどホームページ制作はより丹念に 専門性とコンテンツ属性
ホームページ制作（ウェブサイト制作）において、難読漢字や専門用語にふりがな（ルビ）を振る機会があります。このふりがなを制御するHTMLタグ「ruby」「rt」「rp」「rb」についてのご説明です。年齢層の幅広いユーザーや特定の業界用語に馴染みのない方々に向けて情報発信する際、読みやすさを確保することは非常に重要です。 「ruby（ルビ）」タグは、ふりがなを振
htmlタグ｜ruby（ルビ）・rt・rp・rb ふりがなの設定
ホームページ（ウェブサイト）制作において、要素と要素の境界を明確にし、視覚的な整理を行うために「枠線」は非常に重要な役割を持っています。この枠線のデザインや太さ、色をコントロールするために使用されるのが、CSSプロパティの「border（ボーダー）」です。 「border」は、枠線の種類を指定する「border-style」（実線、点線、破線など）、枠線の太
CSS｜border（style・width・color）border-collapse・border-spacing
「ホームページのスマホ変換サービスに要注意」というタイトルで、既存ホームページをスマホ対応ホームページに変換するサービスやツールの危険性と問題点について ホームページのスマホ変換サービスが、独自ドメインでPC用のホームページを公開しながら、まったく異なるドメイン、サブドメインでコンテンツ内容の変わらないスマートフォン用ページが公開されリダイレクトされるような形になっていたことです。
ホームページのスマホ変換サービスに要注意
GPT-5によるホームページ制作やWeb集客、検索結果などへの影響についてGrokさん、Geminiさんに意見を聞いてみました。特に検索結果のこととなるとGeminiさんは熱くなります。 Grokさんは「Web集客への影響もヤバいな、ChatGPTの影響でGoogleの検索トラフィックが揺れてる」という程度の客観視、そしてGeminiさんは、GPT-5の「光
GPT-5によるホームページ制作やWeb集客、SEO・検索結果などへの影響【Grok Gemini】
ホームページ制作でどこまでリアリティを表現できるかということを考えることがあります。「ホームページの情報量」ということが話題になる場合、Webにおいては、基本的にテキストや画像の量が情報量になると思います。しかし、情報量が多くても、それが実際のユーザーが感じる情報量の多さとはイコールにはならず、また、情報を複合した「リアリティ」につながるかといえば、単純に検索エンジンのようにはいかないのが実情でしょう。ホームページ制作では、テキストデータが基本になりますが、このメリットは、コンピュータにも解読可能である点です。
ホームページ制作でどこまでリアリティを表現できるか
ホームページ制作における「SEO」は、ホームページの構造そのものや、既に出来上がったテキストに対する適切なマークアップなどになりますが、もっと根本的なSEO・SEO対策を考える場合には、テキストデータ、つまりWebライティング文章そのものを工夫する必要があります。 ホームページ制作のSEOを考える上で必要な「論理的な文章」とは、ユーザーの検索意図に応じた、文
ホームページ制作のSEOを考える上で必要な「論理的な文章」
ホームページ（ウェブサイト）を運営し、事業の売上やお問い合わせの増加を目指す上で、アクセス数を集めることと同じくらい重要な視点があります。それが、訪問したユーザーに目的とする行動を起こしてもらうための仕組みづくりです。どれだけ多くの人がホームページ（ウェブサイト）に訪れても、最終的な成果に結びつかなければ、事業の成長への貢献は限られてしまいます。単にアクセス
コンバージョン・CVR・ABテスト・CTR Web制作用語｜基本概念とコンバージョン最適化（CRO）
ホームページ（ウェブサイト）運営において、一度公開した情報を常に最新かつ正確な状態に保つことは非常に重要です。事業を取り巻く環境の変化やサービスの改定に伴い、ページ内のテキストを後から修正したり追記したりする場面は頻繁に発生します。その際、単に古い文章を消して新しい文章に書き換えるのではなく、「どこが削除され、どこが新しく追加されたのか」を明確に示すために使
htmlタグ｜ins（追加情報）・del（削除情報）・s（打ち消し線）
現在のホームページ（ウェブサイト）制作において、YouTubeの動画やGoogleマップをページ内に埋め込んで表示する場面は頻繁に発生します。このように、閲覧しているページの一部を切り取り、そこに別のHTMLドキュメント（外部ページなど）を読み込んで表示するために使用されるのが「iframe（アイフレーム：インラインフレーム）」タグです。他のコンテンツを手軽
htmlタグ｜iframe（インラインフレーム）｜frame・frameset・noframes（廃止）
ホームページ（ウェブサイト）制作において、文章内の特定の文字を斜体（イタリック）にしたり、下線（アンダーライン）を引いたりして強調する場面は頻繁に発生します。インターネットが普及し始めた当初から長らく、これらの視覚的な表現を手軽に実現するための手段として、「i」タグと「u」タグが多用されてきました。当時は、HTMLタグだけで文字の見た目を整えることが一般的で
htmlタグ｜i（イタリック）・u（アンダーライン）
新規のウェブサイト制作（ホームページ制作）のご依頼をお断りするケースについてご紹介します。ウェブサイトを作るという制作自体の実現可能性はさておき、第一にそもそも何のために作るのかという前提があります。サイト制作をただ闇雲に行えば、もしかしたら「がっかり」が待っているかもしれません。一般的なサイトにもかかわらず、ご依頼を控えていただくケースがあります。それは非常に単純ですがリターンが見込めない場合です
新規のウェブサイト制作のご依頼をお断りするケース
WordPressテーマのfooter.phpを編集してフッターをカスタマイズする方法をお伝えします。 WordPressテーマのheader.phpを編集してヘッダーをカスタマイズするのとほとんど共通していますが、今回は、WordPressカスタマイズの基本として、WordPressサイトのフッター部分の編集についてお伝えします。 一般的なWordPres
WordPressテーマのfooter.phpを編集してフッターをカスタマイズする
ホームページ（ウェブサイト）制作において、ユーザーからの問い合わせや商品の注文を受け付ける「入力フォーム」は、事業の売上や成果に直結する非常に重要な役割を持っています。この入力フォームをより使いやすく、整理された状態にするために活躍するHTMLタグが、「fieldset」と「legend」です。 「fieldset」タグは、フォーム内にある複数の入力項目（i
htmlタグ｜fieldset・legend 入力項目の整理｜keygen（廃止）
ホームページ（ウェブサイト）制作において、ページのデザインやレイアウトを構築する際、最も頻繁に使用されるHTMLタグが「div」と「span」です。これら二つのタグには、他の多くのHTMLタグ（見出しを表すhタグや、段落を表すpタグなど）とは異なる大きな特徴があります。それは、タグ自体に「特定の意味を持たない（セマンティクスを持たない）」という点です。 特定
htmlタグ｜div（汎用ブロック要素）・span（汎用インライン要素）
ホームページ（ウェブサイト）制作において、料金表や事業の比較データなど、複雑な表組みを作成する機会は数多くあります。この表組みの列を制御するHTMLタグ「colgroup」と「col」についてのご説明です。通常、表の列ごとに背景色や幅を指定する場合、一つひとつのセルに対して個別にスタイルを記述するとソースコードが肥大化し、後から修正を加える作業も非常に困難に
htmlタグ｜colgroup・col 表の列をグループ化
ホームページ（ウェブサイト）制作において、プログラミング言語のソースコードや、システムの出力結果、キーボードの入力指示などをユーザーへ正確に提示する場面があります。IT関連の事業や技術的な情報を発信するオウンドメディアでは、これらのテキストを記事内にそのまま記載することが頻繁に発生します。その際、通常の文章とは区別して、コンピューター関連の特殊なテキストであ
htmlタグ｜code・samp・kbd・var・pre｜listing（廃止）
ホームページ（ウェブサイト）制作において、ユーザーがブラウザ上で実際に目にするすべてのコンテンツを囲むbodyタグは、ページを構成するための最も土台となる要素です。HTML文書は、裏側の設定を記述するhead要素と、表側の情報を記述するbody要素という2つの大きなブロックで成り立っています。テキスト、画像、リンク、表など、ホームページ（ウェブサイト）を訪れ
htmlタグ｜body（ ボディ）文書の本体
現在のホームページ（ウェブサイト）運営において、外部の権威ある情報やデータを参照し、ユーザーに提供することは、コンテンツの説得力を高める上で非常に有効です。その際、他者の文章や著作物を自社のページ内に適切に掲載するために使用されるのが、HTMLの「blockquote」「q」「cite」といった引用タグです。 「blockquote」タグは、段落などのまとま
htmlタグ｜blockquote・q・cite（引用）
ホームページ（ウェブサイト）を制作する際、日本語や英語のように左から右へ読む言語だけで構成されている場合は、文字の方向について深く考える機会は少ないかもしれません。しかし、事業が拡大して多言語展開を見据えたり、様々な言語を使用するユーザーが自由に情報を入力できるシステムを構築したりする場面では、文字の進行方向を正確に制御する設計が重要になります。アラビア語や
htmlタグ｜bdo・bdiと文字方向（dir属性）
ホームページ（ウェブサイト）を制作する際、HTMLの構造を正しく理解し、適切なタグを使用することは非常に重要です。検索エンジンに正しくサイトの構造を伝えるSEOの観点からも、ユーザーが快適にページを閲覧できる環境を整える上でも、タグの使い分けが大きな影響を与えます。ここでは、数あるHTMLタグの中でも、リンクやパスの設定に関わる「baseタグ」と「aタグ」の
htmlタグ｜base（ベース）相対パスの基準URL指定 aタグとの違い
ホームページ（ウェブサイト）制作において、ページ内のどの部分がメインのコンテンツであり、どの部分がおまけの情報であるかを、検索エンジンやブラウザに正確に伝えることは非常に重要です。かつてのHTMLでは、これらをすべて「div」タグで囲み、クラス名だけで区別していました。しかし、HTML5以降からは文書の構造をより明確（セマンティック）にするために、「arti
htmlタグ｜article（アーティクル、記事）・aside（アサイド、補足）
ホームページ（ウェブサイト）を運営する上で、URLやSSL、リダイレクト、そしてサイトマップ、robots.txtに関する知識は、検索エンジンからの評価やユーザーの利便性を左右する非常に重要な要素です。 普段何気なく目にしているURLは、インターネット上におけるホームページの住所にあたります。これは単なる文字の羅列ではありません。セキュリティ通信（SSL）の
URL・SSL・リダイレクト・サイトマップ Web制作用語
ホームページ（ウェブサイト）制作において、文字や画像などのコンテンツを見やすく配置し、洗練された美しいデザインを構築するためには、「余白」のコントロールが非常に重要です。この余白を作り出す代表的なCSSプロパティの一つが「padding（パディング）」です。 「padding」は、特定の要素（枠線や背景を持つボックス）の「内側」に余白を設けるためのプロパティ
CSS｜padding パディング（top・bottom・left・right）内余白
ホームページ（ウェブサイト）制作において、画像を用いて直感的なナビゲーションを提供することは、ユーザーを目的のページへスムーズに誘導するために非常に重要です。通常、1つの画像に対して設定できるリンクは1つだけですが、1枚の画像の中の「複数の異なる領域」ごとに別々のリンク先を設定したい場面があります。例えば、日本地図の画像において「京都」の部分をクリックすると
htmlタグ｜map（マップ）・area（エリア）
