01｜伝わるWeb制作

作る前に、整理から一緒に始めます。

02｜継続サポート

公開後も、更新・改善・管理まで伴走。

03｜印刷物・撮影まで対応

Webと統一感ある制作が可能。

［サービス詳細を見る］

なぜ選ばれるのか

専門用語を使いません
小規模事業に特化
更新と改善が得意
無理な営業をしません

実績（業種別に見せる）

制作事例

・教室業の事例
・団体サイトの事例
・継続サポート事例

［事例一覧を見る］

よくあるご質問

Q. 小さな団体でも大丈夫？
Q. ITが苦手でも大丈夫？
Q. 途中解約できますか？

SSLを設定していないと、こんなことが起こります
1. 情報が盗まれるかもしれません

サイトとお客さんの間の通信が暗号化されていないので、
パスワードや名前、住所、クレジットカード番号などが
第三者に盗み見られる危険があります。

事例：ネットショップでカード情報が漏れて、不正利用されてしまった。

2. サイトの内容を書き換えられるかもしれません

通信の途中で、悪意のある人に内容をすり替えられることがあります。

事例：本物のページにウイルスを仕込まれる広告が勝手に表示された。

3. ブラウザに「安全ではありません」と表示される

Google ChromeやSafariで、アドレスの横に「保護されていません」や「Not Secure」と警告が出ます。

事例：問い合わせフォームを開いた瞬間、警告が出てお客さんが不安になり、そのまま離脱してしまった。

4. 検索順位が下がりやすくなる

Googleは安全なサイト（HTTPS）を優先して検索結果に表示します。

事例：同じ内容のサイトなのに、SSL化していない方だけ順位が落ち、アクセスが半分以下になった。

5. 一部の新しい機能が使えない

位置情報サービスやスマホアプリのようなサイト機能など、SSLが必須のものがあります。

事例：地図の位置情報を表示させようとしたが、HTTPSでないためエラーが出た。

まとめ
SSLを入れていないと「お客さんに不安を与える」「信用を失う」「検索順位が落ちる」「機能が制限される」といった問題が起こります。
SSL化は今や必須の標準設定です。

パーマリンク　URL全体を指します
スラッグ　URLの末尾のことです

半角英数字と「-」で考えます。
シンプルなのが1番です。

日本語だと、エンコードされ、長く意味不明な文字の羅列になり、検索エンジンのロボットに伝わりません。
URLを共有するときにも不便です。

つい私も日本語のままにしてたりしますが、上記のようなリスクがあります。

すでにページを作って時間がたっているスラッグの変更を行うのは
SEOへのデメリットがあります。

集めていたアクセスがすべてゼロにリセットされるからです。

なるべく頑張って、スラッグを最初から最適化しておきたいものです。

————————————————–

画像ファイルの

代替テキスト（alt　オルト）
　画像の説明を入れてください。
　何かの都合でこの画像が表示されない場合、画像の代わりに表示されます。
　または、視覚障害者向けの音声読み上げソフトでサイトを訪れている方のためのものです。
　ユーザビリティ目的ですが、SEOにも役立ちます。

長々と書くのはだめ。短く簡潔に内容を表す言葉で、キーワードにも気をつけながら記載するといいのです。

単なるイメージ画像、装飾画像の場合は入れてはいけません。
写真のイメージと違う言葉を入れてはいけません。

なかなか面倒ですが、覚えておいてください。

————————————————–
アイキャッチのサイズについて

アイキャッチの推奨サイズというものがあります。

横1200ピクセル×縦630ピクセルが、ベースです。

Google推奨の画像サイズは、横幅1200ピクセル以上です。

ファイルサイズとしては、およそ１枚200KB程度です。

画像サイズが大きいと、ページ表示速度が遅くなり評価が下がります。

画像サイズが小さいと、見た目が貧相です。

縦長の画像も、横長の画像もPCで見た場合には問題ありません。

が、ユーザーの大半がスマホなので、最適な画像サイズにする必要があります。

アイキャッチが良いと、ユーザーにとってわかりやすく、記事を見たくなります。
アイキャッチにキャッチコピーを入れるのはアリです。
ただし、テキストは中央に寄せておかないと途切れてしまうので、要注意です。

画像のリサイズ

（１）
WordPressの　メディア　ライブラリ→画像を選び、画像を編集をっくりっく
伸縮を選択し、横1,200ピクセル×縦630ピクセル　サイズにできます。

（２）
Windowsのペイントツール
文字入れもできます。

目的に合った、使いやすく伝わるサイトを作るために注意すること

