はじめに：手間ひま、気配り、心遣いを込めたホームページ制作
はじめまして、一瀬ハンナと申します。37歳、独身です。子どもはいません。23歳の時に制作会社に入社した時から数えて14年。独学で知見をアップデートしながら、現場レベルで業務にあたってきました。離婚を経験し、お金がなくて苦しい時も通りましたが、信頼に支えられ、お客様にリピートしていただいているおかげで、今日も仕事ができています。わたしにとって、一人ひとりのお客様が本当に大切な存在です。
わたしの掲げるホームページ制作には「手間ひま」「気配り」「心遣い」が詰まっています。
ありもののテンプレートをただコピペするのではなく、お客様お一人おひとりのニーズに合わせて先回り。
見えない部分にこそ、カスタマイズの手間を惜しみません。
それがわたしのスタンスです。
ホームページは単なるデジタルの存在ではなく、料理のように愛情を込めて作るもの。もしこのブログを読んで何かを感じていただけたなら、文末のハートボタンをぜひ押していってください！
ユーザーにうれしい一般的な前提をサポート
WordPressで作成／もっとも身近なCMS
WordPressを使用してホームページを制作することで、ユーザーが簡単に自身で更新を行えるようにします。
テーマにはLightningをセレクト／自分で更新できるサイトへ
テーマはLightningをベースに使用。テーマ自体「自分で更新できる」伸びしろが大きく、レスポンシブ対応やSEO対策にも優れており、使いやすさと性能を兼ね備えています。
レスポンシブ対応／複数のデバイスで最適表示
ホームページは、Windows、MacOS、iPhone、Androidといった様々な端末で適切に表示されるよう配慮しています。
ブラウザ最適化／主要ブラウザでの表示をチェック
Microsoft Edge、Mozilla Firefox、Safari、Google Chromeの各最新版について、どのブラウザで閲覧しても見た目や機能が崩れないよう配慮しています。
おおむね印刷対応／プラスアルファの心配り
完全な印刷対応は保証できませんが、可能な限り印刷時にもレイアウトが崩れないよう工夫しています。
ユーザーにうれしい"可愛い"をプラスするカスタマイズ
ファビコン
ホームページにファビコン（ブラウザのタブに表示される小さなアイコン）を登録します。提供素材がない場合も、自主的に画像を作成し、必ず登録しています。
ローディングアニメーション
ページが読み込まれる間に表示されるローディングアニメーションも、ユーザーが楽しめるような可愛いデザインで提供しています。これも素材がない場合でも、自主的に作成しています。
Googleフォント
Googleフォントの中から、サイトの雰囲気に合ったフォントを個別にインストールしています。フォント選びにも気を配っています。
絵文字フォント
絵文字フォントが利用でき、可愛らしいアイコンを簡単に追加できます。Lightningテーマにはフォントオーサムの読込が標準で搭載されているので、特別な操作をせずに利用できます。
メインビジュアルのカスタマイズ
トップページのスライドショーには、希望する画像を登録できます。複数枚の画像を追加したり、簡単な動画をメインビジュアルにすることも可能です。
画像のポップアップ効果
画像をクリックするとライトボックス風に浮き上がって表示されるポップアップ効果を追加します。ちょっとした工夫で、サイトがリッチで楽しげな印象になります。
TOPに戻るボタン
サイトに合ったカラーでTOPに戻るボタンを作成しています。ロケットが飛び出すような可愛いボタンも作成可能です。
下部固定メニュー
意外と人気の機能、スマホ画面の下部に固定メニューを追加できます。使いやすさを考慮しつつ、デザインにもこだわったカスタマイズが可能です。
自分で更新できる機能の充実
住所や電話番号、FAX番号といった基本情報の一元化
基本情報を管理画面で入力できるようカスタマイズしています。これにより、サイト全体を一発で更新することができます。一元化していないと、いざという時に修正漏れするんですよね。また、入力した情報はショートコードで投稿や固定ページにも引用することができます。便利な自慢のカスタマイズです。
ヘッダー・フッターのロゴ差替の一元化
ヘッダーやフッターに表示されるロゴを自分で差し替えできるようにカスタマイズしています。これにより、ロゴの変更があっても簡単に対応できます。
オリジナルブロック作成
自分でブログ記事の投稿や固定ページを作り込めるオリジナルブロックを個別にデザインしています。見出しやボタン、囲み枠などをサイトの雰囲気に合わせて制作し、お客様が簡単に使用できるようにカスタマイズしています。
レスポンシブ対応テーブルブロック
プラグインを活用して、スマホでも柔軟に表示できるレスポンシブ対応のテーブルブロックを提供しています。デフォルトのままでなく、セルが縦積みになった際のCSSを調整済み。線色・背景色はサイトのテーマカラーの中からワンクリックで選べます。さらに、スクロールヒントのアニメーションもお付けしています。
メンテナンスモードのご用意
ホームページの公開前に、ユーザーが自分で内容を編集できるように、メンテナンスモードを準備します。公開直前までしっかりと内容を確認できる環境を提供しています。
SNS対応・SEO内部対策
SNSリンクの設置
ご要望に合わせたデザインで必要なSNSのリンクアイコンを設置。リンク先のURLは管理画面で入力できるようにしておきます。アイコンの代わりに、QRコードを表示してもいいですね。
Instagramフィードの表示
/////////////////////////////////////////////////////
【2024/12/10 追記】
2024年12月にInstagram Basic Display APIが提供終了したことで、わたしのお気に入りプラグイン「smash balloon feed」に限らずインスタの埋め込みの更新ができなくなっていると思います。ビジネスアカウントに切り替えて再接続をしたら更新されると思います。更新されないだけでフロントエンドの見た目は崩れてないので順次で大丈夫だと思います！
/////////////////////////////////////////////////////
丁度いいプラグインがありますので、ご希望の方にサービスしています。管理画面でレイアウトなども自由に変更いただけます。ホームページを作ったとてブログを書く気が一切ないという方でも、Instagramだけ更新していればフィードが新しくなるので、にぎやか演出になりそうですね。
OGP記述・OGPイメージ作成
OGP（Open Graph Protocol）に対応した記述がなされています。また、特に指定がない場合も、自主的に「OGP画像」を作成し、登録することを必ずしています。SNSでシェアされた際の視認性が向上する大切な心配りです。
SEO内部対策
タイトルやディスクリプションの案を入れた状態で納品します。保証するものではありませんが、いちいちGoogle検索結果シミュレーターを使ってお客様ごとに見栄えを考えて作っていることはまだ誰も知らない。テーマの標準的なポテンシャルのおかげで、パンクズリストもしくは構造化データの対応もなされてしまうため、放っておいても非常に高度なSEO設計になっていきます。なお、各記事、各固定ページで個別にタイトルやディスクリプションを設定することもできるので、開発者の手を離れた後も自分で編集していくことが可能です。
セキュリティ対策
お問い合わせフォームのスパム対策
お問い合わせフォームにはスパム対策としてreCAPTCHAを導入しています。So、例え言われてなくても…。
コメントはオフで納品
ちょっとしたことですが、気配り・目配り・心配り。
SiteGuard WP Plugin導入
日本製のプラグインであるSiteGuard WP Pluginは、定期的にアップデートがあり、適切に保守されているイメージがあるので信頼しているプラグインです。保証するものではありませんが、主要な機能、特にログインページの保護ができるため、ないよりずっと安心です。
ビフォア・アフターフォロー／MEO対策
サーバー・ドメイン契約代行
サーバーやドメインの契約手続きを代行します。お客様が面倒な手続きを行う必要がなく、スムーズな開始が可能です。自動更新などの運用ノウハウもレクチャーいたします。
Googleアナリティクス、Googleサーチコンソール、Googleマイビジネス
Googleアナリティクスはつまりアクセス解析ですが、Googleのサービスなので、やっておいたほうが検索エンジンの認識が早まるのではないかと言う期待もあって登録するようにしています。Googleサーチコンソールにも登録して、サイトマップを送信のうえ、早くロボットにサイトを見に来てほしい期待をかけてインデックスをリクエストします。
Googleマイビジネスは無料でできるSEO対策と言って過言ではありません。近所の人の検索結果に地図付きで出てくるのですから！でも設定はかなり面倒くさいです。ものすごく面倒ではあるのですが、お客様にホームページの効果を味わっていただくためならやる価値があります。しかし、お客様サイドが面倒臭さに挫折してやり遂げられないこともしばしば…
開発者にうれしいカスタマイズ
WP Multibyte Patch導入
マルチバイト対応のために、WP Multibyte Patchを導入しています。日本語の文字コードに適した対応を行うことで、快適な環境を提供しています。
JavaScriptの最適化
Contact Form 7のアセットファイルを最適化し、その他のJavaScriptもフッターで読み込むように設定しています。これにより、ページの読み込み速度が向上します。
カスタム投稿タイプのカスタマイズ
お客様の声やよくある質問、実例や施工実績を増やせるように、カスタム投稿タイプを駆使したカスタマイズを行っています。これにより、サイトのコンテンツを効果的に管理できます。
/////////////////////////////////////////////////////
【2024/10/04 追記】
WP EngineがWordPressの開発元を提訴したというニュースが入ってきました。WP Engineが2022年に買収したAdvanced Custom Fields（ACF）の今後の運用にも影響を与える可能性があります。ACFの利用が今後も継続できるかどうかは現時点では不透明です。裁判の結果次第ですが、一旦、ACFを使ったカスタマイズには注意が必要です。最新情報にご留意ください。
/////////////////////////////////////////////////////
ホームページ作成は、究極的には人と人とのお付き合いです。単なる作業ではなく、お客様お一人おひとりに寄り添い、先回りして準備を整え、長期的に安心して使っていただけるようにすることが、わたしの使命だと感じています。ぜひ、こうした細かな対応にも目を向けていただければうれしいです。
もしこのブログが少しでもお役に立てたなら、文末のハートボタンを押していただけると励みになります。今後とも、Hannah Web LAB（ハンナウェブラボ）の一瀬ハンナをどうぞよろしくお願いいたします！
