忍者ブログ

電子音楽 WEB制作(HP制作)

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

web制作

・HTML, CSS, jQueryを使用したwebコーディング
・Wordpressの導入、サイト構成
・バナー・ヘッダーの画像制作
・PHPによる自社システム開発
 (PHP(Laravel)を用いた社内システム)
・WordPressによるWebサイト開発
 コーポレートサイト構築
・仕様書作成
 (物販系Webシステムのドキュメント整備)
・AdobeXD, Photoshop, Illustratorを使ったサイトデザイン
・サイト修正
・SlackやChatworkなどのチャットツールを使った即レス対応
・SEO対策

WEBサイト制作、スマホやタブレットのアプリ制作、
WEBシステム開発を中心に受託での開発・制作を行っております。

京都のWeb制作・ホームページ制作

・CMS(WordPress)連携サイト制作
・WordPressプラグイン開発
・HTML スクラッチサイト制作
・スマートフォン、タブレットアプリ (iOS,Android)
・電子出版、書籍サービス開発
・業務系Webシステム、LAMP開発
・各種デザイン制作

・さらなる事業展開をしやすくなる
・Web案件のご相談時にご提案できる幅が広がる
・クライアントの満足度が上がる
・実績作りという過程を省略できる
・マージン(仲介手数料)を得れる
・Web系の案件の受注数増加

・企画、各種ご提案・お打ち合わせご同行

コーディング〜WordPress化 15P
制作期間:約1.5ヶ月
制作ポイント:カスタムフィールド
スクロールアニメーション
関連事例をカスタムフィールドで選択式にて対応
全ページにスライドインアニメーションの導入など

京都のWeb制作・ホームページ制作

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

PR

純粋消費者による発信

それまでのおもんないグループは、目立ちたくても指をくわえて見ることくらいしかできませんでした。いいところ身近にいる同様の人種に「いいなぁ」と言われる程度で、せいぜい新しい家電を買って見せびらかすことくらいしかできませんでした。

それがインターネットの普及により、「発信」できるようになってしまいました。発信することによって、一人で悶々と考えることなく「いいじゃんそれ」が加速するようになってしまいました。しかしそのやりとりが笑われていることには気づいていません。しかも多数決で自分たちの方が多勢だと思えば、自分たちの方が面白いとすら思っているでしょう。そんな思い込みすら見抜かれて笑われています。 純粋消費者による発信
今はソフトがかなりのことをやってくれるので、誰でも簡単にちょっと変わったものは作れます。

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

採用活動 TikTok動画で求人募集につなげる

「求人を出しても応募が来ない」 「採用コストばかり上がって、良い人材が採れない」

人事担当者や経営者の方から、このような悲鳴にも似た相談を日々受けます。 Indeedやリクナビなどの媒体に高い掲載費を払っても、効果が薄れてきている。そう感じていませんか?

それもそのはずです。求職者の行動様式は劇的に変化しました。彼らはもう、美しく整えられた求人原稿を信じていません。彼らが探しているのは、企業の「リアル(素顔)」です。

そこで今、採用の主戦場となっているのがTikTokです。 「TikTokで採用? 若者が踊っているだけでしょ?」 もしそう思っているなら、その認識が採用難の根本原因かもしれません。

今回は、Webマーケティングと動画制作の視点から、TikTokを単なるエンタメではなく、最強の「採用オウンドメディア」に変えるための戦略について解説します。 これは、流行りの話ではなく、企業の存続に関わる人材獲得の生存戦略です。

採用活動は「マーケティング」そのものです


まず、採用に対する意識を少し変えてみましょう。 採用活動とは、「自社」という商品を、「求職者」という顧客に売り込むマーケティング活動そのものです。

従来の求人媒体は、言うなれば「他人の土地で商売をさせてもらっている」状態です。 高い出店料(掲載費)を払い、画一的なフォーマットで、競合他社と横並びにされる。これでは、資金力のある大手企業には勝てません。

しかし、TikTokや自社ホームページを使った採用活動は違います。 そこは「自社の土地」です。表現の自由度が高く、熱量をそのまま伝えることができます。

Webマーケティングの世界では、自社のメディア(オウンドメディア)を持つことが最強の資産となりますが、採用においても全く同じことが言えるのです。

なぜ今、テキストではなく「動画」なのか


求職者が企業を選ぶ際、最も不安に感じていることは何でしょうか? 給与や待遇も大切ですが、最終的な決め手になるのは「自分はこの会社でやっていけるか?」という直感的な安心感です。

「職場の雰囲気」「社員の人柄」「オフィスの空気感」 これらのような「非言語情報」は、どれだけ優れたコピーライティングでも、テキストと静止画だけでは伝えきれません。

1分の動画が伝える情報量は、Webページ3,600ページ分に相当するとも言われます。 TikTokのショート動画なら、社員同士の何気ない会話や、休憩時間の様子、あるいは社長の意外な一面などを通して、企業の「温度感」をダイレクトに伝えることができます。

この「温度感の共有」こそが、求職者の不安を取り除き、応募へのハードルを劇的に下げるのです。

「ミスマッチ」を防ぐフィルターとしての機能


採用担当者を悩ませるもう一つの問題が「ミスマッチ」です。 苦労して採用したのに、「思っていたのと違った」と言ってすぐに辞めてしまう。これは企業にとっても求職者にとっても不幸なことです。

TikTok動画は、このミスマッチを防ぐ強力なフィルターになります。

例えば、あえて「仕事の厳しさ」や「泥臭い現場」を見せることも戦略の一つです。 綺麗なオフィスで優雅に働くイメージを持っていた人は応募してこないかもしれません。しかし、「その厳しさこそが成長につながる」と共感してくれる、骨のある人材だけが集まるようになります。

「良いことばかり言わない」 この誠実な姿勢が、結果として定着率の高い、質の良い母集団形成につながります。

踊る必要はありません。「日常」がコンテンツです


「TikTokをやるなら、社長や社員が踊らないといけないんでしょうか?」 よく聞かれますが、その必要はありません。(もちろん、社風に合うならOKですが)

求職者が見たいのは、作り込まれたダンスではなく、そこにある「日常」です。

ランチタイムにどんな会話をしているのか

会議の雰囲気はピリピリしているのか、和やかなのか

残業している社員に「お疲れ様」と声をかける文化はあるか

こうした何気ないシーンこそが、求職者にとっては喉から手が出るほど欲しい情報です。 かっこつける必要はありません。ありのままの姿を切り取るだけで、それは立派な採用コンテンツになります。

TikTokからホームページへの「採用導線」


Webマーケティングのプロとして最も重要な「導線設計」の話をします。

TikTokで興味を持ってもらった後、どうするか。 ここで満足させて終わってはいけません。必ず、プロフィールのリンクから自社の「採用サイト(ホームページ)」へ誘導してください。

TikTokはあくまで「興味付け(認知)」の入り口です。 詳しい募集要項や、代表メッセージ、先輩社員のインタビューといった深い情報は、ホームページでしっかりと読んでもらう必要があります。

この「TikTok(動画)→ ホームページ(詳細情報)→ 応募」という流れをスムーズに作ることが、採用成功の鍵です。 動画で感情を動かし、ホームページで理性を納得させる。この両輪が回って初めて、求職者は「応募する」というアクションを起こします。

TikTokは単なる遊び道具ではありません。 使い方次第で、広告費をかけずに優秀な人材を引き寄せ続ける、強力な「採用エンジン」になります。 まずはスマホを片手に、オフィスの日常を撮影することから始めてみてはいかがでしょうか。 その一歩が、会社の未来を変える出会いにつながるかもしれません。

採用活動がうまくいかない人事担当者へ TikTok動画で求人募集につなげるポイント

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

ドメイン・URLの変更

ホームページのドメイン(URL)は、サイト内容の名称部分の変更と合わせて変更する場合があります。
ホームページのドメイン(URL)を変更する場合の作業

ホームページのドメイン(URL)変更を行う場合は、DNSの反映時間等を含め、見落としている点はないかを常に確認し、慎重に作業をしていく必要があります。ドメインを変更するとホームページのアドレスが変更になるため、全てのページで以前のURLが利用できなくなります。

ドメイン変更があるとリダイレクト設定も必要ですし、被リンクの力も弱まります。

ホームページのドメイン変更は、見た目以上に影響範囲が広く、技術的にも運用的にも慎重さが求められる作業です。ドメインを変更すると、トップページだけでなく、下層ページを含むすべてのURLが変わるため、検索エンジンやユーザーから見れば「別のサイト」として認識される可能性があります。そのため、単に新しいドメインを取得して公開すれば完了、という話ではありません。
 
