こんにちは、SK-CAT-STUDIOのS.Kです。最近、ホームページ改善とセキュリティ強化のため、以下の取り組みを行いました。これらの作業を通じて得た知見を備忘録としてまとめておきます。
reCAPTCHAの設定
スパム対策として、GoogleのreCAPTCHAを導入しました。特に、Contact Form 7との連携を行い、スパムメールの送信を防止しています。
設定手順:
- Google reCAPTCHAのサイトにアクセスし、Googleアカウントでログインします。
- 新しいサイト「https://sk-cat-studio.com/」を登録し、サイトキーとシークレットキーを取得します。
- WordPressのダッシュボードで、Contact Form 7の「インテグレーション」からreCAPTCHAのセットアップを行い、取得したキーを入力します。
プライバシーポリシーと免責事項のページ作成
ユーザーの信頼性向上と法的リスクの軽減のため、プライバシーポリシーと免責事項のページを作成しました。
作成手順:
- プライバシーポリシーでは、個人情報の収集目的、利用方法、第三者提供、Cookieの使用などを明記しました。
- 免責事項では、情報の正確性、リンク先の責任範囲、著作権などについて記載しました。
お問い合わせページの作成とメール設定
ユーザーからのフィードバックを受け取るため、「はじめに」ページにお問い合わせ欄を作成しました。Contact Form 7を使用し、以下の設定を行いました。
設定手順:
- Contact Form 7をインストールし、有効化します。
- 新しいフォームを作成し、必要な項目（名前、メールアドレス、メッセージなど）を設定します。
- メールの送信先や自動返信の設定を行います。
X（旧Twitter）およびYouTubeアカウントの作成
情報発信の幅を広げるため、XとYoutubeのアカウントを新たに作成しました。これにより、動画コンテンツの配信や最新情報の共有が可能になりました。登録者さんはそれぞれ1人です（笑）
これから頑張っていきます♪
また、プロフィールと各記事の下にSNSアイコンを設置しました。すごくいい感じです♪
Xへの投稿について
XにホームページのトップページURLを投稿してみたところ、Cocconの画像が表示されてしまいました。対処方法を載せておきます。
XでホームページのURLをポストしました
画像がCocconの画像になってしまいます。どうしたらいいでしょうか？
ご質問ありがとうございます。X（旧Twitter）でホームページのURLをポストした際に、Cocoonのデフォルト画像が表示されるのは、OGP（Open Graph Protocol）の設定がデフォルトのままになっているためです。この設定をカスタマイズすることで、任意の画像を表示させることが可能です。
OGP設定の手順:
- WordPress管理画面にログイン:
- WordPressのダッシュボードにアクセスします。
- Cocoon設定を開く:
- 左側のメニューから「Cocoon設定」をクリックします。
- OGPタブを選択:
- 「OGP」タブをクリックして、OGP設定画面を開きます。
- ホームイメージの設定:
- 「ホームイメージ」の項目で、XやFacebookでサイトのURLをシェアした際に表示させたい画像を設定します。
- 「選択」ボタンをクリックし、メディアライブラリから適切な画像を選ぶか、新しい画像をアップロードします。
- 画像を選択したら、「保存」ボタンをクリックして設定を保存します。
これにより、サイトのURLをXでシェアした際に、設定した画像が表示されるようになります。詳細な手順については、以下の参考記事をご覧ください。
ありがとうございます～
設定できるところ見つかりました。
OGPの画像を変更しただけだと変化がなかったです
設定を変更した後、X側でキャッシュが残っている場合があります。その際は、XのCard Validatorを使用してキャッシュをクリアしてください。
Card Validatorを試してみたらうまく表示できました～
ありがとうございます～
Youtubeへの投稿について
XにYoutubeのURLを投稿してみたところ、こちらは最初からうまくいきました。
まとめ
以上の取り組みにより、ホームページのセキュリティ強化とユーザーとのコミュニケーションの向上を図りました。今後も、ユーザーの皆様にとって有益な情報を提供できるよう努めてまいります。