1. サイト名・事業内容

まずは何をやっているところか、事業内容や取り扱っているサービス・製品の特徴を確認

本人や会社の雰囲気、概要を理解し、サイトの印象を実物にに近づけるよう心がける。

・ロゴ
・事業を紹介するページ
・サイトのプロフィールページ

2. サイトの目的

このサイトを作る目的は何か。集客がしたいのか、名刺代わりにしたいのか、目的によって、設計や構成、導線を考える。

完成後に「思っていたのと違う」というズレが出ないように、認識をすり合わせる。

・ページやメニュー構成
・問い合わせ、資料請求、応募などの導線
・WordPressテーマの選定

3. ターゲット

どんな人に見てもらいたいサイトなのか。性別、年齢層、職業、地域など、ターゲットの属性を具体的に聞いておく。

デザインや文章のトーン、導線設計などの方針が立てやすくなる。

ターゲットが曖昧だと、中途半端なサイトになる。

メインの顧客層を、なるべく明確にしておく。

・デザインテイスト（色づかい、レイアウト、写真選定など）
・見出しやキャッチコピーのトーン
・ページやメニュー構成

4. 競合・参考サイト

競合サイトや、参考にしたいデザイン・構成のサイトがあれば確認。

テーマの選定、デザインの方向性や機能の要望、コンテンツ量の目安。

「なぜそのサイトが良いと思うか」を言語化してもらい、イメージのすり合わせ。

・デザインテイスト（色づかい、レイアウト、写真選定など）
・導入したい機能
・原稿や写真のボリューム感

5. 必要なページ構成

トップページ以外に、どんなページが必要かを確認。

事業紹介、会社概要、スタッフ紹介、お問い合わせなど。想定されるページ構成をリストアップ。

コンテンツの量や導線設計にも関わるため、なるべく具体的に確認しておき、見積もりやスケジュールの精度を上げる。

後から拡張できることを提案事項として知らせる。

・ページやメニュー構成
・各ページの内容（会社概要、採用情報、サービス紹介など）
・サイトマップの作成

6. デザイン

色合い・フォント・写真のテイスト・レイアウトの雰囲気など。デザインに関する希望を具体的に聞く。

参考例を提案する方がいい場合もある。

「シンプル」「高級感」「ナチュラル」など、抽象的なキーワードだけでも確認しておくと、提案しやすい。

・デザインテイスト（色づかい、レイアウト、写真選定など）
・WordPressテーマの選定

7. 写真・素材

サイトに使用したい写真や素材があるかどうかを確認。

各種素材の提供の有無、新たな撮影の有無。

素材の質や雰囲気によってサイト全体の印象が左右されるため、事前に確認。

・ロゴ
・提供される写真
・素材の種類や数
・撮影や素材購入の有無
・素材の品質や統一感のチェック

8. ロゴやブランドのガイドライン

ロゴの有無や使用ルールについて確認。

クライアントから提供なのか。利用時のガイドラインがあるか。

ロゴは、サイト全体の印象やブランドを左右する重要な要素。もし、ブランドカラーやフォント、配置ルールなどのガイドラインがある場合、それに沿う。

・ロゴのブランドカラー・フォント指定
・ロゴの使用ルールや配置ガイドライン

9. ドメイン・サーバーの有無

クライアントが、既にドメインやサーバーを所有しているかどうかを確認。もし未取得の場合は、こちらで取得や契約を提案する。

また、契約中のサーバーがある場合は、メールアカウントがあるかなどの仕様確認も重要。管理者権限や設定情報の共有も慎重に行う。

・ドメインの種類と管理者情報
・サーバーの種類と契約状況
・DNS設定やメールアカウントの管理権限

10. お問い合わせフォームについて

必須ですが、クライアントの目的に応じて、お問い合わせフォームが必要かどうか確認。

必要な場合は、項目や求められる機能をリストアップ。氏名やメールアドレスのほか、問い合わせ内容の詳細や希望連絡方法など、クライアントが求める情報を明確にする。

転送設定なども確認。

自動返信メールの有無や、スパム対策希望なども把握。

・フォームの実装方法
・フォーム項目の設計
・自動返信メールの内容設定
・スパム対策（reCAPTCHAなど）

11. 導入プラグインの有無

クライアントが求める機能を実装するにあたって、プラグインが必要か確認。

ECカート機能、SEO対策、セキュリティ強化など、目的に応じて必要なプラグインを洗い出す。

特定のプラグインを希望される場合は、その互換性や保守性、ライセンスの有無もチェック。