まず前提として、ドメイン変更時にはDNSの反映時間を考慮する必要があります。DNSは即時に切り替わるものではなく、環境によっては数時間から最大で72時間程度、旧ドメインと新ドメインが混在した状態になることがあります。この期間中に設定ミスがあると、サイトが表示されなかったり、メールが届かなくなったりといったトラブルが発生する可能性があります。特に、ホームページと同一ドメインでメールを運用している場合は、Webだけでなくメール設定も含めた全体設計が不可欠です。
 
ドメインを変更すると、以前のURLはそのままでは利用できなくなります。そのため、旧URLから新URLへ正しく転送するための「301リダイレクト設定」が必須となります。301リダイレクトは、検索エンジンに対して「恒久的にURLが変更された」ことを伝える仕組みであり、これを適切に設定することで、旧URLが持っていた評価を新URLへ引き継ぐことができます。ただし、リダイレクトは万能ではなく、設定漏れや誤設定があると、評価の引き継ぎに失敗したり、404エラーが大量に発生したりする原因になります。
 
特に注意が必要なのは、トップページだけでなく、すべての下層ページ単位でリダイレクトを設定することです。旧ドメインの全ページを一律で新ドメインのトップページへ転送してしまうと、ユーザー体験が著しく悪化するだけでなく、検索エンジンからも不適切なリダイレクトとして評価されるリスクがあります。URL構造が変わる場合でも、可能な限り「旧ページと同等の内容を持つ新ページ」へ1対1で転送することが重要です。
 
また、ドメイン変更は被リンクにも影響を与えます。外部サイトから張られているリンクは、基本的に旧URLのまま残り続けます。301リダイレクトを設定していれば一定の評価は引き継がれますが、完全に同じ強さが維持されるとは限りません。特に、長年積み上げてきた被リンクが多いサイトほど、ドメイン変更後に一時的な検索順位の下落やアクセス減少が起こる可能性があります。
 
さらに、内部リンクや画像パス、JavaScript、CSSなどの読み込み先URLが絶対パスで記述されている場合、ドメイン変更後に正しく読み込まれないケースもあります。これにより、表示崩れや機能不全が発生し、ユーザー体験やSEOの両面でマイナスの影響を受けることになります。ドメイン変更前後で、サイト全体の動作確認を入念に行うことが欠かせません。
 
検索エンジン側への対応としては、Google Search Consoleでのアドレス変更ツールの利用や、新ドメインのプロパティ追加、サイトマップの再送信なども必要になります。これらを行うことで、検索エンジンに対して意図的なドメイン変更であることを明示し、インデックスの切り替えをスムーズに進めることができます。
 
このように、ドメイン変更はSEO、ユーザー導線、システム運用のすべてに影響を及ぼす高リスクな作業です。明確な目的や必要性がない限り、安易に行うべきではありません。やむを得ずドメインを変更する場合でも、事前の設計、チェックリストの作成、段階的な確認を徹底することで、リスクを最小限に抑えることができます。ドメイン変更は「URLを変える作業」ではなく、「サイトの信頼と評価をどう引き継ぐか」を問われる作業であることを、常に意識して進める必要があります。

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

「広告をクリックしたのに売れない」その原因はここにあります。業種別・勝ち抜くためのLP構成と情報設計の鉄則

「Web広告を出せば、すぐにお客様が集まると思っていた」 「クリック数はあるのに、なぜか問い合わせにつながらない」
 
私たちがWebマーケティングの相談を受ける際、最も多く寄せられるのがこうした悩みです。
 
広告費をかけてGoogleやSNSに広告を出稿し、自慢の商品やサービスをアピールする。アクセス解析を見ると、確かに人は来ている。それなのに、最終的な成果(コンバージョン)に至らない。まるで、穴の開いたバケツに水を注ぎ続けているような状態です。
 
この原因の多くは、広告の文言と、飛び先であるランディングページ(LP)の「ミスマッチ」、そして何より「業種ごとの定石」を外している点にあります。
 
LPは、単なる「長いチラシ」ではありません。訪れたユーザーの心理状態に合わせて、疑問を解消し、不安を取り除き、行動へと背中を押すための、緻密に計算された「接客空間」です。
 
そして、その接客スタイルは、売るものによってガラリと変えなければなりません。BtoBの商材を売るのと、化粧品を売るのとでは、お客様が求めている情報も、決断に至るまでのプロセスも全く異なるからです。
 
今回は、多くの企業が見落としがちな「業種ごとの正しいLPのあり方」について、BtoB、Eコマース、美容・健康、教育といった主要な分野を例に挙げながら、プロフェッショナルな視点で徹底的に解説します。
 
広告とLPをつなぐ「期待値のコントロール」
各論に入る前に、すべての業種に共通する大原則をお話しします。それは、広告とLPの一体設計です。
 
ユーザーが広告をクリックするのは、その広告に書かれたコピーや画像に何らかの「期待」を抱いたからです。「業務効率化ができるかもしれない」「肌が綺麗になるかもしれない」「安く買えるかもしれない」。この期待を胸にLPを訪れます。
 
しかし、LPを開いた瞬間に、その期待と異なる印象を受けたり、知りたかった情報がすぐに見つからなかったりすると、ユーザーは「騙された」「面倒くさい」と感じて、わずか数秒でブラウザを閉じてしまいます。これを直帰と言います。
 
クリック率が高いのに成約率が低い場合、広告で煽りすぎているか、LPが広告の受け皿として機能していない可能性が高いです。
 
広告で投げかけた問いかけに対して、LPのファーストビュー(最初に表示される画面)で明確な答えを提示すること。そして、広告のデザインやトーン&マナーをLPでも踏襲し、違和感のない接続を作ること。これがスタートラインです。
 
ここから、具体的な業種ごとの戦略について見ていきます。
 
BtoB(法人向け)分野:感情よりも「論理」と「信頼」を売る
企業対企業の取引において、LPに求められるのは何でしょうか。それは「失敗しないための証拠」です。
 
BtoBの商材、たとえばSaaS(ソフトウェア)やコンサルティングサービス、業務用機器などは、個人の買い物とは決定的に違う点があります。それは、購入の意思決定者が一人ではない場合が多いということです。
 
担当者が「これ良いな」と思っても、上司の承認を得たり、稟議を通したりする必要があります。つまり、BtoBのLPは、担当者が社内で説明するための「説得材料」が揃っている必要があります。
 
ここで感情に訴えるようなポエム的なコピーや、根拠のない「No.1」という文言は逆効果です。求められているのは、冷徹なまでの「論理」と「データ」です。
 
導入事例は「数」よりも「質」と「具体性」
BtoBのLPにおいて最も強力なコンテンツは導入事例です。しかし、単に有名企業のロゴを並べるだけでは不十分です。「自社と似たような課題を持っていた企業が、どう解決したか」というストーリーが必要です。
 
「〇〇業界での導入実績」「従業員100名規模での活用事例」といったように、閲覧者が自分事として捉えられる事例を配置します。Before/Afterを数値(コスト削減率や売上向上率など)で示すことは基本中の基本です。
 
信頼性を担保する情報設計
また、機能一覧やスペック表も重要ですが、それ以上に「誰が作っているか」「サポート体制はどうなっているか」という信頼情報が重視されます。セキュリティへの取り組み(ISO認証やプライバシーマークなど)、開発体制、導入後のカスタマーサクセスの有無などを明記し、「この会社なら長く付き合える」と思わせる情報設計が必要です。
 
コンバージョンポイント(ゴール)も、いきなり「購入」ではなく、「資料請求」や「ホワイトペーパーのダウンロード」、「無料デモ体験」といった、ハードルの低いマイクロコンバージョンを設定するのが鉄則です。まずはリード(見込み顧客情報)を獲得し、そこから営業担当者がアプローチするという流れを想定したLP作りが求められます。
 
Eコマース(物販)分野:数秒で心を掴む「シズル感」と「安心感」
次に、Eコマース(ネット通販)の場合です。ここでは、BtoBとは対照的に、直感的な「欲求」と、購入の「ハードル除去」が勝負を分けます。
 
アパレル、雑貨、食品などの物販において、ユーザーは長い文章を読みたがりません。商品の魅力が一目で伝わる高品質な画像や動画がすべてと言っても過言ではありません。
 
画像は「説明」ではなく「体験」を伝える
商品の全体像を見せるのは当たり前ですが、それだけでは不十分です。
 
食品であれば、湯気が立っている様子や、断面の瑞々しさ(シズル感)。アパレルであれば、モデルが着用して動いている動画や、生地の質感がわかる拡大写真。家具であれば、実際の部屋に置いた時のサイズ感がわかる生活シーンの画像。
 
これらを駆使して、ユーザーの脳内で「それを使っている自分」をリアルにイメージさせることが重要です。スマホでの閲覧がメインとなるため、小さな画面でも商品のディテールが伝わるよう、画像のクオリティと表示速度のバランスを極限までチューニングする技術も必要になります。
 
