HTMLリンクとは？

HTMLリンクは<a>（アンカー）タグで作成され、ウェブナビゲーションの基礎です。インターネット全体のページ、ドキュメント、リソースを接続します。各リンクには複数の属性を含めることができます：href（リンク先URL）、title（ホバーテキスト）、rel（ターゲットとの関係）、target（リンクを開く場所）。ウェブページのリンク構造を理解することは、SEO分析、サイト監査、ウェブ開発に不可欠です。

リンクはリンク先のタイプによって分類されます。外部リンクは完全なURLを使用して他のウェブサイトを指します。内部リンクは相対パスを使用して同じサイト内をナビゲートします。アンカーリンクは同じページの特定のセクションにジャンプします。mailto:やtel:などの特別なプロトコルはそれぞれメールクライアントと電話ダイアラーをトリガーします。

ツールの説明

このツールはHTMLコードを解析し、すべてのハイパーリンクとその完全な属性を抽出します。各リンクをタイプ（外部、内部、アンカー、mailto、tel、またはjavascript）に自動分類し、ソート可能なテーブルに表示します。統計情報はリンクタイプの内訳を一目で表示し、任意のウェブページのリンクプロフィールを簡単に分析できます。

例

入力HTML：

<nav>
  <a href="https://example.com">External Site</a>
  <a href="/about" title="About Us">About</a>
  <a href="#contact">Contact Section</a>
  <a href="mailto:info@example.com">Email Us</a>
</nav>

抽出されたリンク：

URL テキスト タイプ タイトル
https://example.com External Site external
/about About internal About Us
#contact Contact Section anchor
mailto:info@example.com Email Us mailto

機能

  • すべてのリンク属性を抽出：URL、テキスト、タイトル、rel、target
  • 6つのタイプへの自動リンク分類
  • リンクタイプの分布を示すリアルタイム統計
  • 簡単な分析のためのソート可能な結果テーブル
  • ベースURL対応で内部リンクをクリック可能に
  • 空のリンクを非表示にしたり、外部リンクのみを表示するフィルターオプション

ユースケース

  • SEO監査：ページのリンクプロフィールを分析して、壊れたリンク、rel属性の欠落、検索ランキングに影響を与える可能性のある過度な外部リンクを特定します。
  • ウェブサイト移行：HTMLからすべての内部リンクを抽出して、新しいドメインへの移行またはサイトナビゲーションの再構築時にページが見落とされないようにします。
  • 競合分析：競合他社のページを調査して、参照する外部リソースや内部ナビゲーションの構造化方法など、リンク戦略を理解します。

オプションの説明

オプション 説明
ベースURL ウェブサイトのベースURLを入力して、結果テーブルの内部リンクをクリック可能にします
空のリンクを表示 href属性がないか、href値が空のリンクを含めます
外部リンクのみを表示 外部ドメインを指すリンクのみを表示するように結果をフィルターします

リンクタイプ

タイプ 説明 例
External 他のウェブサイトを指す完全URL https://example.com
Internal 同じサイト内の相対パス /about, contact.html
Anchor ページセクションへのフラグメントリンク #section-name
Mailto メールアドレスリンク mailto:user@example.com
Tel 電話番号リンク tel:+1234567890
JavaScript スクリプトトリガーリンク javascript:void(0)

ヒント

  • 正確な結果を得るため、ページの完全なHTMLソースを貼り付けてください。部分的なHTMLは省略されたセクションのリンクを見落とす可能性があります
  • 内部リンクを分析する場合、ベースURLフィールドを使用して、リンクが正しく解決されることをすばやく確認します
  • 「タイプ」列でソートして、類似したリンクをグループ化し、より高速にレビューします
  • 不要なアウトバウンドリンクをチェックしたり、アフィリエイトリンクの配置を確認したりする場合は、「外部リンクのみを表示」を有効にします