Какво представляват HTML връзките?

HTML връзките, създадени с тага <a> (anchor), са основата на уеб навигацията. Те свързват страници, документи и ресурси в интернет. Всяка връзка може да съдържа множество атрибути: href (целевия URL), title (текст при преминаване), rel (връзка към целта) и target (където да се отвори връзката). Разбирането на структурата на връзките на уеб страница е от съществено значение за SEO анализ, одит на сайтове и уеб разработка.

Връзките се категоризират по тип на тяхната дестинация. Външни връзки сочат към други уебсайтове, използвайки пълни URL адреси. Вътрешни връзки навигират в рамките на един и същи сайт, използвайки относителни пътища. Котвени връзки прескачат към определени секции на същата страница. Специални протоколи като mailto: и tel: активират email клиенти и телефонни набиращи съответно.

Описание на инструмента

Този инструмент анализира 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 външна
/about About вътрешна About Us
#contact Contact Section котвена
mailto:info@example.com Email Us mailto

Функции

  • Извлича всички атрибути на връзката: URL, текст, заглавие, rel и target
  • Автоматична класификация на връзките в шест типа
  • Статистика в реално време, показваща разпределението на типовете връзки
  • Сортируема таблица с резултати за лесен анализ
  • Поддръжка на базов URL за направяне на вътрешни връзки кликабилни
  • Опции за филтриране, за да скриете празни връзки или да показвате само външни връзки

Случаи на употреба

  • SEO одити: Анализирайте профила на връзките на страница, за да идентифицирате счупени връзки, липсващи rel атрибути или прекомерно външни връзки, които могат да повлияят на класирането в търсачките.
  • Миграция на уебсайт: Извлекчете всички вътрешни връзки от HTML, за да гарантирате, че никакви страници не се пропускат при преместване на нов домейн или преструктуриране на навигацията на сайта.
  • Анализ на конкуренцията: Разгледайте страниците на конкурентите, за да разберете тяхната стратегия за връзки, включително кои външни ресурси те референцират и как структурират вътрешната навигация.

Обяснение на опциите

Опция Описание
Базов URL Въведете базовия URL на уебсайта, за да направите вътрешни връзки кликабилни в таблицата с резултати
Показване на празни връзки Включете връзки, които нямат href атрибут или имат празни href стойности
Показване само външни Филтрирайте резултатите, за да показвате само връзки, сочещи към външни домейни

Типове връзки

Тип Описание Пример
Външна Пълни URL адреси, сочещи към други уебсайтове https://example.com
Вътрешна Относителни пътища в рамките на един сайт /about, contact.html
Котвена Фрагментни връзки към секции на страница #section-name
Mailto Връзки към email адреси mailto:user@example.com
Tel Връзки към телефонни номера tel:+1234567890
JavaScript Връзки, активирани от скрипт javascript:void(0)

Съвети

  • Поставете пълния HTML източник на страница за точни резултати—частичният HTML може да пропусне връзки в пропуснатите секции
  • Използвайте полето за базов URL при анализ на вътрешни връзки, за да проверите бързо дали те се разрешават правилно
  • Сортирайте по колона "Тип", за да групирате подобни връзки заедно за по-бърз преглед
  • Активирайте "Показване само външни", когато проверявате за нежелани изходящи връзки или проверявате поставянето на партньорски връзки