迷わせないためのUI(ユーザーインターフェース)
ECのLPで最も避けたいのは、「買いたいのに買い方がわからない」という状況です。
 
カートボタンは常に押しやすい位置にあるか(追従型ボタンなど)。送料はいくらかかるのか。いつ届くのか。返品は可能なのか。
 
こうした購入直前の不安要素(フリクション)を、ユーザーが探す前に提示する必要があります。「在庫わずか」「本日中の注文で明日お届け」といった情報は、購入を後押しする強力なトリガーとなります。
 
また、Amazon PayやPayPayなどのID決済を導入し、住所入力の手間を省くことも、カゴ落ち(カートに入れたのに買わずに離脱すること)を防ぐための重要な施策です。
 
美容・健康分野:コンプレックスに寄り添い、法規制をクリアする高度な設計
化粧品、健康食品、エステサロンなどの美容・健康分野は、Webマーケティングにおいて最も難易度が高く、かつ当たれば大きい分野です。
 
ユーザーが抱えているのは、肌荒れ、肥満、薄毛といった深い「コンプレックス」や「悩み」です。LPの役割は、その悩みに深く共感し、「ここなら変われるかもしれない」という希望を提示することです。
 
感情を動かす「共感」のストーリー
まずは、ファーストビューで「こんな悩みありませんか?」と問いかけ、ユーザーに「これは私のことだ」と思わせる必要があります。
 
そして、なぜその悩みが解決しなかったのかという原因を提示し、それに対する解決策として自社の商品を提案する。この一連の流れ(ストーリー)が、ユーザーの感情を揺さぶります。
 
利用者の声やビフォーアフター写真(法規制の範囲内で)は、非常に強力なコンテンツです。自分と同じような悩みを持っていた人が、どう変わったのか。そのリアルな体験談は、どんな宣伝文句よりも響きます。
 
薬機法・景品表示法との戦い
この分野で避けて通れないのが、薬機法(旧薬事法)や景品表示法といった法律の壁です。
 
「絶対に治る」「最高の効果」といった表現は使えません。しかし、法を守りすぎて魅力のないLPになってしまっては本末転倒です。
 
私たちプロフェッショナルは、法律を遵守しながらも、ユーザーの心に響くギリギリの表現を模索します。「個人の感想です」という注釈を入れるだけでなく、医師や専門家の監修コメントを入れたり、成分の科学的な根拠を丁寧に説明したりすることで、信頼性と訴求力を両立させます。
 
「感情」で攻めつつ、「理屈」で安心させる。このバランス感覚が、美容・健康分野のLP制作には求められます。
 
教育・スクール系分野:未来への「投資」を正当化させる
英会話スクール、プログラミング教室、資格講座、学習塾。こうした教育系のサービスは、「形のないもの」に高額な費用と時間を払ってもらうという特性があります。
 
ユーザーが買おうとしているのは、授業そのものではなく、「受講した後の自分(変化した未来)」です。
 
カリキュラムの透明性と到達目標
教育系のLPでは、「何を学ぶか」だけでなく、「それを学ぶとどうなれるか」を具体的にイメージさせることが重要です。
 
「3ヶ月で日常会話が話せるようになる」「未経験からエンジニアとして転職できる」といった明確なゴールを示し、そこに至るまでのロードマップ(カリキュラム)を詳細に公開します。
 
授業の様子がわかる動画や、テキストのサンプルを見せることで、「自分にもついていけそうだ」という安心感を与えます。講師のプロフィールも重要です。単なる経歴だけでなく、教育に対する情熱や人柄が伝わるメッセージを掲載することで、信頼を獲得します。
 
卒業生の実績が最大の資産
BtoBの導入事例と同様に、教育系では「卒業生の成果」が強力な武器になります。
 
「TOEICが〇〇点アップした」「希望の大学に合格した」「年収が〇〇万円上がった」。こうした具体的な成果とともに、卒業生のインタビューを掲載します。
 
特に、スタート時のレベルが低い状態から成功した事例を見せることで、「私にもできるかもしれない」という自己効力感を高めることができます。
 
コンバージョンポイントとしては、「無料体験レッスン」や「無料カウンセリング」「資料請求」などが一般的です。いきなり入会を迫るのではなく、まずは接点を持つことを重視し、そこから信頼関係を構築していくステップを踏みます。
 
事業のフェーズに合わせたLPの最適化
ここまで業種ごとの特徴を見てきましたが、さらに企業の成長フェーズによってもLPの役割は変わります。
 
立ち上げ直後のサービスであれば、まずは知名度を上げるために、尖ったメッセージで特定の層(アーリーアダプター)に刺さるような構成にします。一方で、すでに知名度があるサービスであれば、安心感や実績を前面に出し、より幅広い層を取り込むような構成に変えていきます。
 
LPは一度作って終わりではありません。
 
ヒートマップツールを使ってユーザーがどこで読むのをやめたか(離脱箇所)を分析したり、A/Bテストを行ってキャッチコピーやボタンの色を比較したりと、運用しながら育てていくものです。
 
業種の定石を踏まえつつ、実際のユーザーの反応を見ながら微調整を繰り返す。この泥臭い改善作業こそが、最終的な成約率(CVR)を劇的に改善させる唯一の道です。
 
プロフェッショナルと共に「売れる仕組み」を作る
ホームページ(ウェブサイト)やLPは、24時間365日働き続ける、あなたの会社の最強の営業マンです。
 
しかし、その営業マンに間違ったセールストークをさせていたり、場違いな服装をさせていたりしては、成果が出ないのも無理はありません。
 
BtoBにはBtoBの、ECにはECの、それぞれの「勝ちパターン」があります。
 
もし現在、自社のLPの反応が悪いと感じているのであれば、それはデザインのせいだけではないかもしれません。業種に求められる情報設計ができているか、広告からの文脈がつながっているか、もう一度見直してみてください。
 
「何から手をつけていいかわからない」「自社の業界に合った正解が知りたい」という場合は、ぜひ私たちのような専門家にご相談ください。
 
私たちは、単に綺麗なページを作るだけではありません。御社の事業を深く理解し、競合を分析し、ターゲットの心理を読み解き、「売れるためのロジック」を詰め込んだLPを設計します。
 
正しい戦略と、適切な情報設計。この2つが揃った時、LPは驚くほどの成果を生み出します。Webマーケティングの力で、御社の事業を次のステージへと押し上げるお手伝いをさせてください。

SNS広告とランディングページ連携による広告費の有効活用について

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

愛着のあるホームページは、無理にリニューアルしなくていい。「古い」ことの価値と、思い出を守るためのプロの選択肢

ご提示いただいたテーマと、これまでの「ふぁん」としての視点(トップエンジニア・マーケター)を踏まえ、あえて業界の定説に疑問を投げかける、温かみのある記事を作成しました。
 
愛着のあるホームページは、無理にリニューアルしなくていい。「古い」ことの価値と、思い出を守るためのプロの選択肢
「ホームページ(ウェブサイト)のデザインが古いですね。今風にリニューアルしないと、集客できませんよ」 「スマートフォンに対応していないサイトは、検索順位が下がりますよ」
 
長く会社やお店を経営されている方なら、こうした営業電話や、Web制作会社からの提案を一度は受けたことがあるのではないでしょうか。
 
インターネットの世界には、「新しいことが正義」という暗黙のルールがあります。技術は日進月歩で、デザインのトレンドも数年おきにガラリと変わります。そのため、私たちのような専門家が書く記事のほとんどは、「古くなったサイトを一刻も早くリニューアルすべき理由」や「放置することのデメリット」で埋め尽くされています。
 
確かに、マーケティングや機能面だけを見れば、その主張は間違いではありません。
 
しかし、私は多くの経営者様とお話しする中で、それだけが全ての答えではないと強く感じるようになりました。
 
10年、15年と運営されてきたホームページには、作った当時の情熱や、今はもう撮れない創業時の写真、苦楽を共にしたスタッフのブログなど、かけがえのない「思い出」が詰まっています。
 
それを「古いから」という理由だけで、更地にして新しいビルを建てるように消してしまって本当に良いのでしょうか。
 
今回は、あえて業界の常識に逆らい、「愛着があるなら、その古いホームページは無理にリニューアルしなくてもいい」というお話をさせてください。トップレベルのWebマーケターとして、そして一人の人間として、思い出を守りながら事業を続けるための現実的な選択肢をご提案します。
 
「古さ」は「歴史」という信頼の証です
まず、認識を変えていただきたいことがあります。デザインが古いことは、必ずしもマイナスではありません。
 
