Как правильно оформлять ссылки на сайте
Красиво оформленные ссылки привлекают внимание посетителей и побуждают к действию.
Оформление ссылок и юзабилити
Давайте определим, как же должны выглядеть ссылки, чтобы они гармонировали с дизайном сайта и в то же время были удобными для использования.
Ссылки должны быть легко отличимы от обычного текста, поэтому рекомендуем выделять их цветом и подчеркиванием. И обязательно в едином стиле по всему сайту. Так пользователь сможет найти их с первого взгляда без совершения дополнительных действий.
Лучший цвет для выделения – синий (голубой), он наиболее привычен для пользователей. Пример правильного выделения ссылок:
А вот слишком яркие цвета будут только отвлекать от основной информации и испортят внешний вид текста в целом:
Выделять стоит все ссылки, кроме ссылок меню, по ним и так понятно, что они кликабельны. Как видите, подчеркивание здесь лишнее:
Чтобы пользователю было легче ориентироваться на сайте, и он мог быстро отличить те страницы, на которые уже заходил, следует выделять посещенные ссылки.
Лучше всего выбрать менее яркий оттенок основного цвета ссылок или близкий по цвету, но также приглушенный. Разные одинаково яркие цвета только запутают пользователя.
Пример использования похожих цветов:
И ещё 6 дополнительных советов:
- Используйте для ссылок тот же размер шрифта, что и для основного текста, чтобы текст легче воспринимался.
- Не стоит добавлять для ссылок дополнительные эффекты при наведении курсора – их не видно с мобильных устройств.
- Не размещайте ссылки слишком близко друг к другу, используйте отступы и знаки препинания между ними. Или переформулируйте основной текст.
- Не добавляйте в текст слишком много ссылок. Такой текст сложнее читать, к тому же есть риск попасть под фильтры поисковых систем.
- Ссылки на сторонние ресурсы открывайте в новой вкладке, чтобы не уводить посетителей с сайта.
- Не выделяйте некликабельный текст синим цветом или подчеркиванием, чтобы не дезориентировать пользователей.
Правильно с точки зрения юзабилити оформить ссылки – мало, надо еще уметь использовать их к месту. Для продвижения сайта важны как внутренние ссылки (между страницами сайта), так и внешние (со сторонних источников). Сначала поговорим о ссылках внутри сайта.
Внутренняя перелинковка
Говоря о внутренней перелинковке, хочется заметить, что многие не уделяют ей нужного внимания.
Так, например, красиво оформленные ссылки в тексте статьи или блок с похожими материалами/товарами привлекает внимание посетителя и тем самым увеличивает время пребывания на сайте, а также глубину просмотра, что хорошо для продвижения.
Еще к автоматической перелинковке можно отнести хлебные крошки:
И карту сайта. Например, у нас на сайте она находится в подвале:
От правильной перелинковки во многом зависит скорость индексации ресурса и его продвижение в целом.
Подробнее о схемах перелинковки и способах реализации мы писали тут.
Внешние ссылки
Внешние ссылки (ссылки на сторонние источники) являются не только удобным способом порекомендовать или поделиться какой-либо страницей в Интернете, но также остаются одним из важнейших аспектов seo-продвижения.
Ссылочная масса нужна и важна для улучшения позиций сайта в поисковых системах, а также увеличения трафика, поэтому все стараются получить побольше качественных ссылок на свой ресурс.
А вот ставить ссылки со своего ресурса на сторонние не спешат: во-первых, боятся передать лишний «вес» (чтобы понять, как это все работает, прочитайте статью про тИЦ), во-вторых, за чрезмерное количество ссылок на другие сайты можно нарваться на санкции поисковиков.
Поэтому, прежде чем ставить ссылку на какой-то сайт, определитесь, для чего это делаете.
Если ради заработка на бирже – почитайте про АГС и подумайте два раза, а надо ли; если ссылка рекламная – закройте ее от индексации, так будет безопаснее всего. Если просто хотите поделиться годным контентом – то ОК, ссылка будет естественной, и вроде как бояться нечего.
Используйте ссылки так, чтобы по ним переходили люди, чтобы они были полезны. Именно такой формат лучше всего воспринимается поисковыми системами и не будет принят за спам или покупную ссылку.
Не понимаете, как это сделать самостоятельно, используйте крауд-маркетинг, целью которого служит получение естественных ссылок, улучшение узнаваемости бренда и увеличение целевого трафика.
Итак, мы решили, что ставим ссылку на сторонний ресурс осознанно, теперь надо понять, анкорная это ссылка будет или нет.
Виды ссылок: с анкором и без
Все популярнее становится вариант размещения так называемых безанкорных ссылок. А безанкорные они не потому что в них нет текста (анкора), а потому что нет вхождения ключевой фразы.
В ссылках такого типа в качестве анкора чаще всего используются:
- конкретный url страницы;
- название компании, бренда;
- указательные слова: там, здесь, тут, по ссылке.
Если добавляете такой вид ссылок, учтите, что самым важным является околоссылочный текст, так как именно на него будут обращать внимание Яндекс и Google, пытаясь понять, на какую тематику данная ссылка и что конкретно она рекомендует.
«В прошлом году купил тут отличный велосипед»
«Бесплатную запись курса вы можете скачать по ссылке»
В обоих случаях наш анкор не объясняет, что же за страница откроется после перехода. Именно поэтому так важен текст около самой ссылки.
С анкорными же ссылками все гораздо проще. Вы либо указываете точное вхождение нужной ключевой фразы, либо слегка разбавленной.
«В нашем городе есть магазин с хорошими велосипедами»
«Запчасти для ноутбуков с доставкой по всему городу в компании Ноутбукич»
При оформлении таких ссылок не стоит забывать о морфологии и грамматике, варианты вроде «Заказать пластиковые окна Сочи» совершенно неприемлемы – это спам.
Идеальные анкорные ссылки должны обладать одним важным качеством – выглядеть естественно. То есть не надо их вставлять только ради ссылки – на своем сайте (перелинковка ради перелинковки) или на стороннем (ради наращивания ссылочной массы и продвижения в ТОП), ссылки добавляем только если они несут пользу для посетителей сайта.
Что делать, если ссылку поставить надо, а пользы она не несет? Такие ссылки закрываем от индексации.
Закрытие внешних ссылок от индексации
Давайте уточним, какие же ссылки стоит закрывать:
- на сайты других тематик;
- из комментариев/в отзывах, так как не всегда есть возможность контролировать их;
- платные;
- на сайты с ненадежным контентом (которому вы не доверяете).
Если все-таки необходимо закрыть какой-то участок сайта или ссылку, на выбор 2 инструмента.
Для скрытия текстовой информации от индексации в Яндексе используется тег <noindex>
<noindex>Наш текст <a href=»url»>Анкор</a></noindex>
При этом специалисты Яндекса отмечают, что закрывать этим тегом счетчики на сайтах не обязательно, как правило, счётчики работают с помощью JavaScript-ов, содержание которых не будет использоваться роботом при определении релевантности страницы. Подробнее о теге в справке.
Для закрытия же ссылок не забываем про атрибут rel=»nofollow» внутри самой ссылки.
<a href=»http://yandex.ru» rel=»nofollow»>Хороший сайт</a>
Атрибут запрещает роботам поисковых систем переходить по ссылке, однако есть и исключение. Как указано в справке Google:
Как правило, переход не производится. Это означает, что по этим ссылкам Google не передает ни PageRank, ни текст ссылки. Благодаря nofollow ссылки не попадают в нашу «схему» Сети. Однако соответствующие целевые страницы все равно могут быть включены в индекс Google, если другие сайты ссылаются на них без использования nofollow или если их URL предоставлены Google с помощью файла Sitemap.
То же самое происходит и с Яндексом, атрибут позволяет не передавать вес вашей страницы на ненужный ресурс. Стоит заметить, что работает это только для внешних, и использовать его для закрытия внутренних ссылок не имеет смысла.
Хотелось бы упомянуть про различные баннеры и ссылки в подвале сайта, например, на разработчиков.
Их просто закрываем через nofollow и забываем.
Выводы
Правильно оформленные ссылки, как внешние, так и внутренние, являются залогом хорошего ссылочного профиля сайта. Крайне не рекомендуем заниматься покупкой или продажей ссылок, старайтесь получать внешние ссылки только с качественных ресурсов (о том, как это делать правильно, писали тут).
А если у вас остались вопросы или есть какие-то проблемы на сайте – пишите в комментариях. Или закажите у наших специалистов аудит ссылочного профиля – мы изучим детально ссылочную массу вашего сайта и дадим рекомендации по дальнейшей работе с ней.
Ссылки на сайт — что это такое, зачем нужны внешние ссылки и как их получить
Внешние ссылки на сайт— это ссылки на ваш сайт со сторонних ресурсов. Совокупность внешних ссылок составляет внешний ссылочный профиль сайта. Поговорим о том, как он формируется, какие ошибки чаще всего допускают новички, какими бывают внешние ссылки и как проверить их качество.
Зачем нужны внешние ссылки на сайт
Формирование внешнего ссылочного профиля сайта — одна из составляющих успешного поискового продвижения.
Когда на ваш сайт ссылаются сторонние ресурсы, для поисковых систем это становится сигналом о том, что сайт качественный, контент на нем размещен интересный. Поисковые системы начинают лучше ранжировать ресурс в органической выдаче.
Читайте также:
Факторы ранжирования Google и «Яндекс»: что это и как работает
Виды и типы внешних ссылок
Все внешние ссылки на сайт могут быть двух видов — естественные и SEO-ссылки.
Естественные ссылки — такие, которые оставляют пользователи без вашего участия. Задачи продвинуть ваш сайт в поисковой выдаче перед ними не стоит — они просто делятся интересными материалами вашего сайта.
SEO-ссылки осознанно оставляют (либо договариваются о том, чтобы в постах, комментариях, публикациях разместили ссылку) SEO-специалист и владелец сайта, и они прямо направлены на поисковое продвижение ресурса.
По типу внешние ссылки могут быть:
- Активными, или кликабельными. Это ссылки, кликнув по которым можно перейти на ваш сайт.
- Неактивными. Использовать неактивную ссылку для того, чтобы попасть на сайт, можно только путем ее копирования в адресную строку браузера. Правильнее будет называть неактивные ссылки упоминаниями сайта.
-
Анкорными, или закрытыми. Анкором называется кликабельный фрагмент текста, кликнув на который можно перейти на сайт.
За таким фрагментом скрывается «вшитая» в текст ссылка
-
Безанкорными, или открытыми. Это ссылки, которые в тексте мы видим как www.kokoc.com или http://kokoc.com. Такие ссылки сразу видны в тексте, и поисковые системы считают их более органичными — именно ими, как правило, делятся пользователи.
Безанкорные ссылки можно укорачивать для лучшего восприятия — для этого существуют специальные сервисы. Плюс такого метода: ссылка помещается на одной строке. Минус: ссылка утрачивает понятный для человека вид. Например, ссылка на статью в нашем блоге «Внешняя оптимизация сайта: как продвигать сайт с помощью сторонних ресурсов» после укорачивания выглядит так: https://clck.ru/XNkKK.
-
Dofollow. Ссылки, помеченные таким атрибутом, индексируются поисковыми системами и передают часть условного веса ресурса, на котором они размещаются, вашему сайту.
- Nofollow. Этот атрибут показывает поисковику, что ссылку не нужно индексировать. Нередко nofollow используют крупные ресурсы, чтобы ограничить передачу веса внешним ссылкам и не привлекать спамеров. Такие ссылки не учитываются при ранжировании сайта, но могут приводить трафик — а значит, они тоже полезны.
Как формируется внешний ссылочный профиль
Чтобы добиться появления естественных внешних ссылок, которые оставляют пользователи, важно работать над качеством контента. Например, люди охотно делятся обзорами, чек-листами, подборками лайфхаков и развлекательным контентом — шутками, мемами, цитатами известных людей. Постоянно и планомерно публикуя интересный или полезный контент, можно увеличить количество естественных ссылок, а вместе с ними и вес вашего ресурса для поисковых систем.
Читайте также:
Что такое контент: виды, форматы, критерии качества
Работа над формированием внешнего ссылочного профиля при помощи SEO-ссылок включает несколько направлений — это социальные сети, сервисы «Яндекса» и Google и работа с дополнительными площадками.
Соцсети и мессенджеры
В соцсетях и мессенджерах — например, в Telegram — ссылки на сайт можно разместить в ваших профилях, в описании групп/каналов вашей компании, в постах-анонсах материалов с сайта.
Пример размещения активной ссылки на сайт в описании канала в Telegram
Можно договориться о кросспостинге с блогерами или группами, в которых есть ваша целевая аудитория.
Сервисы поисковых систем
- Справочники «Яндекс.Бизнес» и Google My Business. Регистрация в них — это возможность получить карточки компании с контактной информацией, геометкой и активной ссылкой на сайт.
- Блог-платформы «Яндекс.Дзен» и blogger.com. Ссылки можно размещать и в описании, и в статьях вашего блога.
- Сервис вопросов и ответов «Яндекс.Кью». Кликабельные безанкорные ссылки на сайт размещаются в подписи. Когда это уместно, то их можно размещать дополнительно в ваших ответах на вопросы пользователей. Но если оставлять ссылки на сайт, никак не связанный с темой вопроса, сервис может заблокировать пользователя за спам.
Вот так может выглядеть ссылка в описании канала в «Яндекс.
Дзене»
Работа с дополнительными площадками
- YouTube. Можно поставить ссылку в описании аккаунта компании, размещать ссылки на разные страницы сайта под тематическими видео.
-
Сайты-отзовики. В карточке компании, которую можно завести на ресурсах Irecommend.ru или Otzivik.com, можно разместить ссылки на сайт. Также ссылки на конкретные страницы можно размещать и в ответах на комментарии и отзывы пользователей.
- Сайт Pinterest. На ресурсе можно публиковать «пины» — анонсы материалов вашего сайта с активными ссылками и привлекательными картинками.
- Тематические форумы. Разместить ссылку на сайт почти всегда можно в профиле, иногда и в сообщениях. Например, в сфере недвижимости это может быть форум Ners, а в автосфере — форум Avto.ru
-
Тематические каталоги. Например, есть каталог SEO-сервисов на adblogger или тематический рейтинг-каталог страховых компаний. Если нашелся каталог, посвященный вашей теме, — заведите карточку компании с ее описанием и ссылкой на сайт. Стандартно на это в каталогах дают 500 знаков, но бывает и больше.
- Внешние публикации. Если вы выступаете как автор статей по тематике вашего бизнеса, то в карточке автора в блоге или на сайте часто можно поставить ссылку на сайт.
Строительная компания разместила ссылку на сайт в самой первой строке описания — это хороший вариант
Также ссылки на конкретные страницы можно размещать и в ответах на комментарии и отзывы пользователей.
Pinterest получает хороший трафик — на площадке пользователи часто ищут вдохновение
Стандартно на это в каталогах дают 500 знаков, но бывает и больше.
Читайте также:
Внешняя оптимизация сайта: как продвигать сайт с помощью сторонних ресурсов
Что не нужно делать при формировании внешнего ссылочного профиля
В 2021 году не сто́ит закупать ссылки — все ресурсы, созданные специально под платное размещение ссылок, давно идентифицированы поисковиками как мусорные. Ссылки с таких ресурсов не добавят веса сайту. И даже наоборот, могут привести его под фильтры поисковых систем — «Минусинск» от «Яндекса» и «Пингвин» от Google.
Нет смысла размещать ссылки на сайт в бесплатных немодерируемых каталогах с разнородным содержимым.
Такие каталоги похожи на мусорные свалки
Не нужно размещать ссылки на форумах и в группах социальных сетей далекой от вашего бизнеса тематики. Например, ссылка на интернет-магазин детского питания вряд ли будет уместна на форуме собаководов, а вот на женском форуме она будет точно в тему.
Как проверить качество внешнего ссылочного профиля
Проверить внешний ссылочный профиль вашего сайта и увидеть вес каждой ссылки можно в нескольких сервисах, например, в «Яндекс.Вебмастере», если вы зарегистрировали в нем сайт и подтвердили свои права на него.
Сервис покажет ссылки и индекс качества (ИКС) каждого сайта, который ссылается на ваш ресурс:
Чем выше ИКС, тем более весомой с точки зрения поисковых систем будет внешняя ссылка
Формирование внешнего ссылочного профиля — важная часть работы по поисковому продвижению сайта. Это не разовая задача: оптимальным решением будет обеспечить сайту перманентный, но постепенный прирост ссылочной массы.
Это нужно делать так, чтобы поисковые системы видели, что сайт растет, развивается и пользуется популярностью у посетителей.
Продвижение сайта в ТОП-10
- Оплата по дням нахождения в ТОП
- Подбираем запросы, которые приводят реальных покупателей!
Чтобы вставить веб-ссылку:
Чтобы вставить веб-ссылку:Вы можете использовать визуальный редактор CMS для ссылки на другой веб-сайт. Вы также можете сделать ссылку на адрес электронной почты, FTP-адрес или якорь (закладку), который вы разместили в другом месте на той же странице или в другом документе. Инструмент ссылок предоставляет множество расширенных функций, связанных с внешним видом и поведением ссылок.
Введите текст, который вы хотите использовать для ссылки.
Выделите текст.
Щелкните , Вставить гиперссылку.
В поле URL-адрес связанной страницы или файла введите URL-адрес сайта, на который вы ссылаетесь (если он внешний). Если вы ссылаетесь на якорь на другой странице, вам нужно будет добавить строку «#имя закладки» к URL-адресу. Если вы ссылаетесь на внутреннюю привязку, пропустите это поле и перейдите к шагу 5.
При желании выберите якорь. Любая привязка, которую вы определили в своем документе, появится в раскрывающемся списке привязок.
Строка «#bookmark name» будет вставлена в поле «URL-адрес ссылки».Введите заголовок. Заголовок должен содержать соответствующую дополнительную информацию о ссылке, а не просто повторять текстовое значение ссылки. Заголовок будет отображаться в виде подсказки, когда пользователь наведет курсор на ссылку. Это необходимо из соображений доступности.
Щелкните Вставить. Вы вернетесь в визуальный редактор CMS, где выделенный текст указывает на активную ссылку.
Если вы не начинаете URL-адрес с соответствующего протокола (например, mailto: для ссылки на адрес электронной почты или http:// для веб-сайта), откроется всплывающее окно с предложением вставить правильный префикс.
Строка «#bookmark name» будет вставлена в поле «URL-адрес ссылки».Если вы создаете только ссылку на внутреннюю привязку, вам не нужно указывать URL-адрес. См. раздел Вставка привязки (закладка).
Щелкните ссылку правой кнопкой мыши.
Щелкните Вставить/редактировать ссылку.
В окне «Гиперссылка» отредактируйте URL-адрес.
Нажмите OK.
Примечание: Если вы указали исходные или подисходные коды в своей форме пожертвования, вы можете редактировать коды, выбрав ссылку и нажав Вставить ссылку, или щелкнув ссылку правой кнопкой мыши и выбрав в контекстном меню Вставить/редактировать ссылку .
Щелкните ссылку правой кнопкой мыши.
Щелкните, Разъединить.
Как добавлять ссылки на веб-страницы
Вероятно, вы пытаетесь понять, как добавить простую текстовую ссылку со страницы вашего веб-сайта на другую страницу в Интернете. Эта статья объяснит, как это сделать, а также поделится ценной информацией о роли ссылок в SEO.
Текстовые ссылки обычно используются на веб-сайтах. Их основная цель — легко поделиться ресурсом, найденным на другой странице в Интернете, но это не единственная причина их существования. Ссылка на другую страницу в Интернете может повлиять на поисковый рейтинг как вашей веб-страницы, так и страницы, на которую вы ссылаетесь.
Как создать гиперссылку в HTML
Чтобы создать ссылку, вам нужно знать URL-адрес (унифицированный указатель ресурсов) страницы, на которую вы хотите сделать ссылку. Например, предположим, что мы хотим сделать ссылку на веб-сайт Sagapixel.
Во-первых, нам понадобится URL-адрес веб-страницы, включая протокол. Другими словами, URL-адрес должен выглядеть как «https://sagapixel.com», а не просто как «sagapixel.com». Мы можем использовать поисковую систему, такую как Yahoo или Google, для поиска URL-адреса сайта. Когда у нас есть адрес, нам нужно правильное выражение HTML. Например:
Philadelphia SEO company
И вот код, который сделал это:
com/seo/philadelphia»>Sagapixel SEO три части, составляющие эту строку кода. Первый , есть , с которого начинается ссылка. Обратите внимание на использование полного URL-адреса в этом случае, который заключен в кавычки. Также могут использоваться относительные URL-адреса. Второй , там текст, который станет нашей ссылкой. Третьим и самым важным является тег , который завершает ссылку ссылки.
Логично, верно? У вас есть начало, конец и то, что между ними становится связанным.
Теперь, что, если бы мы объединили оператор неупорядоченного списка с этим оператором ссылки. Мы могли бы создать список ссылок. Это то, что ты хотел, да?
- млн унций
- Дизайнеры веб-сайтов
- Tucows.com
Вот код, который это сделал:
com/»>Moz
- Дизайн веб-сайта
- Tucows.com
< /ул>
Довольно просто, правда? Если нет, возможно, вам стоит просмотреть учебник по составлению списков. Обратите внимание, что каждая ссылка окружена тегами
Ссылки на изображения:
Вы не сильно ограничены при размещении ссылок. Вы можете связать изображения, такие как файл JPG (JPEG) или даже файл GIF . Вот пример использования моего шедевра «image.gif» .
Эта ссылка ведет на Метрополитен-музей. Ирония не в этом. Тем не менее, я дома вы можете увидеть начало ссылки и конец в следующем. Если вы не знаете, как вставить графику на свою домашнюю страницу, посетите мой учебник по изображениям.
Обычно все это должно быть на одной строке. Мне пришлось завернуть его, чтобы он поместился. Обратите внимание, что в этом случае вам нужно знать два адреса. Вам необходимо знать URL-адрес, по которому будет вести ссылка, и URL-адрес изображения, которое вы используете.
Вы, наверное, заметили синие линии вокруг моего изображения. На самом деле это граница изображения, которая становится синей точно так же, как текст становится синим, когда это ссылка. Чтобы удалить синюю рамку, добавьте BORDER=»0″ атрибут или опция оператора . Это показано ниже.
А вот код, который это сделал.
