Что такое HTML-ссылки?

HTML-ссылки, созданные с помощью тега <a> (anchor), являются основой веб-навигации. Они соединяют страницы, документы и ресурсы в интернете. Каждая ссылка может содержать несколько атрибутов: 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
  • Автоматическая классификация ссылок на шесть типов
  • Статистика в реальном времени, показывающая распределение типов ссылок
  • Сортируемая таблица результатов для удобного анализа
  • Поддержка базового 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 при анализе внутренних ссылок, чтобы быстро проверить их корректность
  • Сортируйте по столбцу «Тип», чтобы сгруппировать похожие ссылки вместе для более быстрого просмотра
  • Включите опцию «Показывать только внешние» при проверке нежелательных исходящих ссылок или проверке размещения партнёрских ссылок