東京・小金井市のWEB制作会社の豆知識

「バックアップデータはないのですが、改ざんされたホームページ（WordPressを使用）を復旧できますか？」先日、お取引のある企業様よりこんなご相談をいただきました。幸いにも、データベースとダウンロードしていたファイルから復旧することができましたが、改めて バックアップの必要性 を実感する機会となりましたので、専門知識がなくてもできる、中小企業担当者向けのホームページバックアップの正しい方法をご紹介します。 なぜバックアップが必要なのか ホームページは更新作業中のミスやサーバー障害、ウイルス感染など、日常的にトラブルのリスクがあります。特に中小企業では専門のシステム担当者がいないことも多く、万が一の時に慌ててしまいがちです。 そこで大切なのが 「バックアップ」 です。バックアップとは、ホームページのデータを別の場所にコピーして保存しておくこと。普段は使わなくても、いざという時にデータを元に戻せる「保険」のようなものです。 バックアップを必要とするトラブル例 更新作業中に誤ってファイルを削除してしまった サーバー障害でデータが消えてしまった WordPressの更新後に画面が真っ白になった サイトが改ざんされてアクセスができなくなった ホームページの仕組みとバックアップの対象 バックアップを正しく取るためには、まず「何を保存すればいいか」を理解する必要があります。ホームページは主に次の2つで構成されています。 ファイルデータ（HTML・CSS・画像・PHP、JS等のプログラムファイルなど） データベース（WordPressなどの管理画面を持っているサイトの場合） 管理画面のない静的なHTMLサイトの場合はファイルデータをそのままコピーしておけばOKですが、WordPressのように投稿や設定をデータベースに保存するタイプでは、ファイル＋データベースの両方をバックアップする必要があります。 バックアップの取り方 手動でバックアップする方法（静的HTMLやワードプレス以外のCMSの場合） ワードプレスのような専用のプラグインの無いホームページの場合はFTPソフトを使用して手動でバックアップを行うことが多いです。 FTPソフトでサーバーからホームページのファイルをすべてダウンロード サーバー管理画面（例：phpMyAdmin）からデータベースをエクスポート ダウンロードしたデータを外付けHDDやクラウドストレージに保存 ポイントは、日付をつけて定期的に取ることです。例えば、「backup_2025-10-07」のように名前を付けると管理しやすくなります。 自動バックアップ（WordPressの場合） WordPressを使っている場合は、プラグインを使うことで自動化できます。 代表的なプラグイン UpdraftPlus All-in-One WP Migration WPvivid これらを設定しておくと、毎週または毎月、自動でバックアップを取り、指定したファイルに保存してくれます。自動化しておけば、担当者の手間を減らしながら確実にデータを守れます。 注意点 プラグインを使用したバックアップは効率的で便利ですが、復旧時にもプラグインが必要となります。復旧時のデータアップロードに容量制限のある場合もあるため、事前に復旧可能かをテストしておくことをお勧めします。 .htaccessでPHPのファイルアップロードサイズの上限値を変更 バックアップの管理と注意点 バックアップは取るだけでなく、安全に保管・管理することが大切です。 保存先は 2ヶ所以上にする（クラウド＋外付けHDDなど） サーバーと同じ場所に置かない（障害時に同時に失うリスク） ファイル名や日付を明確にして整理 一度は復元テストを実施して、きちんと戻せるか確認 「バックアップを取ったけれど戻せなかった」では意味がありません。テスト環境などの用意があれば、事前にテストしておくと安心です。 まとめ ホームページは、会社の顔であり、貴重な情報資産です。万が一のトラブルに備えて、日頃からバックアップを取る習慣をつけておきましょう。

ホームページは持っているのだけれど、リニューアルのタイミングが良くわからない…。そんな相談をよく受けます。実際、ホームページは壊れない限り「使えてしまう」ため、リニューアルのタイミングを判断しづらいものです。しかし、見た目は問題なくても、内容や仕組みが今のビジネスに合っていないことでお問い合わせを逃しているケースもあります。この記事では、リニューアルの判断基準と、成功のポイントをわかりやすく解説します。 ホームページのリニューアルを検討すべき目的と判断の目安 ホームページを作り直す目的は、単に「デザインを新しくする」ことではありません。リニューアルの本来の目的は、今のビジネス（状況）に合った形で運用することにあります。 次の項目に当てはまる場合は、リニューアルや部分改修の検討タイミングです。3つ以上当てはまる場合は、対応を検討しましょう。 リニューアルを必要とする主なタイミング デザインの老朽化：古い印象やスマホ非対応で信頼感を損ねている 内容のズレ：掲載している情報が現在の事業内容と合っていない 集客力の低下：アクセス数や問い合わせが減っている 運用が困難になっている：更新が難しく、社内で管理できていない 技術・セキュリティ面の問題：SSL未対応や古いシステムのままで危険 特に、スマホ非対応やSSL未対応は信頼性に関わります。「見た目が古い」だけでなく、「仕組みが時代に合っていない」状態が続くのは避けたいところです。 部分改修・機能追加で対応できるケース ホームページのリニューアルと聞くと全体を作り直すイメージをされることも多いですが、必ずしもホームページ全体を作り直す必要はありません。課題に応じて部分的に改善することで、コストを抑えつつ効果を出すことが可能です。 特に「デザインは悪くないけれど、更新しづらい・機能が足りない」という場合には部分改修が有効です。 状況対応方法内容サービス内容・ターゲットが変わったリニューアル構成や導線の再設計が必要デザインが古いが内容は現状維持リニューアルトップページ・ビジュアル刷新部分的なデザイン変更をしたい部分改修写真やフォントの見直し、スマホ表示の調整のみ行うコンテンツの追加・更新が必要になった部分改修追加ページの新設、事業の変化に合わせたページの見直し・最新化機能を追加したい・更新しやすくしたい機能追加CMS化、フォーム追加などセキュリティ・速度に問題がある技術的メンテナンスサーバー移行・システム更新 成功するリニューアル・改修のポイント 一言で言うと、「目的を見失わない」ことが最重要です。リニューアルと聞くと、どうしても「デザインを新しくすること」に目が行きがちですが、リニューアルの本来の目的は成果につながる情報発信や使いやすさの改善です。デザインだけを変えても、問い合わせが増えない、サービス内容が正しく伝わらない、といったケースは少なくありません。 リニューアルや部分改修を効果的に進めるには、以下のポイントを押さえることも重要です。 改善したい課題を明確にする アクセス解析で人気ページ・離脱ページを確認 問い合わせや資料請求の履歴を分析 「感覚」ではなく数字で課題を特定 リニューアル・改修の方針を明確にする デザインは目的に沿って最適化 年代・業種・利用デバイスなどターゲット層を再確認 「誰に」「何を伝えるか」を明確化（ゴールの設定） 部分改修でも対象ページや機能がターゲットに合っているかをチェック ページ構成や情報の優先順位を見直す まとめ：リニューアルも改修も「成長の節目」 リニューアルは「壊して作り直す」作業ではなく、「成長に合わせて整える」タイミングです。そして、必ずしも全体を作り直す必要はありません。 目安としては制作から3〜5年周期で見直されることが多いようですが、自社の課題に応じて、部分改修や機能追加で柔軟に対応することが重要です。 自社の現状を見直すきっかけとして、リニューアルや部分改修を「事業成長のためのメンテナンス」と捉えてみてはいかがでしょうか。

ページのアクセス数はgoogleアナリティクスでも確認は出来るのですが、ワードプレスの管理画面からも簡易的に人気記事を確認できたり、ページに閲覧数を表示して、より興味を示してもらえるようにと閲覧数（総合値）を取得できるようにした方法をメモ functions.php（PHP） // 閲覧数を取得 function get_post_views($postID){ $count_key = 'post_views_count'; $count = get_post_meta($postID, $count_key, true); if($count == ''){ delete_post_meta($postID, $count_key); add_post_meta($postID, $count_key, '0'); return "0"; } return $count; } // 閲覧数をカウント function set_post_views($postID){ $count_key = 'post_views_count'; $count = get_post_meta($postID, $count_key, true); if($count == ''){ $count = 0; delete_post_meta($postID, $count_key); add_post_meta($postID, $count_key, '0'); }else{ $count++; update_post_meta($postID, $count_key, $count); } } // REST APIやボットによるリクエストを無視 function is_real_user(){ return !(is_admin() || wp_doing_ajax() || strpos($_SERVER['HTTP_USER_AGENT'], 'bot') !== false); } // 閲覧数を投稿閲覧時にカウント（singleページ） function count_post_views(){ if(is_single() && is_real_user()){ global $post; set_post_views($post->ID); } } add_action('wp_head', 'count_post_views'); // カラムの追加 function add_views_column($columns) { $columns['post_views'] = '閲覧数'; return $columns; } add_filter('manage_posts_columns', 'add_views_column'); // カラムに表示する内容 function display_views_column($column_name, $post_id) { if($column_name === 'post_views'){ echo get_post_views($post_id); } } add_action('manage_posts_custom_column', 'display_views_column', 10, 2); // 閲覧数カラムをソート対象に追加 function post_views_sortable_column($columns) { $columns['post_views'] = 'post_views'; return $columns; } add_filter('manage_edit-post_sortable_columns', 'post_views_sortable_column'); // ソート実行のためのクエリ調整 function post_views_orderby($query) { if (!is_admin()) return; $orderby = $query->get('orderby'); if ('post_views' == $orderby) { $query->set('meta_key', 'post_views_count'); $query->set('orderby', 'meta_value_num'); } } add_action('pre_get_posts', 'post_views_orderby'); single.php（PHP） <p><?php echo get_post_views(get_the_ID()); ?> 回閲覧されました</p> 閲覧数を登録するメタキーに「post_views_count」を作成。今回は投稿ページを対象とするため「single.php」にアクセスがあった際にカウント処理が動くようになっています。他のページ（カスタム投稿「○○」等）に使用する際はカウント処理「count_post_views」と各管理画面側の項目をそれぞれ変更します。 functions.php（PHP） // 閲覧数を投稿閲覧時にカウント function count_post_views(){ if ( is_singular(['post','○○']) && is_real_front_user() ) { set_post_views( get_queried_object_id() ); } } add_action('wp_head', 'count_post_views'); // カラムの追加 function add_views_column($columns) { $columns['post_views'] = '閲覧数'; return $columns; } add_filter('manage_posts_columns', 'add_views_column'); add_filter('manage_○○_posts_columns', 'add_views_column'); // カラムに表示する内容 function display_views_column($column_name, $post_id) { if($column_name === 'post_views'){ echo get_post_views($post_id); } } add_action('manage_posts_custom_column', 'display_views_column', 10, 2); add_action('manage_○○_posts_custom_column', 'show_views_column', 10, 2); // 閲覧数カラムをソート対象に追加 function post_views_sortable_column($columns) { $columns['post_views'] = 'post_views'; return $columns; } add_filter('manage_edit-post_sortable_columns', 'post_views_sortable_column'); add_filter('manage_edit-○○_sortable_columns', 'post_views_sortable_column'); // ソート実行のためのクエリ調整 function post_views_orderby($query) { if (!is_admin() || !$query->is_main_query()) return; if ($query->get('orderby') === 'post_views') { $query->set('meta_key', 'post_views_count'); $query->set('orderby', 'meta_value_num'); } } add_action('pre_get_posts', 'post_views_orderby');

ホームページを作る、または運営していく上で「競合他社が何をしているか」を知ることは重要です。どんなコンテンツが含まれているのか、どんなキーワードで集客しているのかを知れば、自社サイトの改善や差別化ポイントが見えてきます。ここでは、特別なスキルがなくても実践できる「ホームページ競合分析」の進め方を5つのステップで解説します。 競合企業を特定する まずは、自社と同じサービス・地域で活動している競合他社をリストアップします。検索エンジンを使用して、キーワードを入力し、検索結果の上位10位以内に入るものを5件から10件程度ピックアップしていきます。 直接競合：同じ商品やサービスを提供している会社 間接競合：同じ顧客の悩みを解決する商品やサービスを提供している会社 競合のホームページを分析する ピックアップした競合サイトを確認し、以下のようなポイントで調査内容を整理します。 調査ポイント内容トップページのページタイトルホームページのタイトルCTAお問い合わせや資料請求など、行動喚起ボタンの種類キャチコピーサービスをどのような表現しているか提供している商品・サービス商品・サービスの強みや特徴、差別化されている点、価格、種類などデザインの印象色味や雰囲気、ブランドイメージなどページの構成サイト内に含まれているコンテンツその他気になる点参考にできるポイント　など SNSやレビューサイトも確認する 競合他社がSNSを利用しているようであれば、どのように情報発信しているかも重要です。SNSやレビューサイトを確認してみましょう。 フォロワー数やいいね数、コメントの反応 投稿内容や更新頻度 顧客からの評価やレビューの傾向 これにより、競合が顧客にどんな価値を提供しているかを把握できます。 自社にある点・ない点を整理・比較して戦略を考える 競合のホームページやSNS、レビューから得た情報をもとに、自社と比較して施策している点（ある点）・していない点（ない点）を整理し、その内容をもとに自社戦略を考えます。 項目内容自社にある点自社のみが行っている部分、自社が提供できる価値・強み自社にない点競合が提供していて自社にはないもの、改善や導入を検討すべき部分 戦略例 競合が提供しているが自社にはないものを新たに導入できるか 自社にある点をさらに強化して差別化できるか 市場で自社の強みをどのように表現するか 戦略を考えるうえで気を注意したいのは、サービスの差別化を目的にし過ぎて、少数派の需要（弱いニーズ）を満たしてしまうこと。競合他社とサービスを比較する場合、多くの方がほとんど使わないであろう機能やオプションを加えて価格を据え置きにするよりは、その分をコストダウンする方が好まれます。 競合分析は「他社を知る」だけでなく、自社の成長戦略を具体的に考える材料になります 競合分析は「他社を知る」だけでなく、自社の成長戦略を考えるための大切なステップです。初心者でも、今回紹介したステップを順番に実践すれば、確実に自社の強みや改善点を見つけることができます。ぜひ、定期的に分析を行い、ホームページやビジネスの成果に繋げていきましょう。