ピカピカの最新デザインで作られたホームページは、確かに綺麗です。しかし、どこか「よそよそしさ」や「テンプレート感」を感じることがあります。一方で、昔ながらのHTMLで作られた、少し文字が小さかったり、レイアウトが素朴だったりするサイトには、独特の「味」があります。
 
それは、老舗の喫茶店や旅館が持っている空気感に似ています。
 
建物は古くても、柱の傷一つひとつに歴史があり、それがお客様に「長く続いているお店なんだな」という安心感を与えます。Webの世界でも同じです。
 
10年前から変わらないデザインで運営されているホームページは、「10年間、ここで商売を続けてきた」という動かぬ証拠です。ぽっと出の新しい会社には絶対に出せない、重厚な信頼感がそこにはあります。
 
マーケティングの数値だけを見れば、離脱率が高いかもしれません。しかし、その「古さ」を愛してくれるファンや、その変わらない佇まいに信頼を寄せる既存のお客様にとっては、無理に今風のデザインに変えることのほうが、むしろ「らしくない」と感じさせてしまうリスクすらあります。
 
リニューアルは「解体」ではありません
多くの制作会社は、リニューアルの際に「過去のコンテンツを整理しましょう」と提案します。情報の断捨離です。
 
しかし、経営者の方にとっては、過去の何気ないブログ記事一つひとつが、会社の歩みそのものです。今はもう販売していない商品のページであっても、それが会社の成長を支えてくれたヒット商品だったのであれば、簡単には消したくないはずです。
 
私が担当したあるお客様は、亡くなられた先代の社長が書いた挨拶文を、どうしても残したいとおっしゃいました。今のSEOの基準で言えば、文字数が少なく、キーワードも入っていないページかもしれません。でも、そのページこそが、その会社の精神的支柱だったのです。
 
ホームページは単なる集客ツールである以前に、その会社の「家」であり「アルバム」です。
 
マーケティング効率を優先するあまり、自分たちのアイデンティティや思い出まで捨ててしまう必要はありません。「思い入れ」があるのなら、それは立派な維持する理由になります。
 
思い出を残したまま、現代に対応する「第三の道」
とはいえ、プロのエンジニアとしての視点も少しだけお話ししなければなりません。
 
「デザイン」は古くても構いませんが、「セキュリティ」や「閲覧環境」の問題は、放置すると事業に実害が出る可能性があります。
 
例えば、サーバーのプログラム(PHPなど)が古すぎてウイルス感染のリスクがあったり、スマートフォンで文字が小さすぎて読めず、電話番号もタップできない状態だったりするのは、お客様にとって不便であり、危険です。
 
では、どうすればいいのか。 「フルリニューアル」か「現状維持」かの二択で考える必要はありません。その中間、あるいは両立させる方法があります。
 
1. 「別館」を作るアプローチ
今の愛着あるホームページはそのまま残し、集客専用の「ランディングページ(一枚ものの縦長いページ)」を別に作るという方法です。
 
例えば、「https://www.google.com/search?q=%E5%95%86%E5%93%81%E5%90%8D.com」のような新しいドメインを取得し、そこだけは最新のデザインとスマホ対応技術を使って、広告やSNSからの受け皿にします。そして、そこから「公式サイト(本館)」として、既存のホームページへリンクを貼ります。
 
これなら、集客というマーケティングの課題は新しいページで解決しつつ、会社の歴史や詳細な情報は、愛着のある元のホームページで見てもらうことができます。古いサイトを壊す必要はありません。
 
2. 「アーカイブ」として保存する
どうしてもメインのサイトをリニューアルしなければならない場合でも、古いサイトを「https://www.google.com/search?q=old.%E4%BC%9A%E7%A4%BE%E5%90%8D.com」や「https://www.google.com/search?q=history.%E4%BC%9A%E7%A4%BE%E5%90%8D.com」といった別のアドレスに移して、丸ごと残すことができます。
 
「旧ホームページはこちら」というリンクを残しておけば、昔からのファンはいつでもそこを訪れることができますし、社内の記録としても半永久的に残せます。デジタルデータなのですから、場所(サーバー容量)さえあれば、捨てずに取っておくことは簡単です。
 
3. 見た目は変えず、裏側だけ補強する
これが最も技術力を要しますが、私たちがよく行う手法です。
 
見た目のデザインや雰囲気、文章は一切変えずに、裏側のプログラムだけを最新のものに書き換えたり、スマートフォンでも最低限見やすく表示されるように調整(レスポンシブ化)だけを行ったりします。
 
「リフォーム」に近い感覚です。柱や梁、思い出の壁紙はそのままに、耐震補強を行い、水回りを新しくする。これなら、サイトが持つ「味」を損なうことなく、セキュリティやスマホ対応の課題をクリアできます。
 
自分のサイトを愛していることが最強のSEOです
Webマーケティングの世界では、どうしても「効率」や「数値」が優先されがちです。しかし、運営者自身が自分のホームページを愛していないのであれば、どんなに最新の技術を使っても、そのサイトは無機質な箱に過ぎません。
 
逆に、多少デザインが古くても、使い勝手が少し悪くても、運営者が「このサイトが好きだ」「このページには思い出がある」と胸を張れるサイトには、不思議と熱が宿ります。そして、その熱は画面を通して訪問者に伝わります。
 
私たちは、そうした経営者様の「想い」を否定することは決してありません。
 
もし、制作会社からリニューアルを迫られて、「でも、このサイト気に入ってるんだよな」と迷われているのであれば、その直感を信じてください。
 
大切なのは、Webデザインの流行を追うことではありません。事業の想いを、自分たちが納得できる形で発信し続けることです。
 
思い出の詰まったホームページ、ぜひ大切に使い続けてください。もし、技術的な面で少しだけ手助けが必要になった時は、私たちのような「古いものの価値」を理解できる専門家にご相談いただければと思います。古いサイトを壊さずに、守りながら活かす方法は、必ずあります。

古いホームページの掲載情報とリニューアルの必要性

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

ドメイン移管失敗

ドメイン移管失敗

・ドメインの期限が切れている場合
・ドメインの期限が7日以内に切れる場合
・移管元ドメイン登録業者でドメイン登録を行ってから60日以上経過していない場合

ドメイン移管ができない!その失敗、実は「時間」のルールに縛られています

「契約しているサーバーを変えるついでに、ドメインの管理も新しい会社に移したい」 「今の管理会社の更新費用が高いから、安い会社へ引っ越したい」
 
ホームページ(ウェブサイト)を長く運営していれば、ドメインの移管(トランスファー)を検討するタイミングは必ず訪れます。ドメインの管理とサーバーの管理を同じ会社にまとめることで、請求書が一本化され、管理コストが下がるメリットは非常に大きいです。
 
しかし、いざ移管手続きを始めてみると、「移管に失敗しました」「申請が拒否されました」という無機質なエラーメールが届き、パニックになる担当者様が後を絶ちません。
 
ドメインは、インターネット上の「住所」そのものです。移管に失敗してドメインが宙に浮いてしまったり、最悪の場合失効してしまったりすれば、ホームページが見られなくなるだけでなく、会社のアドレスを使ったメールも一切届かなくなります。これは事業にとって、通信インフラが遮断されるのと同じ緊急事態です。
 
実は、ドメイン移管の失敗原因の多くは、技術的なミスではなく、「タイミング(時期)」のルール違反によるものです。
 
今回は、特にご相談の多い「期限切れ」「期限直前」「登録直後」という3つの時間的制約について、なぜ移管できないのか、その裏側にある国際的なルールと、プロが実践する回避策について詳しく解説します。
 
ドメインの期限が切れている場合は「蘇生」が先決です
まず、最も深刻なケースからお話しします。「うっかり更新を忘れていて有効期限が切れてしまった。ちょうどいい機会だから、このまま新しい管理会社に移管して復活させよう」というパターンです。
 
結論から申し上げますと、これは不可能です。
 
ドメインの移管は、あくまで「生きているドメイン」を、別の管理人の元へ移動させる手続きです。期限が切れたドメインは、技術的には「停止状態」あるいは「廃止待ち状態」にあり、移動させる権利そのものが凍結されています。
 
期限切れのドメインを他社へ移管しようと申請しても、現在の管理会社(レジストラ)は100%拒否します。
 
この状態でやるべきことは一つしかありません。現在の管理会社で、速やかに更新手続きを行い、ドメインを「蘇生」させることです。
 
ここで注意が必要なのは、期限切れからの経過日数です。 通常の更新期間(猶予期間)を過ぎてしまっている場合、「復旧手数料(Redemption Fee)」と呼ばれる高額な費用が発生することがあります。通常の更新費が数千円だとしても、復旧には数万円かかるケースも珍しくありません。
 
