HTMLツール

無料 外部リンク属性ジェネレーター

セキュリティとSEOのための正しいrel属性を持つ外部リンクマークアップを生成します。

ツールを読み込み中...

外部リンク属性ジェネレーターとは

外部リンクは、セキュリティのためにtarget='_blank'とrel='noopener noreferrer'を使用する必要があります。SEOの観点では、ブロガーは信頼できないリンクにrel='nofollow'、有料リンクやアフィリエイトリンクにrel='sponsored'、ユーザー生成コンテンツのリンクにrel='ugc'を使用します。適切なrel値を使用することは、セキュリティと検索エンジンへのリンク意図の伝達の両方に役立ちます。

クイックアンサー

外部リンクは、target='_blank'を使用する場合、セキュリティのためにrel='noopener noreferrer'を使用する必要があります。SEOの観点では、信頼できないリンクにrel='nofollow'、有料リンクやアフィリエイトリンクにrel='sponsored'、ユーザー生成コンテンツにrel='ugc'を使用します。

Last updated: 2026-06-11

制限事項

  • rel属性は検索エンジンへのヒントであり、指示ではありません。検索エンジンはrel値に関係なくリンク先ページを発見してクロールする可能性があります。
  • ソーシャルメディアサイトやCMSエディターなどの一部のプラットフォームは、リンクのカスタムrel属性を削除または無視します。
  • ソーシャルメディアプラットフォームのリンクには、標準のrel値に加えて、アクセシビリティのためのaria-labelなどの追加属性が必要な場合があります。

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

使い方

  1. ユースケースに合ったリンクタイプを選択します。
  2. 宛先URLとリンクテキストを入力します。
  3. ツールが正しい属性を持つアンカータグを生成します。
  4. アンカータグをHTMLにコピーして貼り付けます。

主な用途

  • noopenerとnoreferrerを使用して安全な外部リンクを作成する。
  • アフィリエイトリンクにsponsoredとnofollowを設定する。
  • ユーザー生成コンテンツのリンクにugcをタグ付けする。

用途

使用例

安全な外部参照リンク

ブログ投稿が外部参照へのリンクにtarget='_blank'とrel='noopener noreferrer'を使用します。

アフィリエイトリンクの開示

アフィリエイト開示ページがすべてのアフィリエイトリンクにrel='sponsored nofollow'を使用します。

よくあるミス

  • noopenerなしでtarget='_blank'を使用すると、セキュリティ脆弱性が生じます。
  • 内部リンクにnofollowを追加して、内部リンクの評価を損なう。
  • sponsoredだけで十分な場合に、nofollowとsponsoredの両方を使用する。

検証

  1. HTMLソースで生成されたアンカータグを検査し、target、rel、aria-label属性が存在し正しくフォーマットされていることを確認します。
  2. 公開されたページでリンクをクリックし、新しいタブで開き、ブラウザコンソールにセキュリティ警告が表示されないことを確認します。

FAQ

外部リンク属性ジェネレーターのFAQ

すべての外部リンクにnoopenerを使用すべきですか?

すべてのtarget='_blank'リンクにはrel='noopener'を含めるべきです。開かれたページがwindow.openerにアクセスするのを防ぎます。

rel='nofollow'はSEOに影響しますか?

検索エンジンにリンク先ページにランキングクレジットを渡さないよう指示します。信頼できないリンクや有料リンクに使用します。

nofollowとsponsoredの違いは何ですか?

nofollowは理由を問わず検索エンジンにランキングクレジットを渡さないよう指示します。sponsoredは特に有料リンクやアフィリエイトリンク用です。リンクが商業契約の一部である場合はsponsoredを、一般的な信頼できないリンクにはnofollowを使用します。

noopenerを追加すると、戻るボタンやブラウジング履歴に影響しますか?

いいえ。noopenerは新しいページと元のページの間のwindow.opener関係のみを切断します。ブラウジング履歴、戻るボタン、セッションストレージ、Cookieアクセスには影響しません。リンク先のページは通常どおり新しいタブまたはウィンドウで開き、独立して動作します。すべてのtarget="_blank"リンクにnoopenerを含めることにデメリットはありません。

関連ツール

その他のhtmlツール

こちらもお試しください

こちらもお試しください