ホームページでのお悩みをお伺いする際に「どうやってお客さんを集めればいいですか？」と集客方法について質問されることがあります。ホームぺージは作って終わりでなく、作ったサイトにお客さんを集客できて初めて成果に繋がります。この記事では、営業用のリストがない状態でもホームページ（実店舗でも可）に見込み客を呼び込むための基本的な方法と考え方を紹介します。 集客の基本は「4つの主軸」 集客を成功させるには、まず「何を主軸にターゲットを定めるか」を決めることが大切です。ここでは、顧客リストがなくても今日から実践できる 4つの基本軸 を押さえることで、誰に・どのような方法でアプローチをするのかが一気に明確になります。 キーワードを主軸に集客する ユーザーが検索エンジンや各種情報系サイトに入力する言葉（検索語）を軸として、コンテンツや広告を設計し、見込み客を呼び込む方法。 具体的な方法 ブログ（SEO）「○○　使い方」「○○　比較」等、検索されるキーワードを調べ、その内容に関連する記事を作成してホームぺージの上位表示を狙う。 リスティング広告（検索連動型）ユーザーが「△△　通販」などで検索した瞬間に広告を表示し、クリックを誘導する。 YouTube「○○ 初心者」「○○ 使い方」といった検索語をタイトルやタグに入れて露出を増やす。 年齢・性別を主軸に集客する 自社の商品・サービスを「どの世代に最も響くか」を起点に、広告媒体・メッセージ・デザイン・タイミングを組み立てる考え方です。ターゲットを“年齢”で切り分けることで、ライフスタイルや価値観が似通った人たちに絞ってアプローチできます。 具体的な方法 SNS商品やサービスのアピールに終始せず、お約立ち情報や共感できるコメントの投稿を心がける。また、フォロワー数の増加を目的とした施策も本来も目的から外れるため控える。 主要SNS別 利用者層（目安） サービス主な年代層特徴・補足LINE10〜60代まで幅広い日本国内で最も利用率が高く、連絡ツールとして必須。公式アカウント配信やLINE広告向き。X（旧Twitter）20〜40代中心拡散力が高く、リアルタイム情報やニュース性が強い。Instagram10〜30代女性が中心ビジュアル訴求が得意。ファッション・美容・ライフスタイル系に強い。Facebook30〜50代ビジネス利用が多い。実名制を活かしたBtoBや地域コミュニティに有効。TikTok10〜20代前半若年層中心。短尺動画で拡散力大。 地域（時間帯）を主軸に集客する 特定のエリアや商圏を起点に、広告や販促の戦略を組み立てる考え方です。「どこに住む人を集めたいか」をまず決め、その地域に合わせて媒体・メッセージ・時間・サービス内容を最適化します。 具体的な方法 ポスティング、街頭配布街頭配布は「人が集まる場所・時間」で効果が変わる。 業種（業界）を主軸に集客する 自身の「業界・職種・業務領域」に対して興味を持っている方を軸として、メッセージ・媒体・企画を最適化して集客する考え方です。BtoB（企業向け）ビジネスでは特に重要で、「相手の業界特有の課題や習慣」を深く理解したうえでアプローチするのがポイントになります。 展示会への出展どの業界に興味のある方が来場するかを踏まえて内容やブースを設計。 まずは小さくテストし、データをもとに改善することが大切 顧客リストがなくても、キーワード・年齢や性別・地域（時間帯）・業種という4つの基本軸をしっかり決めれば集客は始められます。さらにライフステージや興味関心、季節などの補助的な視点を組み合わせることで、狙いたい層へより的確に届けられます。まずは小さくテストし、データをもとに改善を重ねることで、集客と同時に顧客リストも自然に育っていきます。

