• Обновлено
  • Опубликовано
  • 1617 просмотров
  • 16 мин. чтения
  • 0 комментариев

Гиперссылка: что это, виды и как сделать в Word, Excel и HTML

Гиперссылка — это любой кликабельный элемент: подчёркнутое синее слово, картинка, кнопка. По одной такой команде держится весь интернет, и без неё не собрать ни нормальный документ в Word, ни оглавление в Google Docs, ни статью в WordPress. Разобрали простыми словами: какие бывают виды, чем гиперссылка отличается от URL, как сделать в 5 редакторах и что нужно знать про SEO, чтобы случайно не уронить сайт.
Статью написал:
Ваня Буявец, продюсер, основатель Checkroi
Ваня Буявец
Основатель Checkroi, продюсер, эксперт в выборе онлайн-курсов
Все 1445 статей автора Подписаться на Телеграм-канал
Одобрено экспертом:
Наташа Буявец, основатель Checkroi, эксперт по онлайн-курсам
Наташа Буявец
Основательница Checkroi, продюсер Youtube-каналов, эксперт по онлайн-курсам
Все 2106 экспертных мнений Подписаться на Телеграм-канал
Обложка: Гиперссылка: что это, виды и как сделать в Word, Excel и HTML

Если убрать из интернета гиперссылки, останется набор разрозненных файлов. Никаких переходов между сайтами, ничего кликабельного, ни одной кнопки «подробнее». Просто библиотека, в которой невозможно никуда дойти.

Гиперссылка — это маленькая команда, на которой держится весь современный веб. Одновременно это рабочий инструмент, без которого не соберёшь нормальный документ в Word, не сделаешь оглавление в Google Docs, не поставишь ссылку из Excel на карточку клиента. В этой статье разобрали все, что про гиперссылки нужно знать новичку: что это такое, чем она отличается от ссылки и URL, какие виды бывают, как сделать в любом редакторе и что про неё важно знать с точки зрения SEO.

Если хочется быстро освежить базу про SEO рядом, загляните в наш большой словарь SEO-терминов: там собраны все слова, которые встретятся ниже по тексту.

Статья пригодится не только тем, кто работает с сайтами. Гиперссылки сегодня используют все: маркетологи в коммерческих предложениях, авторы в статьях, аналитики в отчётах, преподаватели в презентациях, менеджеры в письмах. Если вы хоть раз нажимали правой кнопкой по тексту и видели в меню пункт «Ссылка», статья ваша.

А если хочется сразу освоить ремесло системно, как именно ссылки работают в связке с поисковиками и продвижением сайта, посмотрите подборку курсов по SEO: там 144 программы от коротких интенсивов до полноценных годовых обучений.

Курсы по Поисковая оптимизация (seo)КурсыСравнение 111 курсов по поисковой оптимизации (seo)Цены, школы, длительность, рассрочка

Гиперссылка простыми словами

Гиперссылка — это любой элемент на экране, по клику на который вы переходите куда-то ещё: на другую страницу, другой документ, нужное место в этой же статье или в окно почтового клиента. Элементом может быть подчёркнутое синее слово, картинка, кнопка, иконка соцсети или даже отдельная буква. Если по нему кликается, это гиперссылка.

Две стеклянные веб-страницы соединены светящимся цифровым переходом, который показывает, как гиперссылка переносит пользователя с одного материала на другой.

В речи слово «гиперссылка» обычно сокращают до «ссылки». В интернете это одно и то же. Различие между ними чисто формальное: «ссылка» — обиходный термин, «гиперссылка» — официальный. Под капотом оба слова означают тег <a> в HTML (язык разметки, на котором написаны все веб-страницы) или его аналог в Word, Excel и любом другом редакторе.

Чем гиперссылка отличается от URL

Тут путаница у большинства новичков. Запомните разницу одной фразой: URL — это адрес, гиперссылка — это кликабельный элемент с этим адресом внутри.