「そんなに高いなら払いたくない」と思われるかもしれませんが、そのドメインを失えば、長年積み上げたSEOの評価も、印刷した名刺のURLも、顧客とのメールのやり取りもすべて失います。ここは授業料だと思ってコストを支払い、まずはドメインを正常な状態に戻してください。移管を考えるのは、その後です。
 
期限まで「残り7日」を切っている時の移管はギャンブルです
次によくあるのが、「来週でドメインが切れるから、急いで他社に移管して更新しよう」という駆け込み移管です。
 
これも、Webのプロとしては絶対に推奨しません。非常に危険な行為です。
 
ドメインの移管手続きは、申し込みをしてすぐに完了するものではありません。 新しい管理会社への申請、現在の管理会社の承認、承認メールのクリック、そしてデータベースの書き換え。これらがすべて完了するまでに、スムーズにいっても数日、長いと1週間から2週間程度かかります。
 
もし、移管手続きの途中でドメインの有効期限(Xデー)が来てしまったらどうなるでしょうか。
 
手続きは中断され、ドメインは期限切れとなり、ホームページ(ウェブサイト)は閲覧不能になります。そして、先ほど説明した「期限切れ」の状態になるため、移管は失敗に終わります。
 
多くのドメイン管理会社(レジストラ)は、「有効期限の7日前〜10日前」になると、移管申請を受け付けない、あるいは承認しないという独自ルールを設けています。これはトラブルを防ぐための安全装置です。
 
もし有効期限が1ヶ月を切っているなら、無理に移管しようとせず、一度現在の管理会社で更新を行ってください。
 
「今の会社で更新すると費用が高いから移管したいのに」という気持ちはわかります。しかし、更新料の数千円を惜しんで、移管失敗によるサイトダウンやメール不通のリスクを負うのは、事業判断として割に合いません。まずは現在の場所で1年分更新し、期間に余裕を持ってからじっくりと移管作業を行うのが、最も安全なルートです。
 
登録・移管から「60日」は動かせない国際ルール
3つ目の壁は、「新しくドメインを取ったけれど、やっぱり別の会社で管理したい」「移管したばかりだけど、また別の会社に移したい」というケースです。
 
ここに、「60日ルール(60-day Lock)」という鉄の掟が存在します。
 
これは、ドメインを新規登録してから60日間、あるいは一度移管を行ってから60日間は、次の移管を行うことができないという制限です。
 
このルールは、特定の管理会社が意地悪をしているわけではありません。ドメインの元締めである国際機関「ICANN(アイキャン)」によって定められた、世界共通のセキュリティポリシーです。
 
かつて、ドメインの乗っ取り(ハイジャック)が横行した時代がありました。不正にドメインを登録したり、勝手に移管したりして、短期間に次々と管理会社を移動させることで追跡を逃れる手口です。これを防ぐために、一度登録・移動したドメインは、冷却期間として約2ヶ月間ロックされる仕組みになったのです。
 
この期間中は、どんなに急いでいても、どれだけ追加料金を払っても、移管することはできません。
 
Webサイト制作の現場でも、このトラブルは時々起こります。 「クライアントが自分でドメインを取ったが、制作会社のサーバーに移管して管理してほしいと言われた。しかし登録したばかりで60日間移管できず、公開スケジュールが遅れた」といった事例です。
 
この場合は、移管ができるようになるまでの60日間、ドメインの「ネームサーバー情報(DNS)」だけを書き換えて運用するという回避策をとります。管理場所は元の会社のままで、ホームページ(ウェブサイト)のデータだけ新しいサーバーに向けるのです。そして60日が経過した時点で、正式に移管手続きを行います。
 
その他にもある移管失敗の落とし穴
「期限」以外にも、ドメイン移管を阻む要因はいくつかあります。これらも合わせて確認しておくことで、トラブルを未然に防ぐことができます。
 
認証コード(AuthCode)の間違い
ドメイン移管には、必ず「AuthCode(オースコード)」と呼ばれるパスワードが必要です。これは現在の管理画面から発行できます。このコードが間違っていると、移管は即座に失敗します。アルファベットの「O(オー)」と数字の「0(ゼロ)」の見間違いや、コピペ時のスペース混入などに注意が必要です。
 
WHOIS情報公開代行の設定
個人のプライバシーを守るために、ドメインの持ち主情報を管理会社の名義にする「WHOIS情報公開代行」という機能があります。 移管申請を行う際、この設定が「ON」になったままだと、移管の承認メールが自分に届かず、管理会社に行ってしまい、手続きが進まないことがあります。 最近は自動的に解除してくれる会社も増えましたが、基本的には「移管申請前に、WHOIS代行を解除し、自分のメールアドレスを登録しておく」ことが鉄則です。
 
レジストラリーロック(トランスファーロック)
現在の管理画面で、「ドメインロック」「移管ロック」といった設定がオンになっていないか確認してください。これは不正移管を防ぐための機能ですが、自分が移管したい時にも邪魔をします。必ずオフにしてから申請を行います。
 
ドメインは「資産」として丁重に扱う
ドメイン移管は、単なる事務手続きではありません。インターネット上の資産を移動させる、非常にデリケートな作業です。
 
私たちがクライアントのドメイン移管を代行する場合、必ず以下のステップを踏みます。
 
有効期限の確認:残り期間が3ヶ月以上あるか。
 
ステータスの確認:登録から60日以上経過しているか、ロックはかかっていないか。
 
バックアップ:万が一メールが止まっても良いように、事前の周知とデータの退避。
 
スケジューリング:土日や祝日を挟まないよう、平日の週初めに申請を行う。
 
特に「期限切れ」や「期限直前」での移管は、百害あって一利なしです。
 
ホームページ(ウェブサイト)が安定して稼働していることは、事業の信頼そのものです。数千円のコスト削減のために、その信頼を危険に晒してはいけません。
 
もし、ご自身のドメインの期限や状態がよくわからない、移管したいけれど失敗するのが怖いという場合は、無理に自分で操作せず、私たちのような専門家にご相談ください。
 
ドメインの専門知識を持ったエンジニアが、現在の状況を正確に診断し、最もリスクの少ない移管スケジュールと手順をご提案します。安全で確実な移管を行い、すっきりとした環境でWeb運営を続けていきましょう。

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

ホームページ(サイト)のCSS(スタイルシート)編集の方法



ホームページ(サイト)のCSS(スタイルシート)編集の方法
ホームページ(サイト)は基本的にHTMLで構成され外観・デザインを設定するのはCSS(Cascading Style Sheets)・スタイルシートで設定されています。CSS(Cascading Style Sheets)はスタイルを実行するための言語やスタイルに関する連鎖的な記述を意味し、スタイルシートは、HTMLの外観・体裁(スタイル)を定義するものを意味します。
ページの基本構成はHTMLで、レイアウトやカラーの設定といった外観面はCSSで設定されています。ホームページ修正の基本はこのHTMLとCSSの編集で行います。

編集対象CSSファイル、HTML(インラインスタイルの場合)をダウンロード
CSS・スタイルシート編集を実施
CSSの基本構造としては、適用対象のHTMLタグやid、classを記述し(セレクタ)、プロパティ指定(プロパティとプロパティ値の設定「幅は何px」等)を行います。CSS編集において、新しいセレクタとしてidやclassを設置した場合は、HTML側においてその「CSS指定を適用する部分」を指定する必要があります。
修正編集したCSSファイル等をアップロード

「CSS」は主にHTMLとは独立したCSSファイルを中心に、連続・連鎖的に記述されたスタイル定義・指定を指しますが、スタイルシートは、スタイルに関する定義・指定のすべてを指します。

Webデザインの裏側:プロが教えるCSS編集の実践と「壊さない」ための鉄則

ホームページ(ウェブサイト)のデザインを修正したいと考えたとき、CSS(スタイルシート)の理解は避けて通れません。文字の大きさを少し変える、画像の配置を調整する、スマートフォンの表示を整える。これらすべてを司るのがCSSです。
 
冒頭で触れられたように、CSSは「連鎖的(Cascading)」な記述です。この「連鎖」という言葉にこそ、CSSの難しさと面白さが詰まっています。
 
ここでは、単なる書き方のルールだけでなく、私たちプロが普段どのようにコードを組み立て、トラブルを回避し、そして「売れるサイト」にするためにどのような調整を行っているのか、その深層部をお話しします。
 
CSSが適用される「優先順位」のルールを知る
CSSを編集していて最も多くの人がつまずくのが、「書いたはずなのに反映されない」という現象です。色を赤に変えたはずなのに、画面では黒いまま。これはCSSの壊れているのではなく、CSSの持つ「優先順位(詳細度)」のルールが働いているからです。
 
CSSは「Cascading(滝のように流れる)」という名前の通り、上から下へと命令が流れていきますが、同時に「より具体的な命令を優先する」というルールがあります。
 