ワードプレスの投稿画面で表を作成する場合、表（テーブル）用のブロックを使用しているのだけれど、項目の多いものになると打ち込みが大変なうえに、打ち間違いも増えるので、オリジナル投稿ブロックを作成してCSVファイルから自動生成できるようにした方法をメモ original-blocks.js (function (blocks, editor, element, blockEditor){ var RichText = editor.RichText; var { InnerBlocks } = blockEditor; //CSVファイル展開 blocks.registerBlockType('sample/csv-viewer', { title: 'CSVファイル展開', icon: 'media-spreadsheet', category: 'common', edit: function(props){ return element.createElement('div', {className: 'post_csvviewer'}, [ element.createElement('div',　{className: 'post_csvviewer__container' }, [ ] ), element.createElement('div',　{className: 'post_csvviewer__input' }, [ element.createElement( InnerBlocks, { template: [ ['core/file', {className: ''}], ] } ), ] ), ] ) }, save: function(props){ return element.createElement('div', {className: 'post_csvviewer'}, [ element.createElement('div',　{className: 'post_csvviewer__container' }, [ ] ), element.createElement('div',　{className: 'post_csvviewer__input' }, [ element.createElement( InnerBlocks.Content, {} ), ] ), ] ); }, }); }( window.wp.blocks, window.wp.editor, window.wp.element, window.wp.blockEditor ) ); original-blocks.css .post_csvviewer { display: flex; padding: 20px; border: 1px solid #ddd; } .post_csvviewer .post_csvviewer__container::before { content: "読み込みファイル"; } .post_csvviewer .post_csvviewer__input .wp-block { margin: 0 0 0 20px; } .post_csvviewer .post_csvviewer__input .wp-block-file__button-richtext-wrapper { display: none; } ファイル（メディア）の登録はコアブロック（デフォルトで用意されているもの）を使用登録画面では表の生成は行わず、使用しているファイルをそのまま表示。編集画面に不要なボタン（ダウンロードボタン）が表示されるのでCSSで調整を行っています。 詳しい投稿ブロックの作成方法は前回のブログで確認いただけます WordPress（ワードプレス）のグーテンベルクにオリジナル投稿ブロックを設置する javascript（jQuery） async function loadCSV(url) { try { const response = await fetch(url); // Shift-JIS → UTF-8 に変換 const arrayBuffer = await response.arrayBuffer(); const decoder = new TextDecoder('shift-jis'); const text = decoder.decode(arrayBuffer); const rows = text.split('').map(row => row.split(',')); return rows; } catch (err) { console.error(err); return []; } } function renderTable(data, $i) { var $table = $('<table>'); data.forEach(row => { // row の中で空文字以外があるか確認 var hasContent = row.some(cell => cell.trim() !== ''); if (!hasContent) { return; // 空行ならスキップ } var $tr = $('<tr>'); row.forEach(cell => { var $td = $('<td>').text(cell); $tr.append($td); }); $table.append($tr); }); $('.post_csvviewer__container').eq($i).append($table); } $(function(){ if($('.post_csvviewer__container').length){ $('.post_csvviewer__input').hide(); var count = $('.post_csvviewer__container').length; var csvUrl = []; var urlPath = [] for(let i = 0; i < count; i++){ //読み込みファイルの取得 csvUrl[i] = $('.post_csvviewer__input').eq(i).find('a').eq(0).attr('href'); //表示ページのプロトコル（http or https）に差し替える var currentOrigin = window.location.protocol + '//' + window.location.host; urlPath[i] = csvUrl[i].replace(/^https?:\/\/[^/]+/, ''); csvUrl[i] = currentOrigin + urlPath[i]; loadCSV(csvUrl[i]).then(data => { renderTable(data, i); }); } } }); 表示側のjavascriptで対象ファイルを読み込み、表示ページのプロトコル（http or https）に差し替えてから「post_csvviewer__container」の箇所に表を自動生成して表示。 ループ処理を使用しているためページ内に複数のCSVファイルが存在していても上書きされることなく表示が可能。ファイル名の表示されている部分はまとめて非表示にしています。 また、CSVファイルの生成は「Shift-JIS」を使用されることが多いため、「Shift-JIS」から「UTF-8」への変換を行っていますが、必要ない場合（もともとUTF-8の場合）は下記を参照 javascript（jQuery） async function loadCSV(url) { try { const response = await fetch(url); const text = await response.text(); // デフォルトでUTF-8として読み込み const rows = text.split('').map(row => row.split(',')); return rows; } catch (err) { console.error(err); return []; } } 「投稿ページ用」とは書きましたが「固定ページ」でも使用が可能。表の差し換えもCSVファイルを入れ替えるだけで可能になるので、定期的に報告書などを掲載している方には便利です。※カラムを結合している複雑な表には対応していません

弊社でもデザイン案を提出した際に「デザインに詳しくないので、どのように判断しているんですか」と質問されることがあります。見た目の好みだけでデザインを選んでしまうと、ターゲットに合わなかったり、デザインの目的に沿わず、伝えたい情報やメッセージが十分に伝わらなかったりすることがあります。この記事では、初心者でも迷わずデザインを選べるように、選考のポイントと判断基準をわかりやすく解説します。 デザインを選ぶ前に知っておきたいこと デザインは単なる装飾ではなく、目的を達成するための手段です。デザインを選ぶ前には、何となく見た目で選ぶのではなく、全体の方向性を理解しておくことが大切です。事前に必要な要素を整理しておくことで、選ぶ際の判断基準が明確になり、迷わず評価できるようになります。 ターゲットを明確にする 誰に向けてデザインするのかを具体的にイメージすることが重要です。年齢層や性別、職業、趣味、価値観などを具体的にイメージすることで、どのようなデザインが伝わりやすいのかを判断しやすくなります。 デザインの目的を理解する デザインを通して達成したい目的は何なのかを確認します。例えば、商品を購入してもらう、ブランドの信頼感を高める、新しいサービスを知ってもらう、といった目的を明確にすることで、デザインに必要な要素（文章、画像）や評価基準が定まります。 デザインのテーマ（コンセプト）から考える ターゲットと目的をもとに、デザインの表現方法や方向性を決めるのがテーマ（コンセプト）です。テーマを理解することで、色使いやフォント、レイアウト、全体の雰囲気など、具体的なデザインを目的に沿って選べるようになります。例えば、「アールヌーボー調の高級感」や「絵本のような親しみやすく温かみのあるデザイン」など、テーマがはっきりしているとデザイン選びがブレません。 尚、「高級感」や「誠実さ」「親しみやすさ」というだけではテイストとしては良いのですが、イメージから連想できるものが個人で異なると判断がずれるため、共通認識を持てる程度まで具体的な方が良いです。 ブランドカラーやブランドイメージを意識する 既存のブランドが持つ色や雰囲気もデザイン選びの重要な要素です。ブランドカラーやロゴのトーン、全体のイメージに合ったデザインを選ぶことで、統一感を保ちつつターゲットへの訴求力を高めることができます。 使用する媒体や環境を考慮する デザインが使われる媒体によって適切な表現は変わります。Webサイト、SNS、印刷物では見え方やサイズ感が異なり、スマホやパソコンなどの表示環境も考慮する必要があります。 デザイン選考の基本的な基準とチェックリスト 評価軸チェック項目視覚的印象・色の組み合わせが調和しているか・フォントの種類やサイズが適切か・余白やレイアウトのバランスが整っているか・画像やアイコンがデザインに合っているか分かりやすさ・重要な情報が目立つか・文字や文章が読みやすいか・情報の順序や構造が整理されているか・アイコンや図の意味が直感的に分かるかターゲットへの訴求力・ターゲットの興味や価値観に合っているか・ターゲットが共感できる雰囲気になっているか・メッセージや情報がターゲットに伝わるか統一感・ブランド適合・ブランドカラーやロゴに沿っているか・デザイン全体のトーンや雰囲気が統一されているか・他のデザインや既存素材との整合性があるか実用性・Web表示や印刷で問題がないか・フォントサイズや文字色が可読性に優れているか・ファイル形式や解像度が使用環境に適しているか ターゲットに響くデザインで目的達成を目指す デザインを選ぶときは、まずターゲット、目的、テーマ、ブランド、使用環境を理解することが大切です。そのうえで、視覚的印象、分かりやすさ、ターゲットへの訴求力、統一感、実用性の5つの軸で評価すれば、初心者でも自信を持ってデザインを判断できます。 実際にデザイン案を提出した際に、「自身の好みではないけれど、ターゲットにはマッチしているのでこのまま進めてください」と言われたことがあります。これはまさに、個人の好みではなくターゲットに合ったデザインを選ぶことを優先した例です。デザインは見た目の好き嫌いだけで決めるものではなく、誰に何を伝えたいか、どのように伝えるかを意識して選ぶことが成功のポイントです。 余談：ターゲットの声を取り入れる重要性 広告担当の方から聞いた話ですが、30代・40代の男性が20代女性向けにアイデアを考えたところ、同世代の男性には好評でも、実際のターゲット層には響かなかったそうです。実際のターゲットに近い人の意見を聞いたり、一緒に考えてもらったりすることも、効果的でズレのないデザインやアイデアを選定する上で必要な要素となりそうです。

「ホームページ制作」と聞くと、「企業サイト」や「採用サイト」のみを取り扱っていると思われることも多いのですが、実際にはそれ以上の幅広いサービスに対応している制作会社が多くあります。当社でも、一般的な企業用ホームページの制作にとどまらず、ビジネス課題を解決するための多様なWebサービスに対応しています。この記事では、具体的にどのようなサービスが含まれるのか、をご紹介します。 ホームページ制作だけではない理由 ホームページ制作というと、デザインやコーディングを行い、複数のページをWEB上に公開することと思われがちですが、実際には「ホームページそのもの」を商品として提供しているのではありません。私たちが提供しているのは、ホームページを通じて企業様の成長や課題解決を支援する「伴走型の支援サービス」です。 そのため、制作の過程で培われた技術やノウハウを応用することで、企業様の目的やビジネス課題に合わせ、集客・販売・業務効率化などを総合的にサポートできる仕組みを構築することが可能です。ホームページ制作とは、単なるWEBサイト公開にとどまらず、企業活動を支える包括的な支援の一部なのです。 具体的な制作事例 当社では、以下のような制作物の対応実績があります。 ランディングページの制作 商品やサービスの魅力を効果的に伝える縦長1ページの特設ページの制作。キャンペーンやプロモーションにも活用できます。 ECサイト（ショッピングサイト）の制作 インターネットを通じて商品を販売できるショップサイトの制作。決済機能や在庫管理も組み込まれており、販売データを分析してマーケティングに活かすことも可能です。shopifyやカラーミーショップ、メイクショップ、ECキューブなどを使用したものが有名です。 プラットフォームの制作 会員制サイトやマッチングサイトなど、複数のユーザーがやり取りできる仕組みを作成。ビジネスモデルに合わせた柔軟な対応が可能です。 各種オンラインの業務システムの作成 投票システム、顧客管理システム、出勤管理システム、代理店管理システムなど、Webを通じて業務効率化を図るシステムの構築。社外には公開さることはありませんし、前述するWEBサービスとは用途も異なりますが、特定の用途においては、一般的なホームページ以上の価値を提供します。 各種クリエイティブの制作 ホームページに必要なバナーやアイキャッチ画像、広告用素材なども制作可能で、ホームページと統一感のあるデザインでブランドイメージを保ちます。 なぜ「ホームページ制作」と表現するのか 実際に多くのサービスを行っていても、何気ない会話の中で、全ての内容を説明をすることはできません。そんな中で「ホームページ制作」という表現は、多くの人にとって、直感的にイメージがしやすいという事と、自社で行っている主力なサービスだからだと思われます。 まとめ 「ホームページ制作」は、単なるサイト作成ではなく、Webを活用したビジネス課題解決全般の入口だと考えるとイメージしやすいかもしれません。依頼の際には、制作対応が可能な範囲や追加サービスの有無を確認することで、より効果的なWeb活用が可能になります。

迷惑メールが増えてきたので、メールフォームに「reCAPTCHA v3」を設置したいとの相談を受けた際にPHPを使用して実装した手順をメモ。 Google「reCAPTCHA v3」に登録 まずはGoogle reCAPTCHAのサイト情報の登録画面にアクセスし、必要情報を入力。送信ボタンを押した後に表示される「サイトキー」と「シークレットキー」を取得します。※登録にはgoogleアカウントが必要です。 入力項目入力内容ラベル管理用の任意の文字列を入力reCAPTCHAタイプ｢スコアベース(v3)｣を選択ドメインreCAPTCHA v3を使うサイトのドメインを入力 Google reCAPTCHAのサイト情報の登録画面 Google reCAPTCHA v3をサイトに設置 メールフォームの設置されてるページに「reCAPTCHA v3」用のjavascriptとinputタグを設置します。 HTML <script src="https://www.google.com/recaptcha/api.js?render=サイトキー"></script> <script> grecaptcha.ready(function () { grecaptcha.execute('サイトキー', { action: 'submit' }).then(function (token) { document.getElementById('recaptcha_response').value = token; }); }); </script> <form action="sendmail.php" method="post"> <!-- reCAPTCHA v3 用タグ --> <input type="hidden" name="recaptcha_response" id="recaptcha_response"> <!-- reCAPTCHA v3 用タグ --> <dl> <dt>お名前</dt> <dd><input type="text" name="name"></dd> <dt>メールアドレス</dt> <dd><input type="text" name="email"></dd> <dt>電話番号</dt> <dd><input type="text" name="tel"></dd> <dt>お問い合わせの内容</dt> <dd> <textarea name="content"></textarea></dd> </dl> <div><input type="submit" name="submit" value="入力内容を確認する"></div> </form> PHP（sendmail.php） if(!empty($_POST['submit'])){ $secret_key = 'シークレットキー'; if(isset($_POST['recaptcha_response'])) { $token = $_POST['recaptcha_response']; }else{ $token = ''; } $remote_ip = $_SERVER['REMOTE_ADDR']; // トークンをGoogleに検証依頼 $response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret={$secret_key}&response={$token}&remoteip={$remote_ip}"); $result = json_decode($response, true); // スコアのしきい値（例：0.5以上で人間と判断） if ($result["success"] && $result["score"] >= 0.5) { // 通過処理 ここにメール送信処理などを記述 } else { // botまたは不正なアクセスと判断 停止処理などを記述 } } 「reCAPTCHA v3」を利用する際の注意事項 「reCAPTCHA v3」の利用には費用が必要となります。月間1万アクセスまでであれば無料で利用ができますが、以降は利用した量に応じて費用が請求されます。多くの中小企業サイトであれば無料枠内で問題なく運用は可能かと思いますが、運用してみたら想定外の費用が必要になった、という事のないよう、アクセス解析等を確認しながら、どの程度の費用が必要となるかを事前に確認しておくのが良いです。 ワードプレスを使用している場合はプラグインを使うことでより簡単に実装ができるようです。 Google reCAPTCHA v3認証の導入方法 – 2025年度版

ホームページを制作される目的として多いのは、自社で取り扱っているサービス（製品）へのお申し込みではないでしょうか。弊社のホームページでも興味を持っていただいた方に素早くお問い合わせいただけるよう、CTA（行動喚起）ボタンの作り方には試行錯誤を重ねており、それに伴ってお問い合わせ率（CVR）も上昇してきましたので、実際に行ったことを含め説明していきます。 CTA（行動喚起）ボタンとは CTAとは「Call To Action（コールトゥアクション）」の略で、ホームページ上でユーザーに「問い合わせ」「申し込み」「資料請求」など具体的な行動を促すボタンやリンクのことです。 世界には素敵なホームページが多く存在しますが、ホームページ内で何をしてほしいのかがユーザー伝わらなければ成果（売上）は出ません。 このボタンがわかり易く設置されているだけで、お問い合わせの数が変わってくるため、ホームページの成果を左右する “超重要なポイント” として考えられています。 具体的なCTA実践例＋理由を解説！ ユーザーの目線を意識した配置 お問い合わせボタンを最上部（ヘッダー部分）に設置しているところは多く見かけますが、それだけでは不十分です。人は上から下にページを読み進めるため、最初に行動したい人とじっくり見て納得した人の両方に合わせたボタンの配置が必要です。また、スクロールしてもボタンが見えると、いつでも行動しやすくなります。 ファーストビュー（ページ最上部）に大きなCTAボタンを置く ページ下部にももう1つCTAを設置する サービス紹介や料金説明の後など、要所に設置する スマホでは画面下部に固定表示すると押しやすい 周囲に埋もれない色やデザイン CTAボタンもホームページの雰囲気に合わせて作りたいところですが、CTAボタンが周囲に埋もれてしまっては意味がありません。ユーザーに見落とされてしまわないよう、色や形、サイズなど、デザイン的な工夫が必要です。 暖色系（赤・オレンジ・黄色）の色は目を引く 文字は白や黒でコントラストを強く サイズはスマホでも指で押しやすい大きさに ボタン周囲に十分な余白をとる 押したくなる文言を使う 具体的でわかりやすい文言は「行動後に得られるもの」をイメージさせやすく、ユーザーがクリックしやすくなります。「送信」「クリック」などの抽象的な表現はもちろん、「お問い合わせ」や「資料請求」などの名刺で終わる文言ではなく「○○に問い合わせる」「資料請求する」などの動作に直結する文言を選びましょう。「する」という動詞が入っていることで、行動イメージが湧きやすく、心理的に背中を押されやすくなります。 また、「今すぐ」「30秒で」といった文言を加えて、ユーザーにすぐに行動するよう促す手法もよく使われています。 無料で相談する 30秒で登録する 今すぐ資料請求する 数字を入れて信頼感をプラス バンドワゴン効果（多くの人が支持しているものに対して、さらに支持が集まる現象）からもわかるように、人は多くの人が利用しているサービスや商品に対して安心感を持ちやすい傾向があります。 「現在○○人が利用中」など、実際にどの程度の人が利用しているのかを数値として示すことで、その安心感や信頼度がさらに高まり、行動を後押しします。 ただし、数字は必ず正確なものであることが重要で、誇張や偽りがあると逆に信頼を失います。 先月は70件のご相談をいただきました 累計1,200件以上の実績 現在10名の方が資料請求中 ボタンに軽い動き（アニメーション）をつける 動く要素は人の視線を集めやすいため、軽いアニメーションは「押したくなる」心理を刺激します。大きさや色を変化させたり、軽く動かすことで、ユーザーは「ここを押せばいいんだ」と直感的に理解しやすくなります。しかし、動きが激しすぎると逆にストレスになるため、控えめかつスムーズな演出が望ましいです。 少し拡大（1.1倍程度） ゆっくりフェードイン 軽い上下のバウンド（2px程度） 控えめな点滅 まとめ：適切なCTAを見つけてお問い合わせ数を上げましょう CTAはホームページの成果を左右する超重要パーツです。具体的な理由を理解して効果的に設置すれば、ユーザーの行動を自然に後押しできます。ぜひこの記事を参考に、あなたのホームページで実践してみてください！ 株式会社衆サイトの運用実績

ホームページ制作やWordPress運用をしていると、画像やPDFなどのファイル名に「日本語」を目にする機会があります。たとえば、「会社案内.pdf」や「商品名①.jpg」のような名前です。普段は問題なく見えても、サーバー移転などのタイミングで大きなトラブルを引き起こす可能性があります。今回は、弊社がWordPressのサーバー移転時に経験した実際のトラブルをもとに、なぜ日本語ファイル名は非推奨とされているのかを初心者向けにわかりやすく解説します。 日本語ファイル名はなぜよく使われるの？ まず大前提として、日本語ファイル名は日常業務でよく使われています。 WindowsやMacでは「会社案内.pdf」などの日本語名のファイルが問題なく扱えます。 社内資料や共有フォルダでは、内容が一目でわかって便利です。 WordPressでも日本語名のまま画像やPDFをアップロードできますし、URL（スラグ）を日本語に設定する事も可能です。 そのため、多くの方が「日本語ファイル名＝普通に使えるもの」と認識されていても不思議ではありません。しかしながら、「普段使えているからOK」では通用しないのがWebの世界です。 WordPressでの実体験：移転したらメディアが表示されない！ これは実際に弊社で行った移転作業中に起こった事例です。移転前のデータをダウンロードし、移転先のサーバーへFTPを使用してアップロード、全ての設定を完了し、サイトを開いてみると画像が一部表示されず、PDFも開けない。調べてみると、ファイル名に日本語が含まれているメディアだけが読み込まれていないことがわかりました。 最終的には、20点程度の日本語名で登録されていたファイルを全て再登録することで問題を解消できたのですが、再登録の必要なファイルの数が多かった場合は、より多くの時間を費やすことになったでしょう。 なぜ日本語ファイル名はトラブルを起こすのか？ ホームページで使用するファイル名を日本語にすることについて基本的には非推奨とされています。理由は「日本語ファイル名やURLは、見た目とは違って実際には英数字に変換（エンコード）されて処理されている」からです。 たとえば、次のような日本語URL「https://example.com/会社概要」は、実際にはブラウザやサーバーの内部では「https://example.com/%E4%BC%9A%E7%A4%BE%E6%A6%82%E8%A6%81」のように変換されて扱われています。 このような変換は、インターネットの国際的なルール（RFC 3986）により決まっています。URLで使用できるのは英数字や一部記号のみとされているため、日本語や全角文字は自動的に「パーセントエンコード」という形で処理されます。 見た目には「日本語が使えている」ように見えますが、それはブラウザが気を利かせて“元の日本語”で表示してくれているだけで、実際には複雑な文字列として扱われており、システムによってはこれをうまく処理できないことがあります。 よくあるトラブル例 リンク切れやファイルの読み込み失敗につながる場合がある サーバー移転やバックアップの際、FTPソフトが日本語ファイル名を文字化けさせる SNSや外部サービスで日本語URLをシェアすると、長くて読みにくいURLに変換される まとめ ワードプレスの普及で日本語のファイルをそのままアップロードしたり、URLに日本語を使用したものも見かけるようになりました。 パソコン上で作業をしている時（ローカル環境）には問題なく表示されていることもあるため、日本語のファイル名のままサーバーにアップロードしてしまう方も多いようですが、サーバーによっては日本語のファイル名を正しく処理できないものも存在します。 安定した運用やトラブル防止のために、ホームページに使用するファイルは最初から英数字のファイル名にしておくことを強くおすすめします。

アクセス解析をする際に、非常にお世話になっている「googleアナリティクス」専用タグの設置してあるサイト内ページであれば計測が簡単なのだけれど、外部リンクには自社タグが設置できないため、仮想ページとリダイレクト処理を使用して計測できるようにした方法をメモ。 まず、GA4からのgoogleアナリティクスの仕様変更により、パス表示ではパラメータ形式のURLは個別ページとして表示してくれないため、ディレクトリ構成でのURLを生成する必要があります。参考例はワードプレスを使用し、カスタムフィールド（target_url）に外部リンクのURLが設定しています。 計測したいサイト内ディレクトリ直下に計測用のディレクトリ「links」を作成。その中に「.htaccess」と「index.php」を設置します。 .htaccess RewriteEngine on RewriteRule ^(.*)$ index.php [L] index.php <?php require_once(__DIR__.'/../wp-blog-header.php'); $parse_url = parse_url($_SERVER["REQUEST_URI"]); $segments = explode('/', trim($parse_url['path'], '/')); $id = $segments[1]; if(!empty($id)){ $dt['id'] = preg_replace('/[^0-9]/', '', $id); //数字のみを対象 $url = esc_url(get_post_meta($dt['id'], 'target_url', true)); } ?> <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <meta name="robots" content="noindex, nofollow"> <title>外部リンク｜<?php echo get_the_title($dt['id']); ?></title> <!-- Google tag (gtag.js) をここに記載--> <meta http-equiv="refresh" content="0; URL=<?php echo($url); ?>"> </head> <body> </body> </html> phpでのリダイレクト処理では「header関数」を使用することが一般的ですが、その場合は計測タグが読み込めなくなるため、今回はメタリフレッシュを使用しています。自然な遷移になるよう、リダイレクトまでの処理時間を「0秒」に設定していますが、遷移先のページの読み込みが遅い場合は一定時間、空のページが表示されてしまいます。訪問者が戸惑わないよう「リダイレクト中」などの表記を加えても良いかもしれません。 外部リンクを設置するページ（single.php） <a href="/links/<?php echo get_the_ID(); ?>" target="_blank" rel="noreferrer noopener">外部リンク先名</a> 外部リンクを設置するページではリンクを仮想ページ（links）に向けます。以上です。 尚、今回は外部リンク設定が1点でしたが、複数になる場合はリンクの記載に対象となるカスタムフィールドの値を追記し、受け取り側で判別して振り分けることも可能です。 外部リンクを設置するページ（single.php） <a href="/links/target_url/<?php echo get_the_ID(); ?>" target="_blank" rel="noreferrer noopener">外部リンク先名</a> 受け取り側の処理は下記を参考ください index.php <?php require_once(__DIR__.'/../wp-blog-header.php'); $parse_url = parse_url($_SERVER["REQUEST_URI"]); $segments = explode('/', trim($parse_url['path'], '/')); $category = $segments[1]; $id = $segments[2]; if(!empty($category) && !empty($id)){ $dt['id'] = preg_replace('/[^0-9]/', '', $id); //数字のみを対象 $url = esc_url(get_post_meta($dt['id'], $category, true)); } ?> 以下省略 PHP「parse_url」とhtaccessを使ってパラメータ形式のURLをディレクトリ形式に変更する

「ブログを始めてみたものの、何を書けばいいのかわからない…」そんな悩みを抱えている方は少なくありません。特にビジネス目的でブログを活用する場合、ただの日記や雑記ではなかなか集客につながりません。大切なのは、見込み客の興味や悩みに寄り添った“記事ネタ”を選ぶことです。今回は、初心者でも実践しやすい「ブログ記事のネタ出しテクニック」を4つの視点からご紹介します。 業界の知識を記事にする（専門性をアピール） あなたが日常的に使っている専門知識や業界の常識は、初心者にとっては新鮮で役立つ情報ばかり。例えば、弊社記事の「プロが考える！ホームページ作成で押さえたいポイント6選」「ホームページ制作の会社を探すには？初心者でもできる3つの探し方」といった記事（豆知識）は、初めて発注を考えている人にとって十分役に立つ情報になります。 参考例 印刷会社 → 「名刺の印刷で紙質を選ぶときのポイント」 美容室 → 「カラーの色持ちをよくするホームケア方法」 ポイントは、難しい言葉をかみ砕いて、初心者向けに意識して書くこと。専門家としての信頼感を得られる記事は、読者に「相談してみたい」と思わせる力を持っています。 技術を記事に書く（経験者・同業者がうなる専門的視点） 「技術的にどのように解決できるのか」「なぜその方法を選んでいるか」など、プロ目線での発信は同業者や経験者からの信頼や評価にもつながります。例えば、弊社記事の「.htaccessでPHPのファイルアップロードサイズの上限値を変更」「PHPの「preg_replace」を使って文中のURLを自動認識してリンクに変換」といった技術記事は、多くの経験者に読まれています。 同業者に読まれて何の意味があるのか？と思われるかもしれませんが、このような「専門的な記事」は、次のような効果があります。 記事の効果 あなたの技術力・視点の深さを可視化できる（=信頼・権威の構築） 協業・紹介・相談のチャンスが増える 「この人となら安心して一緒に仕事できそう」と感じてもらえる また、専門的な話題ほどSNSや技術系コミュニティで拡散されやすく、記事の露出や被リンク獲得にもつながります。 記事を書かれている方の中には、専門的な内容を公開することで、同業他社に真似されてしまうのでは？と思われる方がいるかもしれません。しかし、記事で公開しなければあなたがどのような技術を持っているのかを知ってもらうこともできませんし、そのような解決方法（使い方）があることに気がついてももらえません。 実際に「計算プログラムの作り方」を記載したことで、お見積りプログラムの制作依頼を頂いた事例もあります。出し惜しみせず、すべてを知ってもらう気持ちで書くのがコツです。 実績を記事に書く（信頼・安心感を与える） 過去の実績や事例は、読者にとって「本当に効果があるのか？」を判断する重要な材料です。例えば、リフォーム会社なら「築30年の住宅を明るく生まれ変わらせた事例」「水回りのトラブルを解決したA様の声」といった記事が信頼につながります。 重要なのは、ただ実績を並べるのではなく「どんな悩みがどのように解決されたか」を丁寧に描写すること。そして、実績のタイトルは検索エンジンからの流入を考えて、名称（サイト名や施設名）でなく「地域・業種・施策内容」を記載すること。 読者は「自分もこのケースに当てはまるかも」と共感し、問い合わせにつながる可能性が高くなります。 人柄を伝える記事を書く（共感・親しみを生む） 最後に、紹介するのは「人柄を伝える記事」です。商品やサービスの内容がほぼ同じなら、「どんな人がやっているか」も大切な判断基準になります。だからこそ、あなたの考え方や価値観、日々感じていることなどを、さりげなく発信する記事も重要です。 例えば「なぜこの技術使っているのか」「お客さんとのやり取りで大切にしていること（理念）」「失敗から学んだこと」など、共感を生むエピソードは、人となりを伝えると同時に「この人に相談してみたい」と思わせる効果があります。 まとめ：ネタ選びでブログの価値が変わる ブログ記事は、ただ書けばいいわけではありません。「誰に」「何を伝えるか」を意識し、読み手の心に響くネタを選ぶことが最重要です。 今回ご紹介した「4つの視点」を意識してネタを選んでいけば、初心者でも成果につながるブログ記事を書けるようになります。 最初から完璧を目指す必要はありません。まずは、あなたの中にすでにある経験や考えをもとに、1記事だけ書いてみてください。きっと、それが次の仕事やご縁につながる第一歩になります。

ホームページ改修のご相談を受ける際に「テスト環境」についてお伺いする機会があるのですが、システムが絡むようなホームページをお持ちの企業様でもテスト環境をお持ちでない場合もありましたので、ホームページの運用（変更や改修）には欠かせない「テスト環境」について説明していきます。 ホームページのテスト環境とは テスト環境とは、稼働中のホームページ（本番環境）を複製して作られたコピーサイトで、特に本番環境と同一のサーバーを使ったものを「ステージング環境」と言うこともあります。 テスト環境は、稼働中のホームページを修正・改修する際の、事前確認（動作確認）を目的としており、まずはテスト環境で構築してから、本番環境に適応する、というように安心してホームページを運用するためには欠かせないものです。 テスト環境の用意の仕方 テスト環境を用意する方法として、大きく3つの方法があります。ご紹介する方法の中には、途中からでは難しいものもありますので、定期的に更新が予想されるホームページや、システムを組み込んだホームページを制作する場合は、予めテスト環境の事を考えて構築することをお勧めしております。 同一サーバー内で用意する：自社保有 ホームページの公開用に用意したサーバー内にコピーサイトを用意する方法で、動作確認がしやすく、また運用に追加費用がかからない方法。 本番環境とテスト環境とがお互いに干渉しないよう並列のディレクトリ構成にする事が望ましく、URLはサブドメインを利用する場合が多いです。 しかしながら、既にサーバーの直下に本番用のファイルがある場合は、途中からの変更が難しいため、その下に作ること（直列構成）になります。この場合は、上位ディレクトリの影響を受ける場合や、パスの指定が変わることもあるので、同一環境とはいっても注意が必要。 別サーバーで用意する：自社または委託先の業者が保有 コピーサイト用に新規でサーバーを契約する方法。追加の運用費用が必要となりますが、本番環境は完全に分かれているため、安心して作業ができる他、ディレクトリ構成も自由にできるため、途中から用意する場合でも問題なく対応できます。 都度、用意する：委託先の業者保有 テスト環境を用意せずに、改修の度に委託先の業者のものを借りる方法。テスト環境をお持ちでない企業様が最も利用される方法で、ホームページを納品するまでの期間、委託先のサーバーで開発・確認を行い、納品後は全てのデータが削除されます。 月々の費用はかかりませんが、複雑なシステムであればテスト環境を用意する度に費用が発生します。更新頻度の高い企業様によっては、保守管理と合わせて、そのままテスト環境として契約されることもあります。 まとめ ホームページは一度制作して終わりではなく、事業の拡大や、利用者の動向に合わせて日々変化していきます。特に、ワードプレスのようなCMSを利用されている場合は、本体やプラグインのバージョンアップにより更新する予定が無くても更新を迫られる場面もあります。アップデートと同時にページが見れなくなった、というなことが無いよう、ホームページを運用する際には、出来るだけ自社でテスト環境は用意されることをお勧めしています。

リモート化が加速したあたりから紙（捺印）での契約書にかわりグローバルサイン等、WEBでの契約締結が多くなってきています。弊社でもサービスの導入を考えましたが、制作会社であることから同じようなことができないかと考え、「TCPDF」と「FPDI」を組み合わせてPHPで実装した方法をメモ 実装手順 管理画面で受付番号付きURLを発行 契約ページにアクセスできる人を制限するため、受付番号付きのURLを作成して対象者にメールを送信。弊社では専用の管理画面を用意してメールの送信（契約書の発行）を行っています。 契約ページでサインアップ 契約ページで受付番号のチェックを行い、同時に使用期限（発行から10日程度を想定）に達している番号の削除処理も行う。内容に問題がなければ入力フォームに進む。 契約処理（PDF書き込み処理） PHP if(!empty($_POST['submit'])){ foreach($_POST as $key => $value){ $dt[$key] = mb_convert_kana($value, "KVa","UTF-8"); } //入力エラー処理省略 if(empty($err_msg['error'])){ //ライブラリ読み込み include '../vendor/tcpdf/tcpdf.php'; include '../vendor/fpdi/autoload.php'; $tcpdf = new setasign\Fpdi\Tcpdf\Fpdi('P', 'mm', [210, 297], true, 'UTF-8', false); // ヘッダーの出力無効 $tcpdf->setPrintHeader(false); // フッターの出力無効 $tcpdf->setPrintFooter(false); //契約書ファイル（PDF）の読み込み $pathToPdf = '../pdf/○○.pdf'; //契約書のページ数をカウント $pageCount = $tcpdf->setSourceFile($pathToPdf); for($pageNo = 1; $pageNo <= $pageCount; $pageNo++){ $templateId = $tcpdf->importPage($pageNo); $size = $tcpdf->getTemplateSize($templateId); $tcpdf->AddPage($size['orientation'], [$size['width'], $size['height']]); $tcpdf->useTemplate($templateId); if($pageNo === 2) { $tcpdf->SetFont("kozgopromedium", "", 12); // デフォルトで用意されている日本語フォント //記載位置を調整し、入力内容を追記 $tcpdf->Text(18, 223, '甲）'.htmlspecialchars($dt['address'], ENT_QUOTES, 'UTF-8')); $tcpdf->Text(18, 230, htmlspecialchars($dt['company'], ENT_QUOTES, 'UTF-8')); $tcpdf->Text(18, 237, htmlspecialchars($dt['name'], ENT_QUOTES, 'UTF-8')); } } // 保存する $tcpdf->Output(__DIR__.'/../pdf/sign_'.$dt["id"].'.pdf', 'F'); //保存したPDFファイルをメールに添付して送信処理省略 //使用済み受付番号の削除処理省略 //作成したPDFの削除処理省略 $dt = array(); header("location: ○○○○"); //完了画面へ遷移 exit; } } まずは「TCPDF」と「FPDI」をそれぞれのサイトからダウンロードし、サーバーにアップロード。今回は契約書の2ページ目に追記をしたいので、使用する契約書のページ数を数え、2ページ目に記載処理を実装。記載の完了したPDFは一時的にサーバー内に保存してからメール添付で送信を行っています。 尚、使用するPDFに関して複数ページでバージョンが1.5以上の場合は動かなくなるため、バージョンを1.4以下に下げる必要があります。 TCPDF+FPFI】PHPでpdf帳票を作成する方法【グラフも】 PHPでテンプレートPDFに動的に文字や数値を追記し出力する方法(TCPDF&FPDI) Adobe Reader/Adobe Acrobat FAQ: PDFファイルのバージョンを下げる

ホームぺージ制作のご相談を受ける中で「テンプレートでも良いから費用を抑えたい」とおっしゃる方は一定数いらっしゃます。弊社でもお手軽にホームページを作成できるプランのご用意はありますが、実際にテンプレートを使用した制作方法の説明を始めると「○○のページは必要ないから△△にしてほしい」「競合サイトは○○だから同じようにしてほしい」、「デザインはこんな感じにしたい」とのご要望から、利用される機会があまりありません。そこで今回は、知られているようで、あまり知られていなかった「テンプレート」を使用したホームページ制作についてご紹介します。 ホームぺージ制作における「テンプレート」とは ホームページ制作における「テンプレートプラン」とは、あらかじめ用意されたデザインやレイアウト（テンプレート）を使用して、必要最低限のカスタマイズでホームページを制作するプランです。一般的に以下のような特徴があります。 テンプレートを使用した制作プランの特徴 デザインは既存のものから選択 要望に合わせて一からデザインを作るのでなく、制作会社が予め用意している複数のデザインの中から好きなデザインを選択して制作を行います。 低価格・短納期 選択したデザインに合わせて、文章や画像を差し替えるだけなので、コストを抑えやすく、制作期間も短い。資料が揃っていれば数日で公開可能な場合もあります。 ページ構成が決められている トップページ＋5ページ以内（例：新着情報、会社概要、サービス、お問い合わせ）など、必要最低のページ数で構成されていることが多い。 オプション料金でページや機能の追加も可能 既に用意されているページ以外に必要なページがある場合は、追加費用を支払うことで追加可能。オプション項目に関しても、予め決まっている場合が多く、希望しても実装されないものもあります。 テンプレートプランの魅力は何と言っても「手軽さ」です。ホームぺージの内容にこだわらないのであれば、数日でホームページを持つことが可能。各種届出の申請時や、名刺代わりにすぐに必要といった場面では大変重宝します。 制作現場で感じる、テンプレートプランとご要望のズレ テンプレートでのホームページ制作は「短時間に低価格で」という方には非常に魅了的ではありますが、既存のデザイン・構成を使用するため、「必要なページや機能が定まっているホームページ」や「ブランディングを目的とした（主にデザイン面を重視した）ホームページ」とは相性が合わないことが多いです。 中小企業のホームページでテンプレートプランを採用されなかった主な理由 他社との差別化ができない 「自社らしさ」が出しづらい 他のホームページと同じような見た目になってしまい、ブランド価値を損なう可能性がある 伝えたい内容や構成に合わない 構成が自社の内容や目的に最適化されていない 希望する機能・ページが用意されていない 拡張性が乏しい ページや機能の追加は可能だが、価格や制作期間が抑えられなくなるのであれば意味がない 運用してみてイメージに合わない場合は、短期間で作り直しになることもある 自社の目的に合わせて、しっかりとしたものを作りたいという方や、リニューアルでの制作を希望される方には合いませんでした。 テンプレートでの制作はデザイナーに悪影響がある場合も テンプレートでのホームぺージ制作ではデザインや構成を考えるといった工程がありません。決まったデザインに文章や画像を当てはめる作業が中心となるため、実作業としての負担は軽減されますが、「提案する」「魅せ方を考える」といった本来のクリエイティブな工程が少なくなりデザイナーの成長や、モチベーションの低下へと繋がることもあります。 まとめ｜テンプレートは「目的に応じて選ぶべき選択肢」 テンプレートを使ったホームページ制作は、コストを抑えてスピーディに公開できるという点で大きなメリットがあります。事業立ち上げ直後や、Web集客に力を入れる前の「とりあえずの一歩」としては、十分に意味のある選択肢です。 しかしながら、「会社のイメージアップを図りたい」「今よりも問い合わせを増やしたい」「自社の強みを詳しく伝えたい」といった目的に対しては、表現や設計の自由度により、期待する効果を得られない可能性があります。 テンプレートでのホームページ制作にはメリットもデメリットもあるため、価格のみに注目するのではなく、目的に合っているかで選ぶことが重要です。

ホームページの制作会社を探しているけれど、どこに頼めばいいのか分からない。そんなお悩みを持つ方は少なくありません。この記事では、同業である私たち制作会社が過去の経験を基に「安心できる制作会社・フリーランスの選び方」を初心者向けにわかりやすくご紹介します。 制作期間の目安で選ぶ ホームページ制作にはある程度の時間が必要ですが、希望に合わないスケジュールを提案する制作会社への発注は難しいです。 例えば、10ページ程度の中小企業サイトであれば、打ち合わせ開始から公開まで3ヶ月程度が目安です。受注状況や繁忙期の都合等で若干のズレは仕方のないことですが、どんなに品質や技術が素晴らしくても「完成までに半年、1年かかります（待ちです）」といった場合は、今後の予定が変わってきますし、サービスの開始がいつになるかもわかりません。時間を気にせずこだわりたいう方は別として、事業に役立てるものですので納期は重要です。 実績は中身まで確認して選ぶ（担当範囲の明示が重要） ホームページ制作会社の中にはデザインのみ、コーディング（組み立て）のみを行っている会社もあります。「実績多数」とアピールしていても、どこまでを自社で手がけたかが曖昧な場合もあります。協業自体は良くあることですが、決め手となった実績が他社との協同制作だったのなら出来上がるホームページは希望と異なる場合もあります。その制作物が自社の希望と合うかを判断するためには、担当した範囲の確認が必要です。 チェックポイント 実績紹介に「デザイン：自社制作」「構築のみ担当」など明記されているか？ 外注の有無を聞いたときに説明してくれるか？ 技術力や対応範囲の柔軟さを確認して選ぶ ホームページ制作にはノーコードツールや、オープンソース等、制作の効率を上げてくれるツールが多く使用されています。初回の制作でまずは名刺代わりに使用するといった内容であれば、上記ツールの機能のみで問題ない場合も多いのですが、改修時など今あるものよりもしっかりとしたいという内容であれば「テンプレートを使うだけ」「プラグインの組み合わせのみ」といっただけの対応では、いざという時に要望に合わせた柔軟なカスタマイズができないこともあります。 「フォームの内容を管理ツールに登録できるように変更したい」「おすすめ記事を選択して登録できるようにしたい」「代理店番号を発行してお問い合わせの経路を特定したい」等の具体的な要望がある場合は対応可否の確認が必要です。応じてもらえない場合は、ツールの仕様に合わせて運用方法や、希望内容を変えるといった結果になることもあるため、技術的に柔軟な対応が可能かどうかは、将来的な安心感につながります。 チェックポイント 決まったテンプレートだけでなく、要望に合わせて柔軟に提案してくれるか？ 技術的な質問に対して答えが返ってくるか？ 修正回数に制限がないかで選ぶ 制作会社によっては修正回数に制限を設けているところもあります。「修正2回まで。それ以降は追加料金です」といった条件を後出しされると、希望したホームページにならないこともありますし、過去にはデザイナーのこだわり（主張）が強過ぎて修正自体に難色を示されるところもありました。 過度な修正要求は避けていただいのですが、見落としや考え直しはあるもの。納得いくまで相談できる環境があることは重要です。 チェックポイント 修正の回数・条件が明記されているか？ 修正範囲の柔軟性について説明があるか？ コミュニケーションがスムーズに行えるかで選ぶ ホームページ制作を行っていくうえで連絡手段や、担当者の人柄も重要な要素となります。連絡手段が制限されていて十分な相談ができない。メールやチャットツールの返信が遅い、返信が来ても満足な回答を得られないなど、個人差はあるものの自身と合わない会社は、今後のやり取りでもストレスを感じる可能性があります。 見積もりまでの段階でスピード感や丁寧さ、質問への答え方などから、安心できる対応かどうかを見極めましょう。 チェックポイント 初回問い合わせへの返信が早く丁寧か？ 質問に対して具体的な回答があるか？ 補足：「インボイス制度」への対応も確認する ホームページ制作を依頼する際、見落としがちなのがインボイス制度への対応状況です。2023年10月からスタートしたインボイス制度では、法人や個人事業主が仕入税額控除を受けるには、「適格請求書発行事業者（インボイス発行事業者）」からの請求書が必要になります。つまり、受注側がインボイス登録をしていないと、発注側が納税時に消費税分の控除（差し引き）を受けられない（消費税を2重に支払う）というデメリットがあります。 ホームページの費用は高額になる場合も多いため、長期的に見れば大きなコスト差につながる可能性もあります。発注先が法人企業の場合は問題ないかもしれませんが、個人事業主を含めて比較検討する際には、下記の点もチェックしています。 チェックポイント インボイス登録事業者かどうか（公式サイトに記載がある場合も） 見積書や請求書に「登録番号」の記載があるか 消費税の取扱いについて明確な説明があるか まとめ：誠実で柔軟な制作会社を選ぼう 制作会社選びで大切なのは、実績や費用だけではありません。技術力・対応力・柔軟さ・誠実さなど、総合的なバランスを見ることが成功への第一歩です。 今回ご紹介したポイントを参考に、焦らず、複数社に相談しながら比較してみてください。長く付き合える信頼できるパートナーが、見つかるよう願っております。

時間を指定して表示を切り替える際にPHPを使用することが多かったのだけれど、利用しているサービス（ASP）の都合でPHPが使用できないため、jQueryを使用して対応した方法をメモ jQuery(javascript) const today = new Date(); const targetDate = new Date("2025-06-25 10:30:00"); // 2025年6月25日10時30分00秒を指定 if (today < targetDate) { $('.top__mv__main').html('<a href="/202505/"><img src="/202505/img/top.jpg"></a>'); } else { $('.top__mv__main').html('<a href="/202506/"><img src="/202506/img/top.jpg"></a>'); } HTML <div class="top__mv__main"></div>

ホームページの制作を依頼する際に「保守管理費用」という言葉を耳にする機会があると思います。ホームページを作成・公開した後も、ドメインやサーバー等、継続的に利用料金が必要となるため、弊社では上記管理費用として「保守管理費用」をいただく事がありますが、保守管理には日々の更新やトラブル対応、更にはアクセス解析、SEO対策といった集客面でのサポートまで含まれる場合があります。本記事では、ホームページの保守管理とは何か、どのような作業が含まれるのかを改めて解説し、確認すべきポイントもご紹介します。 ホームページの保守管理とは？ ホームページの保守管理とは、サイトを安全かつ安定的に運用し続けるためのさまざまな作業を指し、主に以下のような業務が含まれます。 技術的な保守対応 サーバー・ドメインの更新や期限管理 WordPressやプラグインのアップデート SSL証明書の更新・管理 セキュリティ対策（不正アクセス監視・脆弱性対応） コンテンツの軽微な更新 テキスト修正（例：営業時間の変更など） 画像の差し替えやバナー設置 お知らせやブログ記事の代行投稿 検索エンジンへの対策（SEO）やアクセス解析 アクセス解析（Google Analytics、Search Consoleの設定確認） 月次または定期的なアクセスレポートの提出 サイト改善の簡易コンサルティングやアドバイス サポート・緊急対応 お問い合わせ対応（メールや電話の技術サポート） 表示不具合や障害発生時の対応 バックアップからの復旧作業 なぜ保守管理が必要なのか？ ホームページは一度公開すれば終わりではなく、常に「動いているシステム」です。日々変化する技術や外部環境に合わせて、定期的なメンテナンスを行わなければ、表示エラーやセキュリティリスク、検索順位の低下などが発生する可能性があります。 たとえば次のようなトラブルを、実際に企業サイトで経験したことがあります。 ドメイン・サーバーの更新忘れでサイトが表示されなくなった CMSの更新を怠り、一部の機能が使えなくなった 古い情報がそのままで、会社の信頼性に影響した 特に法人サイトでは、トラブル発生後に社内で対策を検討し、稟議を通して業者に依頼するまでに時間がかかるケースが少なくありません。その間に「サイトが止まっている」「不具合が放置されている」という状態が続けば、企業イメージや機会損失に直結するおそれもあります。 外部に委託せず、自社で保守管理を行われるところもありますが、月額制などで継続的に保守管理費用を支払い、スムーズに対応できる体制を持っておく中小企業様は多いです。 保守契約時に確認しておきたいポイント 保守管理費用は作業内容に応じて必要となる費用も変わってきます。保守管理契約を結ぶ際には、費用と同時に以下の点を事前に確認しておくと安心です。 どこまでの作業が保守費用に含まれているか（例：SEOやレポート含むか） 軽微な更新の「回数制限」や「対応範囲」の有無 保守契約の更新・解約時の対応（データ引き渡しなど） アクセスレポートの提供頻度と内容 まとめ ホームページの保守管理は、単なる「見えないコスト」ではなく、サイトを安全に運用し続けるための重要な保険です。外部に委託せず、自社で保守管理を行うことも可能ですので、必ずしも契約が必要となるものではないですが、少しでも不安がある場合は、必要な部分だけ外部委託する「ハイブリッド型」の保守体制を検討されるのもいと思います。 本記事を参考に、自社サイトの保守管理が適切に行われているか、見直してみてはいかがでしょうか。

弊社でCMSを実装した企業様から「IPアドレスによるアクセス制限で管理画面に繋がらない…」との連絡を受けた際に、そう言えば固定IPアドレスでのアクセス制限をしていたことを思い出したので、有用性を含め、そもそも固定IPとは何か、企業が導入することでどんなメリットがあるのか、導入時の注意点などを簡単にご紹介。 固定IPアドレスとは何か？ インターネットに接続する際、必ず使われるのが「IPアドレス」という番号。これは、インターネット上の座標のようなもので「ネット上で通信に利用されてる機器を識別するための番号」です。 多くのご家庭やオフィスでは、Wi-Fiルーターが通信の起点になっています。このルーターがプロバイダ（インターネット接続会社）から1つのグローバルIPアドレスをもらい、パソコンやスマホなどにローカルIPアドレスを振り分けています。 種類役割グローバルIPアドレスインターネット通信に使用する番号。通常IPアドレスと言えばこちらを差しますローカルIPアドレスルーター内部（家庭や社内）で使用する番号 動的IPアドレスと固定IPアドレスの違い IPアドレスはインターネットの契約時に自動的に付与されるのですが、追加で申し込みをしない場合にもらえるのが「動的IPアドレス」、追加契約で取得できるのが「固定IPアドレス」です。 種類特徴動的IPアドレスルーターの電源を入れ直したり、一定時間が経つと違う番号になる固定IPアドレス契約時に専用に割り当てられた常に同じ番号契約を変更、解除しない限りは番号が変わらない 尚、同一プロバイダ内でのプラン変更でも固定IPアドレスの番号は変更される場合がある他、既存の番号（今まで使用していたもの）を指定することもできませんので、契約内容の変更は注意が必要です。 企業が固定IPアドレスを導入する主なメリット セキュリティ強化（アクセス制限が可能） 固定IPアドレスを利用すれば、WordPressに代表されるCMSや社内システム、各種サービスへのアクセスを「特定のIPアドレスからのみ許可」する設定が可能になります。不特定多数の接続を防ぎ、不正アクセスのリスクを大幅に下げることができます。 信頼性の向上 ホームページの制作会社や運用を行っている会社に限った話になるかもしれませんが、アクセス元を提示することでセキュリティ対策に積極的な企業様からのご依頼を受けることも可能になります。 導入時の注意点 運用の柔軟性が下がる可能性 外出先や出張先からのアクセスが制限されるため、「利便性を保ちつつ、どう制限を設けるか」という運用ポリシーの設計が必要になります。VPNを併用することでカバーできるケースが多いです。 まとめ：「制限」ではなく「識別」としての固定IP 固定IPアドレスの活用は、企業にとって「アクセスを制限する」というより、「信頼できる通信元を識別する」ための技術的な手段です。 ITに詳しくない方でも、プロバイダのサポートを受けながら簡単に導入でき、セキュリティレベルの底上げにつながります。万が一の情報漏えいや不正アクセスを防ぐためにも、固定IPアドレスの導入を検討されても良いかもしれません。

.htaccessを使用してベーシック認証を設定する場合、設定したいページ（ディレクトリ）毎にファイルを設置すれば良いのだけれど、パラメータから生成した仮想ディレクトリの場合に設置が難しいことと、多くなりすぎると管理がしずらくなるため一元化した時の実装方法をメモ .htaccess Authtype Basic AuthGroupFile /dev/null <If "%{REQUEST_URI} =~ m#^/○○○○/△△△△/dir1/#"> AuthUserFile /○○○○/.htpasswd_user1 //フルパス AuthName "Please enter your ID and password" Require valid-user </If> <If "%{REQUEST_URI} =~ m#^/○○○○/△△△△/dir2/#"> AuthUserFile /○○○○/.htpasswd_user2 //フルパス AuthName "Please enter your ID and password" Require valid-user </If> パスワード用のファイル（.htpasswd_user1、.htpasswd_user2）をそれぞれ用意し、全てのファイルをホームページディレクトリの直下に設置。「IF」を使用してディレクトリごとに設定を切り分けています。 尚、パスワードを1種類にして流用する場合は「SetEnvIf」を使用して、対象ディレクトリのみに制限をかけることも可能。 .htaccess Satisfy Any AuthType Basic AuthUserFile /○○○○/.htpasswd //フルパス AuthName "Please enter your ID and password" AuthGroupFile /dev/null SetEnvIf Request_URI "^/○○○○/△△△△/dir1/" auth_dir1 SetEnvIf Request_URI "^/○○○○/△△△△/dir2/" auth_dir1 Require valid-user Order Allow,Deny Allow from all Deny from env=auth_dir1 また、ファイル単位で指定したい場合は下記。 .htaccess <Files △△△△.php> AuthUserFile /○○○○/.htpasswd //フルパス AuthGroupFile /dev/null AuthName "Please enter your ID and password" AuthType Basic require valid-user </Files> ワードプレスの管理画面のみにベーシック認証を設定したい場合はファイル名に「wp-login.php」を指定します。

はじめてホームページを作ろうと考えたとき、最初に気になるのは「いったいいくらかかるんだろう？」ということではないでしょうか。インターネットで「ホームページ 制作 相場」と検索すると、「数万円〜100万円以上」と幅広い金額がずらりと並びます。しかし、そうした相場情報を鵜呑みにし、相場価格のみで判断して制作依頼をしてしまうと、「イメージしていたものとは違った」「必要な機能が入っていなかった」といったズレが起きてしまいがちです。ホームページ制作の費用は、目的と仕様によって大きく変動するもの。この記事では、「相場」という数字だけに振り回されず、本当に納得できる制作を進めるための考え方をご紹介します。 「相場」はなぜ目安でしかないのか？ ホームページ制作は、いわばオーダーメイドの仕事です。依頼者の業種・目的・使い方などによって、求められる内容や作業量が全く異なります。例えば、同じ「5ページ構成」でも作業工数や関わるスタッフの数が変わります。 費用を左右する作業例 掲載する文章を用意する必要があるかどうか 写真撮影の有無 更新しやすい仕組み（CMS）を組み込むかどうか スマホ最適化・SEOの対応範囲 また、制作会社やフリーランスによっても、価格設定に違いがあります。同じ要望でも、A社は40万円、B社は80万円ということも珍しくありません。そのため相場価格がそのまま自社のケースに当てはまるとは限らないのです。 目的と仕様が費用を左右する具体例 費用を考えるうえで重要なのは、「何のためにホームページを作るのか」という目的と、それを実現するための仕様（構成・機能など）です。以下はよくあるパターンです。 例1：名刺代わりの簡易サイト（10〜40万円） テンプレートデザインを使用 1〜3ページ構成 問い合わせフォームと地図のみ 文章や素材はすべて自社で用意 シンプルですが、「会社の存在証明」としては十分なケースも。 例2：中小企業のコーポレートサイト（60〜100万円） オリジナルデザイン ページ数：10ページ前後 更新しやすい仕組み（WordPressなど） コンテンツをしっかり見せたい、信用力を高めたい企業に最適。 例3：大規模なコーポレートサイト（100万円以上） オリジナルデザイン ページ数：20ページ以上 多言語対応、セキュリティ強化、CMSカスタマイズ 多部署の要望を取り入れた、企業の信頼性と情報発信力を高める本格的なWebサイト。 相場に振り回されないための3つの視点（初心者向け3ステップ） 大切なのは、「相場の費用だから間違いない」と思い込まず、自分のホームページにとって必要なことは何か？を基準に考えること。以下の3ステップを通して、冷静に判断できる視点を持ちましょう。 「何のために」作るかを考える まず大切なのは、ホームページを通じて誰に何を伝えたいのかを明確にすることです。「お店の存在を知ってもらいたい」「商品やサービスを説明したい」「お問い合わせ（採用エントリー）を増やしたい」など、目的が違えば必要なページ構成やコンテンツもまったく変わってきます。目的を整理することで、「どのくらいのボリュームが必要か」が自然と見えてきます。 やりたいことを書き出してみる 目的が見えたら、次に「どんな内容をホームページに盛り込みたいか」を書き出します。これだけでも、「考えていたよりもシンプルなものでよかった」「意外と必要なページ（機能）が多かった」と気づけることがあります。 必要なページ（会社概要／サービス紹介／ブログ／お問い合わせなど） 写真は用意するのか、撮影が必要か 自分で更新したいか、プロに任せたいか SNSと連動させたい　など 希望する内容にあった制作会社を探す やりたいことの整理できたら、それに合った制作会社やパートナーを探してみましょう。「相場に合わせる」よりも、「自社の求める内容を実現してくれるかどうか」を基準にすることが大切です。話を聞くときは、費用だけでなく、対応内容やスキル、実績なども含めて総合的に判断するのがポイント。制作の段階になってから「○○は弊社ではできません」という理由で必要な機能を諦める事になる事だけは確実に避けたいところです。 まとめ ホームページ制作の相場は、あくまで「参考値」にすぎません。大切なのは、自社の作りたいものに対して適切な仕様・予算に収まる価格になっているかどうかです。「いくらでできるか？」ではなく、「何を実現したくて、それにいくらかかるのか？」という視点で考えることが、後悔のない制作につながるはずです。

ホームページを制作したいと思ったとき、最初に悩むのが「制作会社をどう探せばいいのか？」ということ。例えば、こんな風にしたいな、と思うホームページを偶然見かけたとしても、そのページを作った制作会社を見つけるのは、直接サイトに問い合わせて確認する以外には困難です。この記事では、初心者でも実践しやすい「制作会社の探し方」を4つに絞ってご紹介します。 初心者でもできる4つの方法 検索エンジンで探す（Google、Yahooなど） Googleなどの検索エンジンで「ホームページ制作会社　○○○○（地域名）」や「○○○○（業種）　ホームページ制作」などと検索すると、多くのWEB制作会社の情報が出てきます。特に上位10位以内に表示される会社は、SEO（検索エンジン対策）にも力を入れている傾向があり、作り方がしっかりとしている会社であることが多いです。 こんな方におすすめ まずはいろんな業者を比較したい方 地元の会社や対応業種を重視したい方 デメリット SEOに強い会社が目立つため、デザインや技術力は別途チェックが必要 情報が多く比較に時間がかかる SNSで探す（X、Instagramなど） 制作会社の中にはSNSを積極的に取り入れているところもあります。各種SNS内の検索画面から「#ホームページ制作」「＃WEB制作」等で調べると実績が公開されているところもあるので、その中から気になる実績を制作しているところに連絡を入れるという方法も有効です。特にSNS運用も考えている方なら、運用に関するアドバイスも聞くことが可能です。 こんな方におすすめ 実績を比較して探したい方 SNS運用を考えている方 デメリット 実績以外のものも表示されて探しにくい 利用にはSNSへの登録が必要 知人や取引先に紹介してもらう 知人や取引先の方に「ホームページ制作はどこに頼んだのか」を聞いてみるのも有効な方法です。経験者からの口コミは、その制作会社の実力や対応がわかりやすく、非常に参考になります。 こんな方におすすめ 信頼できる人からの紹介が安心という方 実際に制作依頼をした企業の声を参考にしたい方 デメリット 紹介者の主観になってしまうことも多い 紹介者の会社と自社の目的が異なる場合、相性が合わないこともある マッチングサービスや比較サイトを活用 マッチングサービスや制作会社の比較サイトを利用する事で、一度に多くの制作会社を効率よく見つけることができます。「比較ビズ」「一括.jp」「Web幹事」などでは、掲載に必応な情報を入力するだけで複数の制作会社から提案や見積もりをもらうことが可能です。 こんな方におすすめ 複数社から一度に見積もりを取りたい方 自分で調べる時間がなかなか取れない方 デメリット 登録している会社の中からしか選べない 10件以上の業者から提案・見積もりが送られてくる場合も 番外編：営業電話・営業メールから選ぶのはアリ？ ホームページ制作の担当者になると、営業の電話やメールが急に増えることがあります。「御社のサイトを拝見しました」「もっと集客できるようにしませんか？」といった内容の連絡を一度は受け取ったことがあるかもしれません。 弊社にも様々な電話、メール等が送られてきます。普段は気にも留めないですが、たまたま依頼先を探していた時期や、強化したいと考えていた分野に強みをもつ事業者様に助けていただき、良好な関係を築けたこともあります。 実際に、ホームページを制作（改修）しようと考えていても、通常業務で十分な時間が取れない場合が多いため、この機会にと相手からの提案を受けるという事は少なくないようです。 テンプレートのようなメールや電話は当てにできそうにないですが「営業の内容が具体的」だったり、「自社サイトの課題解決に繋がる」ような場合には、候補として考えるのは良いと思います。 最終判断は「総合的な信頼感」で どちらの方法で制作会社を探したとしても、最終的に「この会社に任せる」と判断するのは自社自身です。紹介でも、検索でも、マッチングサイトでも、候補はあくまで候補。そこから「ここなら信頼できそう」と納得して選ぶために、各社のホームページを参考にしながら以下の点をしっかり見極めておきましょう。 見極めポイント 自社の目的に合った提案か？ 担当者の対応は丁寧か？相談しやすいか？ 料金・契約内容（支払い方法等）が明確か？ 実績や得意分野が自社の希望とマッチしているか？ 納期（制作期間）に問題は無いか？ 制作において修正回数等の制限はどうなっているのか？ まずは気になる制作会社に相談してみることが、ホームページ成功への第一歩です。「この会社なら信頼できそう」と感じられるパートナーと出会えるよう、情報収集と比較をじっくり行いましょう。

ホワイトペーパーのダウンロードを実装した際に、数が増え、単体で何回もフォームの入力操作を行ってもらうのも不便なので、複数のファイルを同時にダウンロードできるように実装した方法をメモ。 HTML <form action="download.php" method="post"> <input type="hidden" name="download__token" value="xxxxxxxxxx"> <dl> <dt>メールアドレス</dt> <dd><input type="text" name="email" placeholder="例）mail@example.com"></dd> <dt>希望ファイル</dt> <dd><?php FormCheckboxary($dlfiles, 'doc', $dt['doc'], 'label'); ?></dd> </dl> <div class="btnSubmit"><input type="submit" name="download" value="選択ファイルを圧縮してダウンロード"></div> </form> download.php(PHP) $dlfiles = array( 1=> array('label'=> '○○○○', 'name'=>'○○○○.pdf'), array('label'=> '△△△△', 'name'=>'△△△△.xlsx'), array('label'=> '□□□□', 'name'=>'□□□□.xlsx') ); if(!empty($_POST['download'])){ // フォームの取得 foreach($_POST as $key => $value){ if(!is_array($_POST[$key])){ $dt[$key] = $value; }else{ foreach($_POST[$key] as $innerkey => $value){ $dt[$key][$innerkey] = $value; } } } // エラー処理省略 // 圧縮対象のフォルダ $sourceDir = '../dlfiles/'; // ファイルが保存されているフォルダ $zipFileName = 'compressed_documents.zip'; // ZIPファイル名 $zipFilePath = __DIR__ .'/'.$zipFileName; // ZIPオブジェクトの作成 $zip = new ZipArchive(); if ($zip->open($zipFilePath, ZipArchive::CREATE | ZipArchive::OVERWRITE) !== true) { die('ZIPファイルを作成できませんでした。'); } // 指定フォルダ内の対象ファイルを取得 foreach($dt['doc'] as $val){ $filePath = $sourceDir.$dlfiles[$val]['name']; if(is_file($filePath)) { $zip->addFile($filePath, basename($filePath)); } } $zip->close(); // ZIPをダウンロードさせる header('Content-Type: application/zip'); header('Content-Disposition: attachment; filename="'.$zipFileName.'"'); header('Content-Length: '.filesize($zipFilePath)); readfile($zipFilePath); // 一時ZIPファイルを削除 unlink($zipFilePath); exit; } function FormCheckboxary($array, $name, $no, $id){ echo('<ul>'); foreach($array as $key => $value){ $str=explode("<>", $no); if(in_array($key, $str)){ echo('<li><input type="checkbox" name="'.$name.'[]" value="'.$key.'" checked="checked" id="checkbox'.$name.$key.'"><label for="checkbox'.$name.$key.'">'.$value[$id].'</label></li>'); }else{ echo('<li><input type="checkbox" name="'.$name.'[]" value="'.$key.'" id="checkbox'.$name.$key.'"><label for="checkbox'.$name.$key.'">'.$value[$id].'</label></li>'); } } echo("</ul>"); return; } 対象ファイルのリストを連想配列で作成し、チェックボックスで選択したもののみをZIP形式でダウンロードできるようにしています。

「ホームページを作りたいけれど、何をどう伝えたらいいかわからない…」そんな不安を抱えながら、制作会社へ相談を考えている方も多いのではないでしょうか。ホームページ制作は、依頼主と制作会社が一緒にゴールを目指す“共同作業”です。そのため、「伝えてほしいこと」や「事前に考えておいてほしいこと」がいくつかあります。これらを押さえておくことで、打ち合わせもスムーズになり、理想のホームページに一歩近づけます。この記事では、弊社の事例を参考にして制作会社が「最初に聞きたい5つのこと」をわかりやすくご紹介します。これから依頼を考えている方は、ぜひ参考にしてください。 ホームページの目的とターゲット まず最初に確認しておきたいのが、「何のためにホームページを作るのか？」という“目的”と、「誰に向けて発信するのか？」という“ターゲット”です。 制作目的の例 新規のお客様を増やしたい（集客目的） 会社や店舗の信頼性を高めたい（ブランディング） 採用活動のために情報を発信したい（求人目的） 既存顧客への情報提供をしやすくしたい（サポート目的） あわせて「どんな人に見てほしいのか」も考えておきましょう。たとえば30代の働く女性、近隣地域の飲食店経営者、WEBに不慣れな高齢者など、ターゲットが明確になると、デザイン・文字の大きさ・使いやすさまで最適化できます。 掲載したい主な情報・実装したい機能 基本的にはサイトの目的に合わせて、どのような構成が最適なのかは制作会社で調査を行い、ご提案しますので、すべて決まっていなくても大丈夫です。 しかしながら、「この情報は必ず載せたい」「こういう機能（例：予約フォーム、カレンダー、ブログなど）がほしい」といった明確なご希望がある場合は、ぜひ最初の段階でお知らせください。重要な情報を漏れなく盛り込むためにも、制作初期での共有がとても有効です。 また、既存サイトのリニューアル（改修）をご希望の場合は、「今のサイトで満足していない点」や「改善したいところ」もあわせて教えていただけると、より的確な改善提案が可能になります。 デザインのイメージや参考例 「イメージ通りのホームページにしたい」と思っていても、頭の中にある“ふんわりした印象”を言葉だけで伝えるのはなかなか難しいものです。 基本的に制作会社では、サイトの目的やターゲットに合わせて、全体のトーンや構成、デザインテーマをご提案しますので、「完全おまかせ」でもまったく問題ありません。 ただし、以下のような決まっている要素がある場合は、事前に共有していただけると、より理想に近い仕上がりにできます。 コーポレートカラーやブランドルール 社内ですでに決定している「こういう雰囲気にしたい」という希望 参考にしたいサイト例（2〜3サイトほど） たとえば「このサイトの色使いが好き」「レイアウトが見やすい」といった具体例を出していただくと、イメージ共有がしやすくなります。また、「シンプル・スタイリッシュ・親しみやすい」「女性向け・高級感・信頼感重視」など、キーワードベースでのご希望でも大丈夫です。 すでに用意している素材（ロゴ・写真・文章・ドメインなど） 制作の準備段階で、すでに用意されている素材があれば、制作の進行や見積もりがスムーズになります。まずは「何があるか・何が用意可能か」を共有いただきたいです。 素材例 ロゴデータ（ai、psd、png形式など） 写真素材（商品、店舗、スタッフなど） 既存の文章やパンフレットの原稿 これまで使っていたホームページやSNSの情報 ドメインの取得有無 サーバー契約の有無・契約中の会社名（テスト環境の用意があればそちらも） 中でもドメインとサーバーに関しては重要な基盤です。すでに取得・契約している場合は、その情報を共有していただけると、移行や設定がスムーズに行えます。 「ほとんど何もない…」という場合でもご安心ください。文章のライティングや写真・動画の撮影から、ドメインとサーバーの取得代行まで必要に応じてサポートが可能です。 ご予算と公開希望時期（納期） 最後に、「予算」と「公開時期」についても、できる範囲で伝えていただくことをおすすめします。ホームページ制作は、内容・ページ数・機能の有無などによって費用や納期が大きく変わります。 「なるべく安く抑えたい」「〇月中に公開したい」「イベントまでに間に合わせたい」などの希望がある場合は、遠慮なく伝えましょう。制作会社としても、それに合わせた提案やスケジュール調整がしやすくなります。 また、見積もり時点で無理のない範囲をすり合わせておくと、後からのトラブルや誤解も防げます。 ご予算目安弊社で出来ること期間目安10万円以下ランディングページ（1ページ構成のもの）を画像コーディングで行います。パソコン、スマートフォンの切り替え、メールフォームの設置等は難しいです1か月程度～50万円一般的なランディングページまたは、5ページ程度で構成された簡易的なホームページ2か月程度～100万円10ページ程度の一般的なホームページ3か月程度100万円以上10ページ以上の中規模程度のホームページご予算に応じて追加機能の開発や、各種ポータル系のサービスサイトの作成も可能ご相談 まとめ：5つを押さえて、理想のホームページをスムーズに 今回ご紹介した「制作会社が聞きたい5つのこと」はこちら ホームページの目的とターゲット 掲載したい主な情報 すでに用意している素材（ロゴ・写真・文章など） デザインのイメージや参考例 ご予算と公開希望時期（納期） これらをあらかじめ考えておくだけで、打ち合わせや見積もりがぐっとスムーズになり、完成後の満足度も高くなります。 とはいえ、「全部が決まっていないと依頼できない…」というわけではありません。不安なことや迷っている点は、ぜひ制作会社と一緒に相談しながら決めていきましょう。

ホームページやブログを運営していて「思ったよりアクセスが少ないな」「どんな人が見ているんだろう？」と感じたことはありませんか？そんなときに役立つのが「アクセス解析」。アクセス解析とは、あなたのホームページにどれくらい人が訪れ、どのページをどんな順番で見ているのかなどを“数値”で把握する仕組み。特に初心者の方は、ホームページを作っただけで満足してしまうことも少なくありません。しかし、本当に大切なのは「作った後の運用」です。アクセス解析をすることで、感覚に頼らず、数字で成果を確認し、改善につなげることができます。この記事では、弊社でも、Webサイトの改善提案や成果検証の際には活用している無料のアクセス解析ツール「Googleアナリティクス」について、初心者に最初に“やってもらいたいこと”を解説します。 Googleアナリティクスで「やってもらいたいこと」ベスト5 ここでは初心者の方に使ってもらいたい、Googleアナリティクスの主要な機能を5つに絞ってご紹介します。 スマホ？パソコン？アクセスしたデバイス（環境）を知る 「レポート→ユーザー→テクノロジー→ユーザー環境の詳細」からユーザーが「どの端末」「どのブラウザ」で見ているかを確認できます。 最近では、スマートフォンからのアクセスが過半数を占めることも珍しくありません。たとえばスマホからのアクセスが8割以上なのに、スマホ対応が不十分で読みづらいレイアウトだったら、ユーザーは離脱してしまいます。 このようなデバイス分析をもとに、「どの端末（ブラウザ）に対して最適化を行うのか」の判断がしやすくなります。 どこから訪問されたか（流入経路）を知る 「レポート→ライフサイクル→集客→ユーザー獲得（トラフィック獲得）」から訪問者が「どこから来たのか」も把握できます。 チャンネル名説明Organic Search検索エンジン（Google/Yahoo!など）からの自然検索Direct ブックマークや直接URLを打ち込んでの訪問Referral外部サイトからのリンクOrganic SocialSNS（Instagram、Xなど）からの流入 チャンネルを「参照元／メディア」に切り替えることで具体的なリンク元を知ることも可能。流入経路を知ることで、「集客に強い媒体」や「改善が必要なチャネル」が見えてきますので、広告出稿を考える際にもどういったところに注力すべきかの判断がしやすくなります。 アクセス数から人気ページやユーザー行動を知る 「レポート→ライフサイクル→エンゲージメント→ページとスクリーン」から自分のホームページが「何回見られているか（表示回数）」といったことから、どのページが多く読まれているか（人気ページ）や、訪問者が「どのページから来て、どこで離脱しているか」「ページごとの滞在時間」など、サイト内での行動がわかります。 たとえば、「よく読まれている記事にはどんな特徴があるのか」「多くの人が離脱しているのはなぜか」といったヒントが得られ、改善や強化の方針を立てる際に非常に役立ちます。 お問い合わせ（コンバージョン）に関与したページの経路を知る 「探索→経路データ探索」から終点のページを指定することで「お問い合わせページに至る前にどの情報ページが見られていたのか」「どの導線が効果的だったのか」などを視覚的に把握できます。 たとえば、「サービス紹介ページ → 実績紹介 → お問い合わせ」といった流れが多ければ、実績紹介ページがコンバージョンに大きく貢献していることが分かります。 弊社でも実際に、経路探索を活用することで「思わぬページが問い合わせに貢献していた」と気づき、導線の見直しに役立てています。 どんなキーワードで検索されたかを知る GoogleアナリティクスとGoogle Search Consoleを連携させると、「レポート→Search Console→クエリ」から、「どんな検索キーワードで自社サイトにアクセスされたか」を確認することも可能です。 自社では施策しているキーワードの効果を確認できたり、気がついていなかった潜在的なキーワードを発見できたりと、今後の検索流入を増やしたい場合のヒントにもなり、SEO対策にも直結します。 まとめ：数値から“気づき”を得て、改善につなげよう Googleアナリティクスは、自社サイトの現在地を知る“地図”のような存在です。アクセス数、人気ページ、訪問者の動きなど、数字に基づいた分析を行うことで、感覚に頼らず、具体的な改善アクションにつなげることができます。 まずは毎週、あるいは月に一度でもいいので、「何人来てるかな？」「どのページが読まれてるかな？」とGoogleアナリティクスを開いてみてください。数字を眺める習慣がつけば、次第に「ここを改善してみようかな」と考えられるようになります。あなたのホームページの改善の第一歩として、ぜひアクセス解析に触れてみてください！

ホームページへ動画を組み込む際に、動画が設置されているところまでスクロールして、表示された時に動画を再生したいとの要望を受けて実装した方法をメモ。 HTML <div class="video_wrap"> <video playsinline controls muted id="myvideo"> <source src="○○○○.mp4" type="video/mp4"> </video> </div> jQuery $(window).scroll(function(){ var offsetTop = $(window).scrollTop(); var sH = window.innerHeight * 7 / 10; if($('.video_wrap').length){ if(offsetTop > $('.video_wrap').offset().top - sH){ $('#myvideo').get(0).play(); }else{ $('#myvideo').get(0).pause(); $('#myvideo').get(0).currentTime = 0; } } }); トリガーの位置は「sH」の値を変えることで調整可能。 動画を音声有りにすると、ブラウザ制限により自動再生ができなくなるため、必ず「消音（muted）」を付与する必要があります 制作実績 住商アドミサービス株式会社

ホームページを作るのに欠かせないのが「ドメイン」と「サーバー」。中でもドメインはブランドの認知度やSEOを考慮する上で欠かせない重要な要素の一つで「独自ドメイン」「共有ドメイン」「サブドメイン」と呼ばれる種類があり、それぞれ特徴や用途が異なります。本記事では、これらの違いを初心者向けにわかりやすく解説していきます。 ドメインとは？基本の仕組み ドメインとは、インターネット上での「表札（会社名、店名）」のようなものです。例えば、このサイトのURLは「https://web.syu-u.com/blog/○○○○」となっていますが、この「syu-u.com」の部分がドメインにあたります。 本来、ホームページのURLは「123.456.1.1」のようなIPアドレス（座標のようなもの）で管理されていますが、数字の羅列では覚えにくいため、わかりやすい文字列（ドメイン名）に置き換えられています。 独自ドメイン・共有ドメイン・サブドメインの3つの種類のドメイン 独自ドメインとは？ 独自ドメインとは、ユーザー自身が独自に取得（作成）して使用するオリジナルのドメインで、日常的な会話やビジネスの文脈で「ドメイン」と言った場合、そのほとんどは独自ドメインを指します。 メリット ブランディングに有利（企業や個人のブランドを確立しやすい） SEOに有利（長期的に検索エンジンの評価を蓄積できる） メールアドレスとして利用可能（例：info@○○○○.com） デメリット 取得・更新に費用がかかる（年間1000円〜5000円） 設定が必要（レンタルサーバーとの接続など） サブドメインとは？ サブドメインは、独自ドメインを親として、その一部を利用して作られるドメインで、親となるドメインの下にある「枝」のようなものです。例えば、「shop.syu-u.com」や「blog.syu-u.com」のように「○○○○.独自ドメイン」の形になります。最も馴染みのあるサブドメインの表記と言えば「www.yahoo.co.jp」ではないでしょか。また、このサイトはサブドメインで運用されています。 メリット 独自ドメインを取得していれば無料で作成可能 同じ独自ドメイン内で複数作れる 異なるコンテンツを整理できる（企業サイトとブログを分けるなど） デメリット SEOの評価が独立することがある（サブドメインごとに検索エンジンの評価が変わる） 管理が複雑になる可能性（複数サイトの運用が必要） 共有ドメインとは？ 共有ドメインは、複数のユーザーが同じドメインを共用して使用する形式のドメインです。各種ホームページの作成サービスや、使用するサーバーに初めから用意されていることが多く、無料で使用できる代わりに、他のユーザーとドメイン部分が同じになります。 表記自体はサブドメインと変わりませんが、ユーザーにはドメインの所有権がないため、サブドメインではなく、共有ドメインと呼ばれています。（所有者にとってはサブドメインになります）例えば、Wixの無料プランでは「wixsite.com」の部分を共有して「○○○○.wixsite.com」、Studioの無料プランでは、「studio.site」の部分を共有して「○○○○.studio.site」となります。 メリット 無料で利用できる 設定不要 デメリット 独自のブランディングができない（ドメインに利用中のサービス名が入る） サービス終了のリスクがある（サービス終了時にドメインもなくなる） まとめ：ホームページの目的に応じて、適切なドメインを選びましょう！ 種類こんな人におすすめ独自ドメイン本格的にサイト運営したい人サブドメインすでに独自ドメインがあり、用途別にサイトを分けたい人共有ドメイン無料で手軽に試したい人 最終的にどの方法を選ぶかは、目的や運営方法、予算などによって決まります。お試しでホームページを立ち上げたい場合は「共有ドメイン」、長期的に安定した運営やブランドの確立を目指す場合は「独自ドメイン（サブドメイン）」を選ぶとよいでしょう。それぞれにメリットとデメリットがありますので、自身の目的に合った方法を選択することが重要です。

「これからホームページを作ろうと考えているが、何を基準に作ればいいかわからない…」「今あるホームページをリニューアルしたいけれど、どこを改善すべきかわからない…」このようなお悩みをお持ちの企業の方も多いのではないでしょうか？そこで今回は、ホームページ診断でよくチェックされる6つの重要なポイントを、弊社なりに解説します。 6つの診断ポイント ユーザーにとって分かりやすい設計になっているか 診断基準 サイトの目的がファーストインプレッションで伝わる メニューがわかりやすく、訪問者が迷わず目的のページにたどり着ける フォントの大きさや色使いが統一され、見やすいデザインになっている ボタンやリンクが適切に配置され、次のアクションが起こしやすい 解説 ホームページの「分かりやすさ」＝ ユーザーの満足度です。目的のページが見つからなかったり、操作が直感的でないと、ユーザーはすぐに離脱してしまいます。 特に、問い合わせや購入ボタンの位置は重要です。「どこをクリックすれば良いかわからない」「問い合わせが面倒」と思われると、せっかくのチャンスを逃してしまいます。 スマホ対応（モバイルフレンドリー）になっているか 診断基準 スマホで見たときに適切な文字サイズ・レイアウトになっている タップしやすいボタンやメニュー設計になっている 解説 現在、インターネット利用の約7割がスマホからと言われています。スマホ対応していないサイトは、それだけで訪問者の離脱率が高くなります。 また、Googleはモバイルファーストインデックス（MFI）を採用しており、スマホ対応していないサイトはSEO評価が下がる可能性があります。 ホームページの表示速度は速いか 診断基準 全てのページが3秒以内に表示されているか 解説 サイトが表示されるのに3秒以上かかる場合は訪問者の50%以上が離脱すると言われています。特に、スマホユーザーは回線環境が不安定な場合があるため、できるだけ軽量化することが重要です。 SEO（検索エンジン対策）ができているか 診断基準 タイトルタグやメタディスクリプションがページ毎に適切に設定されている 見出しタグ（h1, h2, h3）を適切に使用している パンくずリストが設置されている 解説 検索エンジン（Googleなど）に評価されるためには、SEOへの対策が不可欠です。広告やSNS等で告知を行っていない場合、ホームページのアクセスの大半は検索エンジン経由と言われており、SEOの最適化は集客に直結します。 特に、適切なキーワード選定と内部リンクの整理は基本中の基本。検索エンジンがページ内容を正しく認識できるように、適切なタグの設定が重要です。 ユーザーが安心して利用できるよう対策がされているか 診断基準 SSL（https化）が設定されている プライバシーポリシー（個人情報に関しての記載）の記載がある WordPressを使用している場合は、本体やプラグインを最新バージョンに更新している 解説 ホームページのセキュリティが甘いと、ハッキングや情報漏洩のリスクがあります。特に、SSL化（https対応）していないサイトは、Googleの警告が表示され、ほとんどの人が離脱をしてしまう可能性があります。 また、WordPressを利用している場合は、古いプラグインが脆弱性の原因となることがあるため、定期的な更新が必要です。 お問い合わせフォームが使いやすいか 診断基準 入力項目は最低限にし、ストレスなく送信できるか 必須項目やエラー表示がわかりやすいか 自動入力や入力例等のサポート機能が付与されているか 解説 ホームページの最終的な目的が「お問い合わせを増やすこと」である場合、お問い合わせフォームの設計が重要になります。フォームの使い勝手が悪いと、ユーザーが途中で離脱し、貴重な機会を逃してしまうことになります。住所の自動入力や半角・全角の切り替えなど簡略化できる部分は対応することが必要です。 補足：定期更新できるコンテンツ（新着情報・コラム）の有無 解説 新着情報やコラムは、ホームページの信頼性や集客力を高める有効な手段ですが、更新が長期間止まってしまうと、かえって「この会社は活動していないのでは？」という印象を与える可能性があります。定期的に更新できるかどうかを考慮して設置することが重要です。 まとめ：良いホームページは診断基準を満たしているかが鍵！ 良いホームページは、訪問者が快適に利用でき、目的を達成しやすいサイトのことです。これらを満たすことで、効果的なホームページ運用が可能になります。ぜひ、自社サイトをチェックし、改善点を見直してみましょう！

ホームページ制作時にパラメータを使用して詳細ページ等を表示する時がありますが、見た目がわかりにくく、スッキリさせたいとの要望でディレクトリ形式に変更した際の実装方法をメモ。 今回は「example.com/products/index.php?category=shoes&id=123」のページを「example.com/products/shoes/123/」に変更します。 .htaccess RewriteEngine on RewriteRule ^(.*)$ index.php [L] ディレクトリ形式に変更したいページと同階層に上記htaccessを設置。（今回の場合「products」内）アクセスを全て「index.php」に集約することで、存在しないディレクトリにアクセスしても「404」エラーが出ない状態にします。 index.php（PHP） $parse_url = parse_url($_SERVER["REQUEST_URI"]); $segments = explode('/', trim($parse_url['path'], '/')); $category= $segments[1]; $id = $segments[2]; if(!empty($category)){ $dt['category'] = preg_replace('/[^a-zA-Z0-9-]/', '', $category); //英数字とハイフンのみを有効化 } if(!empty($id)){ $dt['id'] = preg_replace('/[^0-9]/', '', $id); //数字のみを対象 } //以下パラメータ取得時と同様の処理を記載（省略） 「parse_url」を使用してURLの構成要素を取得したのち、「trim」を使用し文字列の先頭と末尾の「/（スラッシュ）」を取り除く。その後「explode」を使用してディレクトリごとに配列に収納。 配列に挿入した値は、必要な部分のみを変数に入れてパラメータ時と同様の処理を行います。