URL (произносится «ю-эр-эль», расшифровывается как Uniform Resource Locator, «единый указатель ресурса») — это строка вида https://checkroi.ru/blog/. Она ни на что не кликается сама по себе, это просто текст. Когда вы вставляете URL в браузер, переходите по адресу. Когда вставляете его в Word без оформления, он остаётся обычным текстом, по нему нельзя кликнуть.

Гиперссылка появляется в тот момент, когда вы оборачиваете URL в команду «сделай меня кликабельным». В HTML такая команда выглядит так:

<a href="https://checkroi.ru/blog/">Блог Checkroi</a>

Внутри тега <a> сидит URL (в атрибуте href), а между открывающим и закрывающим тегом — видимый текст, на который кликнет читатель. На странице это превратится в подчёркнутую синюю фразу Блог Checkroi, по клику на которую браузер откроет нужный адрес.

В Word, Excel или Google Docs всё работает так же, только обёртка скрыта. Вы выделяете слово, нажимаете Ctrl+K, вставляете URL, и редактор сам делает из текста кликабельную ссылку и прячет href под капот.

Откуда взялись гиперссылки

Идея кликабельного перехода между документами появилась задолго до интернета. В 1945 году американский инженер Ванневар Буш описал устройство Memex — гипотетический стол с микрофильмами, где между документами можно было ставить «следы» (trails) и прыгать с одного на другой. Memex так и не построили, но идею подхватил Тэд Нельсон. В 1965 году он ввёл слова «гипертекст» и «гиперссылка», именно в том смысле, в котором мы используем их сейчас.

До реального применения дошло в конце 1980-х: Тим Бернерс-Ли в ЦЕРНе придумал HTML и первый браузер, и к 1991 году в мире появилась первая веб-страница со ссылками. С тех пор тег <a> практически не поменялся. Поменялся только размах: сегодня в интернете триллионы кликабельных ссылок, и каждая ваша новая статья добавляет в эту систему ещё несколько.

Корги Рой проводит экскурсию по истории гиперссылок: от ретрофутуристического устройства с микрофильмами до раннего компьютера и первых веб-страниц.

Анатомия гиперссылки — из чего она состоит

Чтобы понять оставшуюся часть статьи, разберём тег <a> по кусочкам. Один раз, и дальше всё пойдёт легче.

Полная запись гиперссылки в HTML выглядит так:

<a href="https://example.com" target="_blank" rel="nofollow noopener">Текст ссылки</a>