例えば、ただの「pタグ(段落)」に対して「文字を黒にする」という命令と、「特定のクラス名(.red-text)がついたpタグ」に対して「文字を赤にする」という命令があった場合、後者のほうが「より具体的(詳細度が高い)」であるため、優先されます。
 
このルールを理解せずに、闇雲に修正を加えていくと、CSSファイルは迷宮のようになります。プロは、むやみに新しい命令を追加するのではなく、既存の命令がどのくらいの強さ(詳細度)で書かれているかを読み解き、適切な強さで上書きを行います。
 
「!important」という劇薬について
どうしてもスタイルが反映されないとき、「!important」という記述を使うと、すべての優先順位を無視して強制的にスタイルを適用させることができます。
 
これは非常に強力ですが、私たちプロのエンジニアにとっては「最終手段」であり、可能な限り避けるべき「劇薬」です。
 
なぜなら、一度「!important」を使ってしまうと、その後さらに修正したい場合に、それ以上の強さで上書きすることが困難になるからです。サイト全体のメンテナンス性が著しく低下します。
 
安易に「!important」を使わず、正しいセレクタ(指定場所)を見極めて記述すること。これが、長く健全に運営できるサイトを作るコツです。
 
スタイルを記述する3つの場所とその使い分け
CSSを書く場所は、大きく分けて3つあります。それぞれの特性を理解し、適切に使い分けることが重要です。
 
外部スタイルシート(推奨)
「style.css」のような独立したファイルを作成し、HTMLから読み込ませる方法です。 現在のWeb制作の標準であり、最も推奨される方法です。一つのCSSファイルを修正するだけで、サイト内にある数百ページの全ページのデザインを一括で変更できるからです。管理もしやすく、ページの読み込み速度の向上にもつながります。
 
内部スタイルシート(ヘッダー内記述)
HTMLファイルのheadタグ内に、styleタグを作って直接記述する方法です。 そのページだけに特別なデザインを適用したい場合に有効ですが、ページ数が増えると管理が煩雑になります。基本的には、特定のランディングページなど、限定的な用途で使用します。
 
インラインスタイル(タグへの直接記述)
HTMLのタグそのものに「style="color:red;"」のように直接書き込む方法です。 これは最も優先順位が高くなりますが、プロの現場では原則として使用しません。HTML(構造)とCSS(デザイン)を分離するというWeb標準の考え方に反しますし、後から修正箇所を探すのが非常に困難になるからです。緊急時の応急処置以外では避けてください。
 
「ボックスモデル」という概念の理解
レイアウトを調整する際、初心者の方が最も苦労するのが「余白」の扱いです。 「画像と文章の間を広げたい」「隣の要素と重なってしまう」 こうした悩みを解決するには、「ボックスモデル」という概念を理解する必要があります。
 
Webページ上のすべての要素(画像も、段落も、見出しも)は、目には見えない四角い箱(ボックス)に入っています。この箱は、内側から順に以下の4層構造になっています。
 
コンテンツ(Content)
文字や画像そのものが表示される領域です。
 
パディング(Padding)
コンテンツの周りにある「内側の余白」です。箱の内側のクッション材のようなものです。背景色をつけると、このパディングの領域まで色が塗られます。
 
ボーダー(Border)
パディングの外側にある「枠線」です。
 
マージン(Margin)
枠線のさらに外側にある「外側の余白」です。隣り合う他の要素との距離を確保するために使います。
 
「余白を空けたい」と思ったとき、それが「枠線の内側(パディング)」なのか「枠線の外側(マージン)」なのかを意識するだけで、レイアウトのコントロールは劇的に簡単になります。特にボタンのデザインなどでは、パディングを広げることで、クリックしやすい大きなボタンを作ることができます。これはユーザビリティ(使いやすさ)に直結します。
 
レスポンシブデザインとメディアクエリ
現代のホームページにおいて、スマートフォン対応(レスポンシブデザイン)は必須です。これを実現しているのがCSSの「メディアクエリ」という技術です。
 
「画面の幅が〇〇px以下の場合は、このCSSを適用する」という条件分岐を記述します。 PCでは横並びだったメニューを、スマホでは縦並びに変えたり、文字のサイズを小さくしたりします。
 
プロの視点では、単に「スマホで見られればいい」というレベルでは不十分です。 指でタップしやすいボタンの大きさになっているか、スマホの狭い画面でも読みやすい行間が確保されているか、画像が画面からはみ出していないか。 CSSを使って、デバイスごとのユーザー体験を最適化することが求められます。最近では、PCのデザインよりも先にスマホのデザインを決める「モバイルファースト」の手法が主流になっています。
 
プロが実践する「検証ツール」を使った編集フロー
いきなりCSSファイルを書き換えて、サーバーにアップロードするのは非常に危険です。記述ミスがあれば、サイト全体のレイアウトが崩れてしまうからです。 私たちプロは、Google Chromeなどのブラウザに搭載されている「デベロッパーツール(検証ツール)」を活用します。
 
このツールを使うと、実際のサイトを表示しながら、擬似的にCSSを書き換えて、リアルタイムで変化を確認することができます。 「この見出しの文字をもう少し大きくしたらどう見えるか」「色を青に変えたらどうなるか」 これらをブラウザ上で試行錯誤し、最適な値が決まってから、初めて実際のCSSファイルに記述してアップロードします。 この手順を踏むことで、ミスを防ぎながら、効率的にデザインを調整することができます。
 
WordPressにおけるCSS編集の注意点
WordPressサイトを運営されている場合、CSSの編集には特有の注意点があります。
 
テーマの直接編集は避ける
WordPressのテーマ(親テーマ)に含まれる「style.css」を直接書き換えてしまうと、テーマのアップデートが行われた際に、そのファイルが上書きされ、苦労して編集した内容がすべて消えてしまうことがあります。 これは非常によくあるトラブルです。
 
「追加CSS」または「子テーマ」を使う
軽微な修正であれば、WordPressの管理画面にある「カスタマイズ」メニューの中の「追加CSS」という欄に記述することをお勧めします。ここはテーマのアップデートの影響を受けません。 大規模なカスタマイズを行う場合は、「子テーマ」という仕組みを作成し、そこにCSSを記述するのが安全な運用方法です。
 
キャッシュという「見えない敵」
CSSを修正してアップロードしたのに、何度リロードしても画面が変わらない。 この原因の多くは「ブラウザのキャッシュ」です。 Webブラウザは、サイトの表示を速くするために、一度読み込んだCSSファイルを一時的に保存(キャッシュ)しています。そのため、サーバー上のファイルが新しくなっていても、ブラウザは古い保存データを使って表示してしまうのです。
 
この場合、「スーパーリロード(強制再読み込み)」を行うか、ブラウザのキャッシュを削除することで、新しいCSSが反映されます。修正作業中は、このキャッシュとの戦いでもあります。
 
デザインは「センス」ではなく「機能」です
最後に、CSS編集に取り組む皆様にお伝えしたいことがあります。 ホームページのデザイン変更というと、どうしても「色を変える」「かっこよくする」といった見た目の話になりがちです。 しかし、私たちマーケターの視点からすると、CSSは「ユーザーをゴールに導くための機能」です。
 
お問い合わせボタンを目立つ色にするのは、おしゃれのためではなく、ユーザーが迷わずに行動できるようにするため。 文字の行間を広げるのは、雰囲気を出すためではなく、最後まで記事を読んでもらい、内容を理解してもらうため。
 
CSSのプロパティ一つひとつに、意味と目的を持たせてください。 「なんとなく」でいじってはいけません。「誰のために、何のためにそのデザインを変えるのか」を常に意識することで、CSS編集は単なる作業ではなく、事業の成果を高めるための強力なマーケティング施策になります。
 
CSSは非常に奥が深い世界ですが、基本を理解すれば、誰でもサイトを改善することができます。まずは小さな箇所から、検証ツールを使って試してみてください。その一歩が、より良いホームページ運営につながっていきます。

ホームページのCSS・スタイルシート編集方法

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

MEOの共通原則

業種を問わず求められる構造的な最適化要素
NAPの一貫性と構造化データ

Name(名称)、Address(住所)、Phone(電話番号)の一貫性は、業種を問わずMEOの基礎である。これらはGoogleのエンティティ認識における「信頼度」の根幹を成しており、GBPだけでなく、公式サイトやポータルサイトにおいても完全一致させる必要がある。

さらに、構造化マークアップ(JSON-LD形式のLocalBusinessスキーマ)によって、検索エンジンに対して明示的にビジネス情報を送信することで、エンティティ同定とローカルアルゴリズムのトラストスコア上昇に寄与する。

GBPカテゴリとセカンダリ設定の最適化

