概要

今回はCloudflareでブログへの不正なBotアクセスを無料でブロックする方法について紹介していきます。

きっかけは、自分のサイトでGoogle AdSenseの「無効な操作: 自己クリック」が突然検知され、心当たりが全く無いのにアカウント停止になってしまったことでした（- -;

調べてみると広告が止まった時刻とぴったり同じタイミングで60並列の同時接続が発生していて、明らかにVPN経由とみられる不審なBotアクセスが原因だったんですね。

放っておくとまた同じことが起きてしまうので、なんとか自力で守る方法はないかと探した結果たどり着いたのが、CloudflareをサイトとサーバのあいだにかませてBotを弾くやり方でした。

この記事では、CloudflareのDNS切り替えからボットファイトモードとセキュリティルールでBotをブロックするところまでを、実際の画面キャプチャ付きで一通り紹介していきます。
無料でここまでできるので、AdSenseを運用しているブロガーの方にはかなりお勧めです。
それではやっていきましょう！

概要

Node.jsで画像にテキストを描画してサムネイルを自動生成する方法について解説していきます。

ブログを書いていると毎回アイキャッチ用のサムネイルを用意することになるのですが、「画像編集ツールを開く → 文字を置く → 書き出す → アップロードする」という一連の作業がとにかく面倒なんですよね（- -;
記事を量産しようとするほど、この地味な手作業がボトルネックになってきます。

そこで今回は背景画像の上に日本語テキストを焼き込んで、コマンド一発でサムネイル画像を吐き出すスクリプトをNode.jsで自作しました。
使うのは画像変換の定番sharpと、文字描画用のcanvasの2つだけです。

実装としてはcanvasで背景＋テキストを合成し、最後にsharpでJPEGとして書き出す、という流れになります。
自動改行や複数行の中央寄せまで入れているので、タイトルが長くてもそれなりに見られるサムネが出来上がります。

この仕組みを一度作ってしまえば、毎回のサムネ作成作業を実質ゼロにできるのでかなりお勧めです。
それではやっていきましょう！

概要

ads.txtが見つかりませんでしたという Google AdSenseの警告を消す方法について解説していきます。

というのもこの警告って急に表示されて「広告が剝がされたらどうしよう…」と焦りますよね（- -;

実際自分も同じ状況に直面して、放置するとアカウント停止のリスクもあるので慌てて対応した経験があります。

やることはシンプルで、AdSenseで配布されている1行を ads.txtというテキストファイルに書いて、サイトのルートに置くだけです。
ただ「ファイルを置いたのに警告が消えない」「置き場所が合っているのか分からない」とつまずきやすいポイントもいくつかあるんですよね。

ここでは AdSenseでのコード取得→サイトへの設置→反映確認まで、画像付きの4ステップで紹介しつつ、よくある失敗パターンと反映までの待ち時間についても触れていきます。
読み終わるころには警告も消えて、サイト運営も安心になります。

それではやっていきましょう！

概要

Googleの検索結果にアイコンを表示させるための手順を残します。

初回普通にfaviconを設定していましたが、なかなか反映されず困ってましたが、
色々な方法を試して無事登録できたのでその方法を紹介していきます。

同じように苦戦している方の参考になればうれしいです！

Hexoを使用していない方もこの方法は有効だと思うので、是非見ていってください（^^/s

概要

本記事では、Hexoブログのサイドバーに関連記事一覧を表示する方法について解説していきます。

というのもブログを始めたばかりだと、訪問者が1記事読んで離脱してしまうのが定番のあるあるですよね（- -;

回遊率を上げる手段として、関連記事ウィジェットの設置はかなり効果的です。

ここではhexo-related-popular-postsプラグインの導入からCSSデザイン、よくあるエラー対処までセットで紹介していきます！

これでサイドバーから関連記事に飛んでもらえるようになります。
それではやっていきましょう！

概要

本記事では、HexoブログにFirebase Analyticsを無料で導入する方法について解説していきます。

というのもGA4だけだとざっくりしたページビューしか見れず、「どのボタンを押したか」「どこで離脱したか」みたいな細かい行動が分からなくて困りますよね（- -;

そんなときFirebase Analyticsを入れておくと、無料でユーザー属性や詳細な操作データまで取れちゃいます。

ここではFirebaseプロジェクトの作成からCDN追加まで、画像付きで紹介していきます！
GitHub Pagesなど静的サイトでも問題なく使えるので、解析を強化したい方はぜひどうぞ。

それではやっていきましょう！

概要

リリース後に不要となるcronのジョブを削除する為の手順です。
バックアップから削除までcrontabを使用して安全に行うようにしています。

これからcronの削除をリリースする方は是非ご参考ください！

概要

本記事では、HexoブログでURLを変更したあとのリダイレクト設定について解説していきます。

というのもHexoのデフォルトpermalinkは日付入りで結構ダサいので、後追いでURLを綺麗にしたくなりますよね（- -;

ただURLを変えるとSearch Consoleの「重複しています、正規ページとして選択されていません」エラーが出たり、被リンクが切れちゃう問題があります。

ここではhexo-generator-aliasプラグインを使って、frontmatterに数行書くだけで旧URLから新URLへリダイレクトさせる手順を紹介していきます！

これでURL変更時の被リンク切れ問題も解消できます。
それではやっていきましょう！

概要

今回は無料で静的サイトに問い合わせフォームを実装する方法を紹介していきます。

ブログを運営でAdsenseの申請を通すためには問い合わせフォームが必須となります。
しかしお金はかけず無料で実装したい！という方も多いと思います。

自分もそう思い、サービスを色々比較し無料で簡単に実装できる方法を見つけて実際に実装できたので紹介します！
皆さんの参考になりましたらうれしいです（^^

また当ブログではHEXOというHTMLジェネレータを使用しているので、少し実装方法が特殊ですが、基本的にはHTML＆CSSだけで実装できるので、どんな環境でも汎用的に実装可能です。

会員登録は不要で簡単に実装できるので、小規模なサイトならこれでいいのかなと思います（^^

それではやっていきましょう！

概要

本記事では、Hexoブログのアーカイブ・タグページなどをnoindex化する方法について解説していきます。

というのもHexoって自動でアーカイブやタグページが量産されちゃうんですが、これらが検索結果に出てもユーザー的には微妙ですよね（- -;

ノイズページが多いとサイト全体の評価も下がりがちなので、不要なページはnoindexにしておくのがおすすめです。

ここではhead.ejsに is_archive() / is_tag() / is_current() の条件分岐を追加するだけで実装できる手順を紹介していきます！

コード数行で済むので簡単に対応できます。
それではやっていきましょう！