2026年10月15日
2026年10月15日
WordPressで無料ツール(Free Tool)を公開して自然な被リンクを得る方法
無料ツールで被リンクを得るとは、計算機やジェネレーター、チェッカーのような「何度も使われる道具」をサイト上で公開し、便利だと感じた人に紹介・参照してもらう方法です。記事より寿命が長く、話題が古くなりにくいのが利点ですが、リンクが集まるかどうかは道具の有用性と告知次第で、約束はできません。この記事では、ツールの選び方、WordPressでの安全な実装、ツールページの作り方、告知と効果測定までを説明します。
なぜ無料ツールはリンクされやすいのか
解説記事は、似た記事が他にあれば置き換えがききます。一方、特定の作業を短時間で片付けてくれる道具は、使った人がブックマークし、手順書や社内マニュアル、フォーラムの回答で「これを使うと早い」と紹介する動機があります。リンクを頼まなくても、使う理由そのものが紹介の理由になります。
ただし、次のような道具はリンクされにくい傾向があります。
- すでに定番の無料ツールがあり、それより便利な点がない
- 入力が多く、結果が出るまでに手間がかかる
- 会員登録やメールアドレスの入力をしないと使えない
手順1:ツールの題材を選ぶ
題材は、自分のサイトの読者が「繰り返し」「手作業で」「間違えやすい」作業から探します。WordPressやサーバー運用のサイトであれば、たとえば次のようなものです。
- 旧URLと新URLの一覧から、301リダイレクトの設定行を作るジェネレーター
- cron の書式を日本語の説明に変換するチェッカー
- 画像の表示幅と端末の解像度から、必要な画像サイズを計算する計算機
候補が出たら、需要を確かめます。Search Console の検索パフォーマンスで、関連する検索語の表示回数を見るのが手軽です。問い合わせや記事のコメントで同じ質問が繰り返されているなら、それも強い根拠になります。競合する道具があれば実際に使い、不便な点(広告が多い、日本語に対応していない、結果をコピーしにくいなど)を書き出すと、作る価値のある差が見えてきます。
手順2:WordPressでの実装方針を決める
多くの道具は、入力を受けて計算や文字列の組み立てをするだけなので、ブラウザ内のJavaScriptで完結させるのが最も安全で軽い方法です。サーバーにデータを送らなければ、入力内容の保存や漏えいを心配せずに済み、プライバシーポリシーの記述も簡単になります。
サーバー側の処理が必要な場合(外部APIを呼ぶ、重い計算をするなど)は、REST APIのエンドポイントを作り、入力の検証、サニタイズ、試行回数の制限を入れます。公開ツールは誰でも叩けるので、制限がないと外部APIの利用枠やサーバー資源を使い尽くされる恐れがあります。
部品の形は、ブロックとして作る方法とショートコードで作る方法があります。ここでは、仕組みが単純で既存テーマにも組み込みやすいショートコードの例を示します。(2026年10月現在)wp_enqueue_script の第5引数で strategy(defer など)を指定する書き方は WordPress 6.3 以降で使えます。
手順3:ショートコードでツールを組み込む
子テーマに次のコードを追加します。作業前にバックアップを取り、ステージングで試してください。
<?php
// 子テーマの functions.php
add_action( 'wp_enqueue_scripts', function () {
// 登録だけしておき、ショートコードが使われたページでだけ読み込む
wp_register_script(
'wpdr-redirect-gen',
get_stylesheet_directory_uri() . '/assets/js/redirect-gen.js',
array(),
'1.0.0',
array( 'in_footer' => true, 'strategy' => 'defer' )
);
} );
add_shortcode( 'wpdr_redirect_gen', function () {
wp_enqueue_script( 'wpdr-redirect-gen' );
ob_start();
?>
<form class="wpdr-tool" id="wpdr-redirect-gen" novalidate>
<label for="wpdr-from">旧URLのパス(例:/old-page/)</label>
<input id="wpdr-from" type="text" autocomplete="off">
<label for="wpdr-to">新URL(例:https://example.com/new-page/)</label>
<input id="wpdr-to" type="url" autocomplete="off">
<button type="submit">設定行を作る</button>
<p class="wpdr-tool-error" role="alert" hidden></p>
<pre><output id="wpdr-result" aria-live="polite"></output></pre>
</form>
<?php
return ob_get_clean();
} );
JavaScript側は assets/js/redirect-gen.js に置きます。
document.addEventListener('DOMContentLoaded', () => {
const form = document.getElementById('wpdr-redirect-gen');
if (!form) return;
const from = form.querySelector('#wpdr-from');
const to = form.querySelector('#wpdr-to');
const out = form.querySelector('#wpdr-result');
const err = form.querySelector('.wpdr-tool-error');
form.addEventListener('submit', (e) => {
e.preventDefault();
err.hidden = true;
const path = from.value.trim();
let target;
try {
target = new URL(to.value.trim());
} catch {
target = null;
}
if (!path.startsWith('/') || /\s/.test(path) || !target || target.protocol !== 'https:') {
err.textContent = '旧URLは / から始まるパス、新URLは https:// から始まるURLを入力してください。';
err.hidden = false;
return;
}
// textContent に入れるので、入力にHTMLが含まれても実行されない
out.textContent = `Redirect 301 ${path} ${target.href}`;
});
});
固定ページを作り、本文に [wpdr_redirect_gen] を書けば表示されます。
実装上のポイントは3つです。
- スクリプトは
wp_register_scriptで登録だけしておき、ショートコードの中でwp_enqueue_scriptします。こうするとツールのないページには読み込まれず、サイト全体の表示速度に影響しません。 - 結果の表示には
innerHTMLではなくtextContentを使います。入力値をHTMLとして挿入すると、悪意ある文字列が実行される原因になります。 - 入力欄には
labelを付け、エラーはrole="alert"で読み上げられるようにします。道具は多くの人に使われるほど、キーボード操作やスクリーンリーダーでの利用も増えます。
ブロックエディターに慣れているなら、同じ処理をカスタムブロックにし、Interactivity API で状態を扱う方法もあります。
手順4:ツールページを「紹介しやすい」形にする
道具だけを置いたページは、何のためのものか伝わらず、紹介する側も説明に困ります。ページには次の要素を加えます。
- 冒頭の1〜2文で、何ができる道具か
- 使い方の例(入力と結果のサンプル)
- 計算方法や前提条件(どの書式・どの環境向けか)と、その出典
- よくある間違いや、結果を使うときの注意(例:設定を反映する前にバックアップを取る)
- 更新履歴
前提条件と出典を書いておくと、技術系の記事を書く人が安心して参照できます。結果をコピーするボタンや、入力例を一度で試せるボタンがあると、使い勝手が上がります。
手順5:告知する
公開しただけでは見つけてもらえません。次のような、読者が実際にいる場所で知らせます。
- 自分のサイト内で、関連する記事からツールへ内部リンクを張る
- その作業について書かれた記事やQ&Aの回答者に、実用的な補足として知らせる(一斉送信ではなく、相手の内容に合うときだけ)
- 開発者向けのコミュニティやSNSで、作った経緯と使い方を紹介する
注意したいのは、Google のスパムに関するポリシーが禁じているリンクスキームに当たらないようにすることです。「リンクを張ってくれたら使える」と利用条件にする、リンクと引き換えに対価を渡す、配布する埋め込みコードに目立たないキーワード入りのリンクを仕込む、といった方法は避けます。埋め込み用のウィジェットを配る場合は、リンクに rel="nofollow" を付けるか、利用者が自由に外せる形にしておくのが無難です。
効果を確かめる
被リンクは、Search Console の「リンク」レポートで、ツールページへのリンク元サイトを確認できます。反映には時間がかかるので、月単位で推移を見ます。Ahrefs Webmaster Tools など、自分のサイトを認証すると無料で使える被リンク調査ツールもありますが、提供範囲は変わることがあるので、利用時に条件を確認してください。
リンクの数だけでなく、ツールの利用回数(アナリティクスのイベント計測)、再訪、ツールページから関連記事への移動も見ます。使われていない道具にはリンクも集まりにくいので、利用データは改善の手がかりになります。
まとめ
- 無料ツールは、繰り返し使われることが紹介の動機になる、寿命の長い被リンクの源です。ただし結果は約束できません。
- 題材は、読者が手作業で繰り返し、間違えやすい作業から選び、検索データや質問で需要を確かめます。
- 実装はブラウザ内で完結させるのが安全で軽く、スクリプトはツールのあるページだけで読み込みます。
- 出力は
textContentで表示し、ラベルやエラー通知でアクセシビリティを確保します。 - ページには使い方・前提・出典を書き、リンクを条件にしない告知を行い、「リンク」レポートと利用データで効果を確かめます。