多くの中小事業者はGBPのカテゴリ選定を「とりあえず選ぶ」にとどめているが、メインカテゴリとサブカテゴリの適切な設定は、ローカルパック表示の根幹を左右する。たとえば、美容室であっても「女性専門美容院」「ヘアトリートメントサービス」などのセカンダリカテゴリを設けることで、特定インテント検索での表示機会を増やせる。

エンゲージメント指標の強化(写真、投稿、クチコミ)

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

ホームページ集客方法を絞込む

ホームページ集客方法を絞込む。初期のうちは数あるホームページ集客方法の中から絞込みを行うのが無難。あれこれ色々なホームページ集客方法があるが、どれもこれもに手を出すと結局収集がつかなくなる。

ホームページ集客方法を絞込む

ホームページ集客方法にはたくさん方法論が存在するが、企業の業種や地域特性、ターゲット層などによって効果的な方法はそれぞれ異なる。ホームページの集客力をアップするためにどんなことをすればいいのか。
ホームページの集客方法は無数にありますが、BtoBと店舗の違い、企業の特性、事業の大きさ、地域性など、様々な特徴に合わせて、有効なものと、費用対効果が見合わないものがある。
ホームページ集客で成功するための方法。

ホームページ集客方法

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

公開中ホームページのドメイン・URLの変更

公開中ホームページのドメイン(URL)の変更について
公開中ホームページのドメイン・URLの変更
ドメイン(URL)を変更する場合は、どのような場合でもサイトデータの移管やサイト内URLパスの変更、SEOのためのリダイレクト処理等の他、メールアドレスの再設定なども必要になります。こうしたホームページのドメイン(URL)の変更について触れていきます。

ホームページのドメイン(URL)変更

ホームページのドメイン(URL)変更
ホームページ(ウェブサイト)のドメイン変更についてですが、これはホームページのアドレス(URL)の変更です。このドメイン変更には、独自ドメインから別の独自ドメインへの変更といった場合と、サブドメインから独自ドメインへの変更といった場合など様々なパターンがあります。

必要な作業としては、いずれの場合でもさほど変わりありません。しかし、レンタルブログ・レンタルホームページ内で有料プランを利用し、サブドメインやサブディレクトリから独自ドメインへとサイトURLを変更する場合には、さほど手間はかからない場合があります。

ドメイン(URL)を変更する場合はサイトデータの移管やサイト内URLパスの変更、SEOのためのリダイレクト処理等の他、メールアドレスの再設定なども必要になります。

ホームページのドメイン(URL)変更

データの移管やドメイン(URL)変更後のSEO

データの移管やドメイン(URL)変更後のSEO
ホームページのドメイン(URL)変更に伴い、サイトデータの移管が必要になる場合があります。主に、別サーバーで別ドメインで運用を始める場合です。
この場合は、ホームページ(ウェブサイト)のすべてのデータを移管し、かつ、URLパス等を書き換える必要があります。

また、ホームページのドメイン(URL)を変更する場合、SEOの面からの対策、対応が必要になります。理屈の上では、別ドメインで公開されているホームページは、別のホームページです。それを「ドメイン変更により移転した」ということを検索エンジン等に知らせていく必要があります。

ホームページのURL、ドメインの変更は、単なる「住所変更」ではありません。表面的にはアドレスが変わるだけのように思えますが、裏側では多くのシステムが連携し、各種解析や集客、外部ツールとの通信が成り立っています。ドメインを変更することにより、これらの連携が途切れたり、誤作動を起こしたりするリスクがあるため、慎重な再設定が求められます。最も影響が出やすいのはGoogleが提供する各種の無料ツールです。例えばSearch Console、Google Analytics、Google Tag Managerなどは、ドメインをキーとしてサイトの認識やデータの蓄積を行っています。これらは旧ドメインの設定とは別に、新しいドメイン用として再構築する必要があります。

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

ホームページ自体を削除する

ホームページ自体を削除する。ホームページ(ウェブサイト)を削除する場合、静的HTMLサイト、WordPress等のCMS、レンタルブログ等、そのホームページの仕様によって削除の方法が多少異なります。

ホームページ自体を削除する

削除後も何かしらの理由でそのホームページやホームページ内のデータを利用する可能性がある場合は、バックアップを取っておいたほうが無難です。レンタルブログ等の削除に関しては、対象サービスの管理画面で削除作業を行います。

公開中のホームページの削除や一部ページの削除

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

ホームページ制作を費用面で判断する場合

ホームページ制作を費用面で判断する場合、自社のホームページ制作目的と照らし合わせることになるが、あまりに質の悪いものは、結局アクセスがないので意味のないものになる。

ホームページ制作を費用面で判断する場合

すでにオウンドメディア運営をされて、悩んでいる企業様
これからオウンドメディアを立ち上げようとされている企業様
ご希望によっては内製化まで徹底的に支援いたします。

ホームページ制作の相見積もりで単純には測れない要素

ホームページ制作の相見積もりにおいて単純には測れない要素がある。
同じような完成物を求めるのであれば費用面で判断することになるが、ホームページの外観的な部分以外にアクセス獲得や問い合わせ獲得といった集客面の要素が本来は重要となるので、企画設計に関する点をある程度重視しなければならない。
しかしそうしたホームページ制作のプランニングは、契約後のことが多い。
契約前に企画すると、企画内容を他社に持ち込まれる可能性があるからである。

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

HTML編集 編集対象であるHTMLファイルをダウンロード【ホームページ制作業務】

HTML編集 編集対象であるHTMLファイルをダウンロード。
基本的にはFTP(FTPS)でFTPで対象HTMLファイルをダウンロードします。

場合によっては、サーバコントロールパネル経由でファイルマネージャに移動し、ファイルマネージャ上で対象HTMLファイルをダウンロードします。

ホームページ制作業務

ホームページ制作業務は無料のホームページ作成ツールである程度素人でもできる。
問題は集客とコンバージョン。ホームページ制作を行うことができても、人を呼び込み、それを見た人が行動を起こすという導線が重要になる。

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

「画像インデックス化」は、構造化データとの連携によって強化できる

SEOにおける重要指標としての「画像インデックス化」は、構造化データとの連携によって強化できます。

特に製品画像であれば、schema.orgのProductマークアップにimageプロパティを明記することで、Google ShoppingやDiscoverとの連携が容易になり、画像検索結果での視認性が飛躍的に高まります。

これにより、単なる画像露出から「クリック率の高いメディア要素」へと格上げすることが可能になります。

画像のSEO最適化とロスレス圧縮は、単体の技術施策というよりも、パフォーマンス最適化・ユーザー体験・インデックス設計・クロール効率・アクセシビリティといった複数領域の交点にあるものです。
そのため、個別のページ単位ではなく、サイト全体の構造と方針に基づいて統一的な戦略として設計し、技術スタックや運用フローに組み込む必要があります。

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

ホームページ常時SSL化(https化)の依頼

ホームページ常時SSL化(https化)の依頼。ホームページを常時SSL化(https化)する設定代行費用 。
ホームページ常時SSL化(https化)の依頼
ホームページがWordPressサイトであるかどうかやサーバーサイドでSSL証明書の発行の取扱などによってSSL化(https化)にかかる費用は変動。
ホームページ常時SSL化(https化)の依頼

非SSL(http)ホームページのSSL化(https化)

ホームページのSSL化(https化) の費用と依頼。既存ホームページをSSL化(https化) する際の依頼における費用など。
SSLによってhttps通信されているホームページとhttpで通信されているホームページを比較した場合、常時SSL化され、httpsで通信されているホームページの方が検索順位においても優先される。

SSLとは

SSLとは、サイト接続に関する暗号化通信でSSL(Secure Sockets Layer)。SSLを導入することで、ホームページ閲覧の通信を暗号化することができる。

常にホームページを暗号化通信する常時SSLを導入することにより、メールフォームなどの利用時の個人情報を保護することができるようになる。

httpホームページをhttpsホームページへと変更する場合、Let'sEncryptなどのSSL証明書を発行するだけでは完了しない。ホームページ内のURLをhttpsへと書き換えたり、httpへのアクセスをhttpsへと転送したりなどの実作業が必要になる。

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

独自コンテンツの追加・サイト内容の分散とオリジナル性

一応こうしたものも独自コンテンツの追加ということになるだろう。
独自コンテンツの追加

まあインデックスされていなくても、リンク評価はある程度あるのだろう。
そうであるのならばそれでいいが、サイトとしての評価が著しく低いと判断されたことには違和感がある。

サイト内容の分散とオリジナル性

