HTML bağlantıları nedir?

HTML bağlantıları, <a> (anchor) etiketi ile oluşturulan, web navigasyonunun temelini oluşturur. Sayfaları, belgeleri ve kaynakları internet üzerinde birbirine bağlarlar. Her bağlantı birden fazla öznitelik içerebilir: href (hedef URL), title (hover metni), rel (hedefe olan ilişki) ve target (bağlantının nerede açılacağı). Bir web sayfasının bağlantı yapısını anlamak, SEO analizi, site denetimi ve web geliştirme için gereklidir.

Bağlantılar hedef türlerine göre kategorize edilir. Dış bağlantılar tam URL'ler kullanarak diğer web sitelerine işaret eder. İç bağlantılar aynı site içinde göreli yollar kullanarak gezinir. Çapa bağlantıları aynı sayfadaki belirli bölümlere atlar. mailto: ve tel: gibi özel protokoller sırasıyla e-posta istemcilerini ve telefon arayıcılarını tetikler.

Araç açıklaması

Bu araç HTML kodunu ayrıştırır ve tüm köprüleri tam öznitelikleriyle çıkarır. Otomatik olarak her bağlantıyı türe göre sınıflandırır (dış, iç, çapa, mailto, tel veya javascript) ve bunları sıralanabilir bir tabloda görüntüler. İstatistikler bağlantı türlerinin dağılımını bir bakışta gösterir ve herhangi bir web sayfasının bağlantı profilini analiz etmeyi kolaylaştırır.

Örnekler

Giriş HTML:

<nav>
  <a href="https://example.com">Dış Site</a>
  <a href="/about" title="Hakkımızda">Hakkımızda</a>
  <a href="#contact">İletişim Bölümü</a>
  <a href="mailto:info@example.com">Bize E-posta Gönderin</a>
</nav>

Çıkarılan bağlantılar:

URL Metin Tür Başlık
https://example.com Dış Site dış
/about Hakkımızda iç Hakkımızda
#contact İletişim Bölümü çapa
mailto:info@example.com Bize E-posta Gönderin mailto

Özellikler

  • Tüm bağlantı özniteliklerini çıkarır: URL, metin, başlık, rel ve target
  • Altı türe otomatik bağlantı sınıflandırması
  • Bağlantı türü dağılımını gösteren gerçek zamanlı istatistikler
  • Kolay analiz için sıralanabilir sonuç tablosu
  • İç bağlantıları tıklanabilir hale getirmek için temel URL desteği
  • Boş bağlantıları gizlemek veya yalnızca dış bağlantıları göstermek için filtre seçenekleri

Kullanım durumları

  • SEO denetimleri: Kırık bağlantıları, eksik rel özniteliklerini veya arama sıralamalarını etkileyebilecek aşırı dış bağlantıları belirlemek için bir sayfanın bağlantı profilini analiz edin.
  • Web sitesi taşıması: Yeni bir etki alanına taşınırken veya site navigasyonunu yeniden yapılandırırken hiçbir sayfanın atlanmadığından emin olmak için HTML'den tüm iç bağlantıları çıkarın.
  • Rakip analizi: Rakip sayfaları inceleyerek bağlantı stratejilerini anlayın; hangi dış kaynakları referans aldıklarını ve iç navigasyonu nasıl yapılandırdıklarını görün.

Seçenekler açıklaması

Seçenek Açıklama
Temel URL İç bağlantıları sonuç tablosunda tıklanabilir hale getirmek için web sitesinin temel URL'sini girin
Boş bağlantıları göster href özniteliği olmayan veya boş href değerleri olan bağlantıları dahil edin
Yalnızca dış olanları göster Sonuçları yalnızca dış etki alanlarına işaret eden bağlantıları görüntüleyecek şekilde filtreleyin

Bağlantı türleri

Tür Açıklama Örnek
Dış Diğer web sitelerine işaret eden tam URL'ler https://example.com
İç Aynı site içindeki göreli yollar /about, contact.html
Çapa Sayfa bölümlerine giden parça bağlantıları #section-name
Mailto E-posta adresi bağlantıları mailto:user@example.com
Tel Telefon numarası bağlantıları tel:+1234567890
JavaScript Komut dosyası tarafından tetiklenen bağlantılar javascript:void(0)

İpuçları

  • Doğru sonuçlar için bir sayfanın tam HTML kaynağını yapıştırın—kısmi HTML, atlanmış bölümlerdeki bağlantıları kaçırabilir
  • İç bağlantıları analiz ederken, bunların doğru şekilde çözümlendiğini hızlı bir şekilde doğrulamak için temel URL alanını kullanın
  • Benzer bağlantıları bir araya getirmek ve daha hızlı incelemek için "tür" sütununa göre sıralayın
  • İstenmeyen giden bağlantıları kontrol ederken veya bağlı kuruluş bağlantı yerleşimini doğrularken "Yalnızca dış olanları göster" seçeneğini etkinleştirin