・見積もり調整
・必要な機能の実装
・互換性やアップデート頻度のチェック
・保守サポートやマニュアル提供の有無

12. SNS連携

SNSアカウントとサイトの連携が必要か確認する。Instagram、X、LINEなど、どのSNSをどのように活用したいか。

連携することで、サイトの更新情報の拡散やユーザーとの接点強化が期待できる。

・SNSアイコンやリンクの設置
・タイムラインやフィードの埋め込み
・シェアボタンの設置
・サイト更新とSNS投稿の連動

13. 納期と公開希望日

制作のスケジュール感や納期、サイトの公開希望日を確認。

余裕をもったスケジュールを提案。

・制作スケジュールの計画
・デザイン確認、テスト期間など
・公開日やリリースタイミングの調整

14. 予算の目安

予算の確認は言うまでもなく必須。

対応範囲や使用テーマ、プラグイン、写真素材の購入有無など、予算に応じた調整が必要。

明確な金額が出せない場合は、「○○万円以内」などの目安を聞いておくだけでも、見積もりや提案がしやすい。

・見積もりの調整
・提案内容の優先順位づけ
・有料素材
・テーマ・機能の導入可否判断

15. 運用体制・更新方法

公開後の更新作業や運用体制についても、事前に確認。

誰がどの範囲を担当するのか、どのくらいの頻度で更新するのかなど。

クライアントが社内で更新するのか、こちらが引き続きサポートするのかによって、見積もりやサポート内容が変わる。

更新の頻度や担当内容がわかっていると、運用しやすい状態で納品できる。

・見積もりの調整
・管理画面のUI設計
・提案内容の優先順位づけ
・保守サポートやマニュアル提供の有無

現在のWeb制作について

1. WordPressテンプレートを利用して、作ります。
理由　ゼロから制作は、時間も、コストも桁違いにかかります。

2. スタジオファインが責任をもって作ります。
規模により、信頼のおける仲間と共同作業にすることもあります。

3. 準備していただきたいこと。

素材や、文章をご準備ください。
撮影するものがある場合、別途撮影を承ることが可能です。

4. 制作については一括でお支払いいただきます。月々の支払いが希望の場合は、お申し出ください。

5. 希望のサイトがどんなものか、予算をお聞かせください。
ご希望のものが、技術的に難しい場合、最初から想定しておく必要があります。

6. 保守管理について

Webサイトは、制作後の保守管理で、価値が決まります。
管理されていないサイトから売上が上がることはありません。

Web管理担当者が、直接保守管理できるのがWordPressを利用したサイトです。
当事者ができる、とはいえ、初めての場合は不安な事が多いですよね。

Web関連のお困り事の相談とサポートが必要な方に、
保守管理サービスがあります。
サーバー
メールサーバー
ドメイン
サイト更新
プログラム更新
データ差し替え
etc

社内メンバーの1人という位置づけで、ご相談など、お役に立ちます。

サイトは、作ってからが重要です。

記事のクオリティをあげて、とれるコミュニケーションは取り、

最初は反応がないのが、それはどこもいっしょです。

100ページ1000ページ書いていくと、だんだんと変わってきます。

記事を増やし、被リンクをふやし、読む人の利便性を考えつつ

地道な作業を続ける事が必要です。

配列エラー

仮サイトでmap配置ページに出現

本サイトでは正常表示されている

どうしてだ？

同じコードなのにエラーが出ている。

本番時にチェック

個人で、SNSしかやってない方は多いです。

長く続けていこうと考えるならば

母体となる自分のサイトがあった方がメリットが多いと思います。

自分のブランドにもなるからです。

しかし自分のサイトも、あるだけ　ではなく

育てていかねばなりません。

放置状態では、うまくいきません。

なんか子育てみたいですね。

https://www.wpexplorer.com/measure-email-marketing-success/

電子メールの到達性を確保し、スパム フィルターを回避する
WPメールSMTP

メールの内容がどれほど優れていても、購読者の受信箱に届かなければ効果はありません。では、どうすれば到達性を向上させることができるでしょうか?

信頼できる SMTP (Simple Mail Transfer Protocol) サーバーを介して、WordPress インストールから電子メールを送信します。 WordPress の好例としては、Sendlayer、SMTP.com、Brevo などがあります。SMTP を使用して電子メールを送信すると、サーバーは美しい電子メールがターゲット ユーザーの受信トレイに届き、スパム フォルダーに入らないようにします。

https://wptavern.com/surprising-tech-trends-in-wordpress-and-beyond

WordPress ソフトウェアはインターネット上のすべての Web サイトの 46% を支えています