HTMLツール

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

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

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

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

外部リンク属性ジェネレーターは、セキュリティとSEOのための正しいrel属性を持つ外部リンクマークアップを生成します。 出力は公開サイトに使う前に確認しやすい形で表示されます。

Quick answer

External links should use rel='noopener noreferrer' for security when using target='_blank'. For SEO, use rel='nofollow' for untrusted links, rel='sponsored' for paid or affiliate links, and rel='ugc' for user-generated content.

Limitations

  • Rel attributes are hints to search engines, not directives. Search engines may still discover and crawl linked pages regardless of rel values.
  • Some platforms such as social media sites and CMS editors strip or ignore custom rel attributes on links.
  • Social media platform links may need additional attributes such as aria-label for accessibility beyond the standard rel values.

使い方

  1. 必要な値を入力します。
  2. 結果パネルの出力を確認します。
  3. ページに合う部分だけコピーします。
  4. 公開前にブラウザとホスティング環境で確認します。

主な用途

  • 公開前の繰り返し作業を短くする。
  • マークアップ、CSS、チェックリストを準備する。
  • 静的サイトで見落としやすい小さなミスを減らす。

よくあるミス

  • 出力を確認せず本番に入れる。
  • 公開URLではなくローカルURLを使う。
  • build後に公開フォルダ内のファイルを確認しない。

Verification

  1. Inspect the generated anchor tag in the HTML source to confirm target, rel, and aria-label attributes are present and correctly formatted.
  2. Click the link on the published page and verify it opens in a new tab without triggering any security warnings in the browser console.

FAQ

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

外部リンク属性ジェネレーターはブラウザ内で動きますか?

はい。現在のツールはブラウザで出力を生成する設計です。

出力のテストは必要ですか?

はい。テンプレート、ブラウザ、ホスティング設定に合わせて必ず確認してください。

関連ツール

その他のhtmlツール

こちらもお試しください

こちらもお試しください