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 で表示し、ラベルやエラー通知でアクセシビリティを確保します。
  • ページには使い方・前提・出典を書き、リンクを条件にしない告知を行い、「リンク」レポートと利用データで効果を確かめます。

お気軽にご相談ください

お見積りへ お問い合わせへ
▲