Расшифровываем по частям:

  • <a> и </a> — открывающий и закрывающий теги. Буква «a» от английского anchor — «якорь». Всё, что окажется между ними, станет кликабельным.
  • href — главный атрибут, в нём указан адрес. Без него ссылка не работает. Адрес может быть полный (https://...), относительный (/blog/) или специальный (mailto:, tel:, #yakor).
  • target — куда открыть. Самые частые значения: _blank (новая вкладка) и _self (текущая вкладка, по умолчанию). Атрибут можно не писать, тогда ссылка откроется в текущей вкладке.
  • rel — атрибут для поисковиков и безопасности. Здесь живут значения nofollow, sponsored, ugc, noopener — про каждое расскажем в разделе про SEO.
  • Текст ссылки — то, что увидит читатель. На языке SEO называется анкор. Может быть словом, фразой или картинкой.

В Word, Excel и Google Docs всех этих кусочков нет. Там вы просто выделяете текст, жмёте Ctrl+K, вставляете адрес и нажимаете Enter. Редактор за кадром собирает похожий тег сам.

Ваня Буявец, продюсер, основатель CheckroiВаня Буявец, основатель CheckroiПоказываю, как применять Claude Code, ChatGPT и другие нейросети в учёбе и работе, с примерами и промптамиЧитать в Телеграме

Виды гиперссылок — полная классификация

Гиперссылки делят на виды по шести параметрам. Все эти параметры независимы: одна и та же ссылка может быть одновременно внутренней, анкорной, текстовой, dofollow, открываться в текущей вкладке и вести на конкретный абзац. Чтобы было легче ориентироваться, собрали сводную таблицу.

Параметр Вид 1 Вид 2 Вид 3
Куда ведёт Внутренняя (на этот же сайт) Внешняя (на другой сайт)
Что в анкоре Анкорная (слово или фраза) Безанкорная (голый URL) На изображение или кнопку
Точка перехода Обычная (на страницу целиком) Якорная (на конкретный абзац)
Что открывает Веб-страница Email (mailto) Телефон (tel), файл, приложение
Где открыть Текущая вкладка Новая вкладка (target="_blank")
Передаёт ли SEO-вес dofollow (передаёт) nofollow / sponsored / ugc (не передаёт)

Теперь о том, что каждый из этих видов значит на практике.

Внутренние и внешние

Внутренняя гиперссылка ведёт на страницу того же сайта — с главной на статью, со статьи на другую статью, из карточки товара в корзину. Внешняя — на любой другой домен. Если вы читаете блог Checkroi, и там есть ссылка на википедию, это внешняя.

Для пользователей разницы нет, кликают одинаково. А для поисковиков и SEO разница принципиальная. Внутренние ссылки помогают поисковику понять, какие страницы сайта важнее, и распределяют между ними ссылочный вес (это упрощённое название для механики, по которой одна страница «делится авторитетом» с другой). Внешние же — это сигнал доверия извне. Когда авторитетный сайт ссылается на ваш, поисковик понимает: контент стоит того, чтобы его рекомендовать. Поэтому в SEO внешние ссылки на ваш сайт ценятся отдельно и собираются специально.

Анкорные и безанкорные

Анкорная ссылка — это когда в видимом тексте стоит осмысленная фраза. Например, «читайте подробнее в нашем разборе SEO для начинающих». Безанкорная — когда в тексте стоит просто URL: «подробнее: https://checkroi.ru/blog/seo-dlya-novichkov-i-chto-v-nego-vhodit/».

Условно безанкорной считается ещё ссылка типа «здесь», «тут», «по этой ссылке»: смысловой фразы там тоже нет. С точки зрения SEO анкорные сильнее: они подсказывают поисковику, о чём страница на той стороне. Но нагружать анкоры ключевыми словами слишком плотно — плохая идея, выглядит ненатурально. Рекомендуемое соотношение в ссылочном профиле сайта: около 70 % безанкорных и «естественных» («здесь», название бренда) к 30 % анкорных с ключевыми словами.

Якорные ссылки

Якорная ссылка ведёт не на страницу целиком, а на конкретный её участок. Самый яркий пример — оглавление в длинной статье. Когда вы кликаете «Перейти к разделу 3», страница не перезагружается, а просто прокручивается до нужного места.

Работает это так: в HTML у нужного заголовка ставится атрибут id, например <h2 id="anatomy">Анатомия гиперссылки</h2>. А в ссылке в адрес добавляется решётка с этим именем: <a href="#anatomy">К анатомии</a>. Браузер видит решётку и понимает: никуда не переходи, просто прокрути страницу до элемента с таким же id.

Якоря отлично работают в длинных гайдах, в технической документации и в FAQ.

Ссылки на email, телефон и файл

В href можно положить не только адрес сайта. Самые частые специальные схемы:

  • mailto: — открывает почтовый клиент с уже подставленным адресом получателя. Пример: <a href="mailto:hello@example.com">Написать нам</a>. Можно сразу подставить тему: mailto:hello@example.com?subject=Вопрос.
  • tel: — на смартфоне открывает приложение «Телефон» и вбивает номер. Пример: <a href="tel:+74951234567">+7 (495) 123-45-67</a>.
  • Ссылка на файл — обычная гиперссылка, в href которой указан путь к PDF, картинке, архиву. Браузер либо скачает файл, либо откроет (зависит от формата).

Это удобно в карточках контактов, в шапках сайтов и в коммерческих предложениях.

На картинку, кнопку и любой элемент

Анкором гиперссылки может быть не только текст. В тег <a> можно завернуть картинку, кнопку, целую карточку с несколькими блоками. Тогда кликабельной станет вся обёрнутая область.

<a href="https://example.com">
  <img src="banner.jpg" alt="Наш курс">
</a>

Так делают почти все рекламные баннеры, лого в шапке сайта (кликая по логотипу, вы попадаете на главную), карточки товаров в интернет-магазинах.

Открыть в новой вкладке или в текущей

По умолчанию ссылка открывается в той же вкладке. Если хочется открыть в новой, добавляется атрибут target="_blank". Так часто делают для внешних ссылок: чтобы пользователь не «терял» вашу страницу.

Тонкость: рядом с target="_blank" обязательно ставят rel="noopener". Это атрибут безопасности. Без него страница, на которую ведёт ссылка, технически может получить доступ к вашей вкладке. Современные браузеры обычно подставляют noopener сами, но правило хорошего тона — указывать его явно.

Как сделать гиперссылку — 5 пошаговых инструкций

Принцип везде один: выделить текст, открыть диалог «вставить ссылку», вставить адрес, подтвердить. Названия пунктов меню разные, общая логика одинаковая. Разберём пять самых популярных редакторов.

Щенок Рой проходит пять этапов создания гиперссылки: выделяет текст, открывает команду вставки, добавляет адрес, подтверждает действие и получает готовую ссылку.

В Microsoft Word

Сценарий: вы пишете коммерческое предложение и хотите вставить ссылку на сайт продукта.

  1. Выделите слово или фразу, которая станет ссылкой.
  2. Нажмите Ctrl+K (или щёлкните правой кнопкой и выберите «Ссылка»).
  3. В окне «Вставка гиперссылки» в поле «Адрес» вставьте URL.
  4. Нажмите «ОК».

Word сам сделает текст подчёркнутым и синим. По Ctrl+клику он откроется в браузере (без Ctrl ссылка не кликается в режиме редактирования — это защита от случайных переходов).

Если форматируете бланк или документ и нужна не ссылка, а ровная линия для подписи, посмотрите отдельную инструкцию — как сделать ровное подчёркивание в Word.

Если нужна ссылка не на сайт, а на другое место в документе (например, на заголовок «Цены»), в окне «Вставка гиперссылки» слева выберите «Место в документе» и кликните по нужному заголовку. Чтобы это сработало, заголовки должны быть оформлены стилями «Заголовок 1», «Заголовок 2» и т. д.

Чтобы вставить ссылку на email, в окне слева выберите «Электронная почта», введите адрес, и Word сам подставит mailto:.

Помимо ссылок, при оформлении документа часто нужно настроить и сам текст — например, отступы абзацев и красную строку в Word.

В Excel

В Excel у ссылки два способа: ручной (как в Word) и через формулу.

Ручной:

  1. Выделите ячейку.
  2. Ctrl+K → вкладка «Веб-страница или файл» → вставьте URL → ОК.

В поле «Текст» можно задать, что будет показано в ячейке вместо самого URL, например «Открыть отчёт».

Через формулу: функция ГИПЕРССЫЛКА() (в английском Excel — HYPERLINK()). Это полезно, когда нужно автоматизировать: например, в одной ячейке адрес сайта клиента, в соседней — кликабельная ссылка с надписью «Сайт».

=ГИПЕРССЫЛКА(A2; "Открыть сайт")

Здесь A2 — ячейка с адресом, «Открыть сайт» — видимый текст ссылки. Если адреса в столбце поменяются, ссылки обновятся автоматически.

Чтобы поставить ссылку на другую ячейку или лист в этой же книге, в окне Ctrl+K слева выберите «Место в документе» и укажите имя листа и ячейку (например, Лист2!A1).

В Google Docs

Сценарий: делаете оглавление в длинной статье и хотите, чтобы пункты вели на разделы.

  1. Выделите текст пункта оглавления.
  2. Ctrl+K (на Mac — ⌘+K).
  3. В поле «Найти или вставить ссылку» — либо введите URL, либо начните вводить название заголовка из этого же документа: Docs предложит автодополнение из всех заголовков, которые вы оформили стилем «Заголовок».
  4. Выберите нужный пункт → «Применить».

Чтобы вставить ссылку на закладку (произвольное место, не заголовок), сначала создайте закладку через меню «Вставка» → «Закладка», потом в Ctrl+K она появится в списке.

На ссылку на email Docs реагирует автоматически: если ввести в поле адрес вида name@example.com, он сам поставит mailto:.

В HTML

В коде сайта ссылка ставится тем самым тегом <a>, который мы разбирали в анатомии. Минимальная запись:

<a href="https://example.com">Текст ссылки</a>

Этого достаточно для внутренней ссылки. Для внешней, которая откроется в новой вкладке, добавьте target и noopener:

<a href="https://example.com" target="_blank" rel="noopener">Текст ссылки</a>

Для коммерческой или партнёрской — добавьте rel="nofollow sponsored":

<a href="https://partner.com" target="_blank" rel="nofollow noopener sponsored">Наш партнёр</a>

Несколько значений в rel просто перечисляются через пробел. Подробности и официальные примеры есть в документации MDN по созданию ссылок, бесплатной базе знаний по веб-разработке от Mozilla.

В WordPress

WordPress — самая популярная в мире система управления сайтами. Внутри неё ссылка ставится так:

  1. В редакторе статьи выделите текст.
  2. Нажмите значок «цепочка» на всплывающей панели (или Ctrl+K).
  3. Введите адрес.
  4. Если нужно открыть в новой вкладке, нажмите стрелочку у поля и переключите «Открыть в новой вкладке».
  5. Нажмите Enter или галочку.

Чтобы поставить ссылку как nofollow или sponsored, нужен либо плагин (например, бесплатный WP Edit External Links), либо ручная правка в режиме «HTML-редактор»: переключиться в него можно через меню в правом верхнем углу.

Если ваш бизнес стоит на WordPress и вы пишете статьи сами, наш разбор как писать SEO-тексты закроет смежные вопросы о том, как такие ссылки правильно расставлять.

Гиперссылки и SEO — что нужно знать, чтобы не навредить

Самая частая причина, по которой люди гуглят «что такое гиперссылка», звучит так: «хочу поставить ссылку в статье и понять, не уроню ли я этим свой сайт в Google». Хорошая новость: уронить сайт одной ссылкой почти невозможно. Плохая: системные ошибки в работе со ссылками влияют на позиции. Разберём, что важно держать в голове.

Что такое ссылочный вес

Когда страница А ссылается на страницу Б, поисковик считает это «голосом доверия». Чем больше у страницы Б голосов от авторитетных доноров, тем выше она ранжируется. Этот условный «голос» SEO-специалисты называют ссылочным весом. В Google механика родилась под названием PageRank — алгоритм оценки авторитета страницы по входящим ссылкам.

Вес не появляется из ниоткуда. Когда страница А ссылается на страницу Б, она делится своим весом. Если у страницы А десять исходящих ссылок, каждая получает условно одну десятую её веса. Поэтому в серьёзных SEO-стратегиях считают не только входящие ссылки, но и исходящие.

Атрибут rel — управляем, что передаём

Атрибут rel сообщает поисковику, как относиться к ссылке. Главные значения:

  • Без rel или rel="follow" (по умолчанию) — обычная ссылка. Передаёт вес и учитывается поисковиком как голос доверия.
  • rel="nofollow" — «не учитывай эту ссылку как мою рекомендацию». Вес не передаётся (точнее, передаётся минимально — Google официально считает это «подсказкой»). Ставится для ссылок, за которые автор не ручается: цитаты сомнительных источников, пользовательский контент, реклама.
  • rel="sponsored" — «это платная или партнёрская ссылка». Ставится для рекламы, affiliate-ссылок, спонсорских интеграций. Google ввёл этот атрибут в 2019 году специально для разделения коммерческих и нейтральных ссылок.
  • rel="ugc" — User Generated Content, пользовательский контент. Ставится автоматически для ссылок из комментариев и форумов.
  • rel="noopener" и rel="noreferrer" — атрибуты безопасности. Подставляются вместе с target="_blank".

Несколько значений можно комбинировать через пробел: rel="nofollow noopener sponsored".

Анкор — что писать в тексте ссылки

Поисковик читает текст ссылки и использует его как подсказку о содержании страницы на той стороне. Принципы здорового анкора:

  • Анкор должен описывать, что человек увидит после клика. «Читайте про SEO-оптимизацию страниц» — нормально. «Тут» или «здесь» — бесполезно.
  • Не дублируйте один и тот же анкор в разных ссылках на одну страницу. Разнообразие выглядит естественно.
  • Не набивайте анкор только ключевыми словами. «Курсы дизайна, обучение дизайну, школы дизайна» в одной фразе — сигнал спама.
  • В общем ссылочном профиле сайта около 70 % ссылок должны быть безанкорными или «нейтральными» (название бренда, «здесь», URL), 30 % — анкорными с ключевыми словами.

Внутренняя перелинковка

Внутренние ссылки делают две вещи: помогают читателю не уйти с сайта после первой статьи и сообщают поисковику структуру. Если на статью «как стать SEO-специалистом» ссылаются десять других статей с вашего же сайта — поисковик понимает, что это центральный материал темы.

Базовое правило: в каждой статье ставьте 3–5 ссылок на другие свои материалы. Разные по тематике, в разных частях текста, с разными анкорами. Подробнее про работу с внутренними ссылками найдёте в нашем разборе SEO для начинающих.

Битые ссылки

Битая ссылка ведёт на удалённую страницу: пользователь получает ошибку 404. Для поисковика это сигнал плохо ухоженного сайта. Сами по себе несколько битых ссылок ничего не уронят. Если их сотни, позиции просядут.

Найти все битые ссылки на сайте помогают специальные сервисы. Подборка проверенных есть в нашем обзоре лучших сервисов для работы со ссылками.

7 типичных ошибок новичка

Эти грабли почти у всех в первый год работы со ссылками. Сразу проверьте себя, большую часть легко исправить.

Удивлённый корги Рой наступает лапой на зубцы стеклянных грабель на футуристической улице — метафора типичных ошибок новичков при работе со ссылками.

Ошибка 1 — ставить «нажмите здесь» в качестве анкора

Анкор «здесь» не говорит ни читателю, ни поисковику, что находится по ссылке. Это классика старого веба, которая до сих пор живёт в письмах и на корпоративных сайтах. Замените на осмысленную фразу: вместо «прайс здесь» — «прайс на корпоративные тарифы».

Ошибка 2 — все внешние ссылки в текущей вкладке

Если ссылка ведёт на другой сайт, а вкладка одна, пользователь уйдёт и может не вернуться. Для всех внешних ссылок добавляйте target="_blank" и рядом rel="noopener". Для внутренних, наоборот, оставляйте текущую вкладку: новые вкладки на каждый клик утомляют.

Ошибка 3 — один и тот же анкор у десяти ссылок на одну страницу

Если вы во всех статьях ссылаетесь на карточку курса с анкором «курсы SEO», поисковик заподозрит спам. Варьируйте: «обучение SEO», «программы по поисковой оптимизации», «курсы для SEO-специалиста», «подборка курсов».

Ошибка 4 — ссылки на удалённые страницы

Бывает, что статья на вашем сайте удалена или переехала, а ссылки на неё из других материалов остались. Это битые ссылки. Раз в квартал прогоняйте сайт через любой бесплатный сервис проверки и чините найденное.

Ошибка 5 — partner/affiliate-ссылки без rel="sponsored"

Если вы участвуете в партнёрской программе и получаете деньги за переходы, Google требует, чтобы такие ссылки были помечены rel="sponsored" (или хотя бы rel="nofollow"). Иначе сайт может получить ручные санкции за «скрытую рекламу».

Ошибка 6 — забывать про rel="noopener" рядом с target="_blank"

Технический момент, но важный. Без noopener страница, которую вы открыли в новой вкладке, может получить ограниченный доступ к вашей странице через JavaScript. Современные браузеры почти всегда подставляют noopener сами, но для надёжности пишите явно.

Ошибка 7 — все ссылки в статье на один и тот же домен

Если статья ссылается только на один внешний сайт, это выглядит как реклама. Здоровый материал по возможности ссылается на несколько разных доноров: один авторитетный источник по теме (Wikipedia, MDN, гос-портал), пара статей из разных тематических блогов, своя внутренняя перелинковка.

Чек-лист — как проверить, что ссылка работает

Перед публикацией материала пробегитесь глазами по всем ссылкам. Это занимает пять минут и спасает от 404 у читателей.

  • Проверьте каждую ссылку кликом. Откройте в новой вкладке и убедитесь, что страница открывается, а не даёт 404 или 500.
  • Адрес начинается с https://, а не с http:// (если только это не старый сайт без сертификата). На http-сайт в 2026 году ссылаться плохо: браузер пользователя покажет предупреждение.
  • Анкор осмысленный. Не «здесь» и не «тут».
  • У внешних ссылок стоит target="_blank" и рядом rel="noopener".
  • У партнёрских и рекламных — rel="sponsored" или rel="nofollow".
  • В статье нет десяти одинаковых анкоров на одну и ту же страницу.
  • В первой 1000 слов есть 3–5 внутренних ссылок на другие материалы вашего сайта. Это важно и для удержания читателя, и для SEO.
  • Если ссылка ведёт на файл (PDF, архив), рядом с ней предупредите словом «(PDF, 2 МБ)», чтобы пользователь не удивился скачиванию.

Где научиться SEO и работе со ссылками профессионально

Эта статья даёт базу: что такое гиперссылка, какие виды бывают, как сделать в любом редакторе и что про неё нужно знать с точки зрения поисковиков. Но стратегическое управление ссылками — отдельная профессия. SEO-специалисты годами учатся выстраивать ссылочный профиль, чтобы сайт устойчиво держался в топе.

Если хочется освоить ремесло на уровне, который ценят работодатели, посмотрите подборку курсов ниже. Сравнили программы по цене, длительности, формату и уровню подготовки.

КурсШколаСтоимость со скидкойВ рассрочкуДлитель­ностьОбзор курса от Checkroi
Performance-маркетинг в SEO
Перейти на сайт курса
SkillboxSkillbox54 600 ₽4550 ₽/мес.4 месяцаОбзор курса
Профессия «SEO-специалист с нуля до PRO»
Перейти на сайт курса
SkillboxSkillbox100 733 ₽4579 ₽/мес.12 месяцевОбзор курса
SEO-специалист PRO
Перейти на сайт курса
НетологияНетология116 820 ₽4867 ₽/мес.4 месяцаОбзор курса
SEO-специалист: базовый курс
Перейти на сайт курса
НетологияНетология44 700 ₽2483 ₽/мес.4 месяцаОбзор курса
SEO-специалист: курс от AMDG
Перейти на сайт курса
SkillboxSkillbox55 245 ₽4597 ₽/мес.4 месяцаОбзор курса
SEO-специалист
Перейти на сайт курса
Академия СинергияАкадемия Синергия88 116 ₽3672 ₽/мес.6 месяцевОбзор курса
SEO-специалист
Перейти на сайт курса
НетологияНетология92 500 ₽3084 ₽/мес.12 месяцевОбзор курса
Профессия «SEO-специалист»
Перейти на сайт курса
SkillboxSkillboxБесплатно3320 ₽/мес.12 месяцевОбзор курса
SEO-продвижение
Перейти на сайт курса
Digital Skills AcademyDSA27 500 ₽2291 ₽/мес.1 месяцОбзор курса
Факультет SEO-продвижения
Перейти на сайт курса
GeekBrainsGeekBrains104 700 ₽2908 ₽/мес.12 месяцевОбзор курса

Больше программ — в полном каталоге курсов по поисковой оптимизации (seo)

Параллельно полезно понять, как именно профессия выглядит изнутри и сколько на ней зарабатывают: про это написали в статье «SEO-специалист — кто это, чем занимается и сколько зарабатывает». А для тех, кто пока хочет разобраться в терминах самостоятельно — наш большой словарь SEO-терминов.

Часто задаваемые вопросы

Чем гиперссылка отличается от обычной ссылки?

В интернете это одно и то же. «Гиперссылка» — официальный термин, «ссылка» — обиходный. Под капотом обе обозначают тег <a> в HTML или его аналог в Word, Excel и Google Docs. Можно использовать любое из этих слов, читатель поймёт.

А URL — это тоже ссылка?

Нет. URL — это адрес страницы, простая строка вроде https://checkroi.ru/blog/, которая сама по себе ни на что не кликается. Гиперссылка появляется, когда вы оборачиваете этот URL в команду «сделай меня кликабельным». В HTML это тег <a href="...">, в Word или Google Docs — диалог по Ctrl+K.

Как сделать ссылку, чтобы открывалась в новой вкладке?

В HTML — добавить атрибут target="_blank", а рядом по соображениям безопасности rel="noopener": <a href="..." target="_blank" rel="noopener">. В Word и Google Docs ссылка по умолчанию открывается в браузере новым окном, отдельной настройки нет. В WordPress в окне вставки ссылки есть переключатель «Открыть в новой вкладке».

Что такое анкорная и безанкорная ссылка?

Анкорная — это когда в видимом тексте стоит осмысленная фраза («читайте про SEO для начинающих»). Безанкорная — когда стоит просто URL или нейтральные слова вроде «здесь», «тут», «по этой ссылке». В ссылочном профиле сайта рекомендуют держать соотношение примерно 70 % безанкорных и 30 % анкорных с ключевыми словами, чтобы выглядело естественно для поисковика.

Что такое якорная ссылка и как её сделать?

Якорная ссылка ведёт не на страницу целиком, а на её конкретный участок — например, на нужный раздел длинной статьи. В HTML у заголовка ставится атрибут id, например <h2 id="prices">Цены</h2>. В тексте ссылки в адрес добавляется решётка с этим именем: <a href="#prices">К ценам</a>. Браузер увидит решётку и просто прокрутит страницу до нужного места без перезагрузки.

Чем отличаются nofollow, sponsored и ugc?

Это значения атрибута rel, через которые вы сообщаете поисковику, как относиться к ссылке. nofollow — «не учитывай как мою рекомендацию» (для цитат сомнительных источников). sponsored — «это платная или партнёрская ссылка» (для рекламы и affiliate). ugc — «это контент от пользователей» (для комментариев и форумов). Значения можно комбинировать через пробел: rel="nofollow sponsored".

Может ли картинка быть гиперссылкой?

Да. В HTML картинку оборачивают в тег <a>: <a href="..."><img src="banner.jpg" alt="..."></a>. Кликабельной станет вся область картинки. Так делают почти все рекламные баннеры, логотипы в шапке сайта и карточки товаров в интернет-магазинах. В Word и Google Docs картинку тоже можно сделать ссылкой — выделите её и нажмите Ctrl+K.

Что такое битая ссылка и опасны ли они для SEO?

Битая ссылка ведёт на удалённую страницу: пользователь получает ошибку 404. Несколько битых ссылок ничего не уронят, но если их сотни, позиции просядут — для поисковика это сигнал плохо ухоженного сайта. Раз в квартал прогоняйте сайт через любой бесплатный сервис проверки и чините найденное. Подборка проверенных инструментов есть в нашем обзоре лучших сервисов для работы со ссылками.

Как поставить ссылку на номер телефона или email?

Для email используйте схему mailto:<a href="mailto:hello@example.com">Написать нам</a>. По клику откроется почтовый клиент с подставленным адресом. Можно сразу задать тему: mailto:hello@example.com?subject=Вопрос. Для телефона работает схема tel:<a href="tel:+74951234567">+7 (495) 123-45-67</a>. На смартфоне такая ссылка откроет приложение «Телефон» и вобьёт номер.

Оставить комментарий
0 комментариев
Форма комментария

Оставьте комментарий

Напишите, что думаете. Нам важно ваше мнение!