サイト内容の分散がオリジナル性を保つということになるのか。
ひとまずある程度の文字数で単一ページを構成していけば良いのか。
インデックス削除という扱いは、何を意味するのか?
それは意味のないサイトであるという判定になる。
意味があるのか無いのかを勝手に決める要因はどこにあるのか?
オリジナル性とはなにか?
独自の形態素の並びなのか?
人工知能に回答を求めたいね。
サイト内容がオリジナルだとインデックスが回復するという予測。
ある程度長文になると相手にされるのだろうか?
タイピングの練習のようにもなってきたが、思い浮かんだままにタイプしてみよう。
見出しの設定をしたほうが良いというのは分かるが、レンタルブログのテンプレ上では文字サイズが大きくなるだけで、論理構造としての見出しが設定されない場合がある。
こうした点は、ある程度許容していたはずだが、色々なサイトが見出しをきちんと設定するようになってきたからか、見出し設定をしていないことに対して厳しくなった感はある。

SEO等のコンテンツマーケティングを目的にしたライティングサービスを1文字4円から提供しております。月々200~300本の記事を作成しており、累計1万本以上の実績。 取り扱っているテーマとしては、人事労務、転職、Webデザイン、相続、お墓、中古車、ライフスタイルなど様々でして、オンラインインタビュー等にも対応可能です。

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

ホームページのWeb集客力とWebマーケティング効果の要

ホームページのWeb集客力とWebマーケティング効果の要は、ホームページ制作に関するWebプランニングとコンテンツを活かす高いSEO設計。

京都のWeb制作・ホームページ制作

サイトは公開するだけでは意味がない

サイトは公開するだけでは意味がない。Web制作会社・ホームページ制作会社は、たくさんあり無料のホームページ作成サービスもたくさんあるが、サイトをだた制作し、公開するだけでは、サイトを通じた問い合わせなど、目に見えるWebマーケティングの成果は出ない。

コンテンツを活かすためのSEO設計

ホームページ制作にあたり最初からSEOに適したサイト構造の設計や内部SEOによるハイクオリティのSEOを施しておくと、コンテンツを活かすことができる。

企業様販売代理
既に対策を行っている店舗様も数多くいらっしゃる
競合店舗との比較
ストック収益を増加させたい
営業担当が簡単に販売できるサービスを探している
できるだけ顧客とのコミュニケーション数を少なくしたい
外部のパートナー会社に依頼しているMEO対策の内容が、
投稿を代行してもらっている
クチコミ返信を行ってもらっている
のような、「対策」ではなく運用を「代行」してもらっているだけ
既に他の会社にMEO対策を依頼しているけども順位があがらない

記事作成代行

・新規案件はあるが、社内リソースがパンクしている→記事作成代行
リサーチから入稿までワンストップで対応可能
スポット的な業務巻き取りから丸投げまで、御社の要望に沿った形で支援をさせて頂きます。

・上流工程だけ受け持って、執筆は自動的に回したい 記事作成代行
・フリーランスに発注しているが、品質が低すぎる 記事作成代行

日本のWeb制作、システム会社を対象に、海外IT人材の紹介・導入支援も行っております。
海外のIT人材を現地採用できるため、現地の給与で業務委託契約を結ぶことができます。

SEO記事コンテンツ制作代行

SEO記事コンテンツ制作代行のご案内。
記事作成代行 (KW選定・構成案の作成・記事の作成・サイトへの入稿まで対応可能)
・社内リソースが足りず、ライティングを含む案件ができない
・外部ライターに依頼したものの社内のディレクション工数がかかっている
・以前業者に頼んだが、品質が納得いかなかった
・見積もり依頼をしたら予算オーバーだった
煩雑だった記事制作業務から解放されて、主要業務に集中できるようになった、中堅業者に比べて価格がお得にも関わらず品質が高いといった評価をいただいております。

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

ホームページ制作会社 京都市

ホームページ制作会社 京都市

集客できるウェブサイト(ホームページ)制作・作成
ウェブ制作&ウェブマーケティング

京都のウェブサイト制作会社(ホームページ制作会社)
株式会社ファンフェアファンファーレ
〒602-8354
京都市上京区下立売通御前通東入西東町344
TEL 075-203-5982

ホームページ制作京都,ホームページ制作会社 京都市


ホームページの担当を任されて、最初に感じたのは「正直、何から手をつければいいのかわからない」という不安でした。
パソコンはある程度使えるけれど、Web制作のことなんてよく知らない。会社のホームページを見ても、何がよくて何が悪いのかも判断できない。
しかも、上司からは「今のサイトは古いから、もっと見やすくして、できれば問い合わせも増やして」と丸投げのような指示。そんな状態で、Web担当としての第一歩が始まりました。

なんとなく「ホームページを作る会社」と検索してみると、ものすごい数の制作会社が出てきて、それだけで圧倒されました。
おしゃれなデザインを得意とするところ、格安でスピード納品をうたうところ、大手企業向けの実績ばかりの会社…選ぶだけでも大変で、かといって失敗はしたくない。

正直、どう選べばいいのかもわからずにいた時、たまたま見つけたのが*京都のWeb制作会社「ファンフェアファンファーレ」さんのホームページでした。

最初は、ちょっと不思議な名前だな、という印象。でも、サイトを読み進めると、言葉の一つひとつがとてもやさしく、わかりやすくて、「ここなら相談できそう」と思えたんです。

「集客できるホームページとは何か」「なぜ今のサイトでは成果が出にくいのか」「SEOってそもそもどういう考え方なのか」など、
初心者にも伝わる説明が丁寧に書かれていて、内容にすっと入り込めました。

問い合わせフォームから思い切って相談を送ってみると、すぐに丁寧な返信があり、ヒアリングの機会をつくってくれました。

オンラインの打ち合わせでしたが、最初から終始やさしい雰囲気で、専門用語ばかり使うようなこともなく、私のような初心者にも理解できるよう、かみ砕いて話してくれたのが印象的でした。

「見た目の良さだけじゃなく、“中身”が大事なんです」
「会社の強みをどう表現するかで、集客の成果はまったく違ってきます」

そんなふうに、表面的なデザインやテンプレートだけに頼らず、“目的に合った構成”を一緒に考えてくれる姿勢に、ぐっと信頼感がわいてきました。

こちらの話も丁寧に聞いてくれて、「なぜホームページをリニューアルしたいのか」「誰に見てほしいのか」「どういった成果を望んでいるのか」といった部分を、言葉にしづらいことも少しずつ整理して引き出してくれました。

実際の制作が始まってからも、スムーズに進行し、こちらが迷ってしまうような場面ではいくつか選択肢を出してくれたり、プロとしての提案をしてくれたりと、しっかりリードしてくれました。レイアウトや配色なども、一見するとシンプルだけど、読みやすさや導線がよく考えられていて、見た目だけにとらわれない「伝わるためのデザイン」になっていたと思います。

SEO対策に関しても、ただキーワードを詰め込むような昔ながらのやり方ではなく、「どうすれば検索した人が『ここだ!』と思ってくれるか」というユーザー目線で考えてくれました。
ページごとの役割や内部リンクの設計、タイトルや見出しの付け方まで、地道だけど確実に効果が出るような構成にしてくれて、本当に心強かったです。

公開後のフォローアップも手厚くて、アクセス解析の見方や改善のアドバイスまで教えてもらえました。更新作業についても「難しければ部分的に代行しますよ」と気軽に声をかけてくれて、長く付き合えるパートナーだと感じました。

一つひとつの対応が、きちんとしていて、でも堅苦しすぎない。
ファンフェアファンファーレさんは、「話しやすさ」と「技術力」と「成果へのこだわり」がうまくバランスをとれている、数少ない制作会社だと思います。

実は、最初に他の制作会社にも何件か相談をしていたのですが、「デザインが主役です」とか「こうすれば検索に上がりますよ」と決めつけるような対応が多くて、少し距離を感じていました。その点、ファンフェアファンファーレさんは、まずこちらの立場に寄り添ってくれて、そのうえで“プロとしての目線”で提案をしてくれる。その絶妙な距離感が、初心者にはとてもありがたかったです。

今では、社内でも「今回のホームページ、見やすくなったね」「ちゃんと問い合わせも増えてきた」と、嬉しい声が聞かれるようになり、自信をもって「良い制作会社に出会えた」と思っています。

初めてWebの担当になって、不安もたくさんありましたが、ファンフェアファンファーレさんのおかげで、Webの世界に対する苦手意識もだいぶなくなりました。

これからも、少しずつ運用を続けていく中で、また壁にぶつかったときは相談したい。そんなふうに自然に思える存在です。

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

サイトリニューアル リニューアル後のサイトイメージを共有

サイトリニューアル リニューアル後のサイトイメージを共有。強みを見つけ出し、それを活かす提案を実施したことで、同業種の事業サイトと差別化を図り、画像や動画を用いて要望を具体化し、リニューアル後のサイトイメージを共有することで、要望が確実に制作サイドに伝わる実感を得られました。

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器