Вы узнаете, что такое ссылка, ее виды, как сделать и каково ее влияние на SEO продвижение сайта.
Также поговорим о ссылочном ранжировании. Откуда оно появилось и как работает.
Что такое гиперссылка простыми словами
Простыми словами, это определенный идентификатор.
Он может направить нас либо на какую-то часть документа, в котором мы уже находимся, либо на совершенно другую страницу.
Как вставить ссылку в Microsoft Word
Здесь выбираем нужный фрагмент текста и выделяем его левой кнопкой мышки.
Далее выбираем вкладку «Вставка». В ней кликаем на команду «Ссылки» и выбираем «Гиперссылка».
Для быстрого доступа можно воспользоваться сочетанием горячих клавиш Ctrl + K.
Далее в поле «Адрес» вставляем полный URL страницы и нажимаем «Ок».
Как сделать гиперссылку в html
Тут немного сложнее, чем в визуальном редакторе. Ведь нужно знать теги и подходящие атрибуты.
Если пропустить какой-нибудь символ, то линк будет нерабочим.
Вот простой пример:
<a href="https://alzari.ru/seo-prodvizhenie">SEO продвижение</a>Тег ссылки
Для начала, вы всегда должны помнить, какой тег добавляет гиперссылки. Это тег <a>.
Посмотрите внимательно, как он создается. Пример кода выше.
Всегда имеется две части этого элемента (открывающая и закрывающая).
В открывающей части всегда содержатся атрибуты. Но главный из всех — это атрибут href, который всегда должен присутствовать.
В нем указываем адрес на целую страницу либо только на ее часть.
Как вставить ссылку в текст
Теперь поговорим, как вставить ссылку в текст. Опять же, в визуальном редакторе, это сделать несложно. Там по опциям все довольно понятно.
Проблемы же появляются при создании html ссылки на сайт.
Для этого нужно между тегами a ввести текст, который будет обернут в линк. По-другому, он еще называется анкором.
В моем примере выше, это будет — SEO продвижение.
Анкор-лист — это тексты (анкоры) всех линков с разных сайтов, которые ссылаются на один определенный веб ресурс.
Ссылка html в новом окне
А как задается ссылка html в новом окне? Очень просто! Достаточно в начальном теге прописать атрибут target_blank:
<a href="https://alzari.ru/seo-prodvizhenie" target="_blank">SEO продвижение</a>
Цвет ссылки html
Можно задавать определенный цвет ссылки в html коде документа. Для этого нужно вписать атрибут style:
style="color:#FF0000"В итоге, получится:
<a href="https://alzari.ru/seo-prodvizhenie" target="_blank" style="color:#FF0000">SEO продвижение</a>Заметьте, что нужно заранее выбрать код цвета.
Но такой способ я рекомендую делать только тогда, когда вы хотите задать индивидуальный стиль для определенной гиперссылки.
Например, сделать ее не такой, как все.
А вот задавать цвета для определенных групп линков я рекомендую именно через CSS файл стилей.
Так намного проще, потому что не нужно постоянно вписывать код цвета. Достаточно один раз прописать в стилях.
Цвет ссылки css
Его можно задать через соответствующий файл стилей. Для этого нужно создать новый документ.
Название не важно. Главное, чтобы расширение файла было .css. Например, style.css.
Если он у вас уже есть, то просто прописываем следующий код:
a:link {color:#0169D3;}
a:hover {color:#dd5400;}
a:active {color:#e22b2b;}
a:visited {color:#9d08c1;}Где:
- a:link — стили для самой ссылки;
- a:hover — для наведенной ссылки;
- a:active — для активной;
- a:visited — для посещенной.
Как правило, по стандарту, все линки делают синим цветом. Но проблема в том, что на белом фоне такие элементы очень сильно выделяются.
Поэтому я рекомендую цвета делать более мягкими и не такими резкими. Например, засветить синеву.
Ссылки при наведении обычно делают красными. Но тут я тоже рекомендую слишком их не выделять. Лучше делать ближе к оранжевому цвету.
Посещенные линки делают фиолетовым цветом. Они очень хорошо повышают юзабилити сайта. Сразу видно, по каким был переход, а по каким нет.
Итак, когда мы задали стили, теперь их нужно подключить в работу.
Для этого в основной файл (index.html) в шапку сайта (между тегами head) вписываем следующий код:
<link rel="stylesheet" type="text/css" href="style.css">В итоге, будет примерно так:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>Теперь файл стилей подключен. Есть также и другие способы подключения CSS.
Убрать подчеркивание ссылки css
Для этого в каскадных таблицах стилей к селектору a прописываем свойство text-decoration: none:
/* Убирает подчеркивание для ссылок */
a:link {text-decoration: none;}
/* Убирает подчеркивание для наведенных ссылок */
a:hover {text-decoration: none;}
Чтобы подключить подчеркивание ссылки css, нужно прописать свойство text-decoration: underline:
/* Убирает подчеркивание для ссылок */
a:link {text-decoration: underline;}
/* Убирает подчеркивание для наведенных ссылок */
a:hover {text-decoration: underline;}
Виды ссылок
Их не так много, но о них нужно знать и уметь создавать.
Анкорные
Они содержат в себе текст (анкор). Чаще всего в SEO оптимизации он является релевантным ключевым словом, по которому продвигается другая страница.
Пример:
<a href="https://alzari.ru/seo-prodvizhenie">ключевое слово</a>Такие линки могут очень хорошо продвигать ту страницу, на которую мы ссылаемся по заданному ключу.
Так мы даем понять посетителям и поисковикам, что документ релевантен запросу.
Чтобы этого избежать, я рекомендую разбавлять анкорный лист. Он должен быть более обширным.
То есть пихать одни и те же ключи не нужно. Подключайте синонимы и другие подходящие ключевые слова.
Также помните, что поисковики учитывают и около ссылочный текст. Поэтому иногда стоит в одном предложении возле гиперссылки употребить подходящее слово.
Такие действия не только придадут вам естественности, но и увеличат кликабельность. Ведь мы как бы направляем человека к определенному действию.
Безанкорные
Это линки, у которых отсутствует текстовый анкор. Вместо него просто выводится url адрес страницы.
<a href="https://alzari.ru/seo-prodvizhenie">https://alzari.ru/seo-prodvizhenie</a>Рекомендую также их использовать в продвижении сайтов. В глазах поисковиков такие гиперссылки выглядят более естественными. Ведь многие пользователи не будут специально подбирать ключевые слова для анкора.
Они просто копируют и скидывают адрес страницы таким, каким он есть. Поэтому иногда для естественности нужно использовать и такой вид линковки.
Но чтобы он работал еще эффективнее, я рекомендую на своих сайтах использовать ЧПУ. Это человеко-понятные урлы. Вот пример такого урла:
https://alzari.ru/seo-prodvizhenieСразу видно, что статья про SEO продвижение.
Чтобы этого добиться, в урлах всегда используйте латинские символы (английские) вместо кириллических (русских).
Просто после копирования и вставки кириллических символов, они превращаются в кракозябры:
https://ru.wikipedia.org/wiki/%D0%A1%D1%81%D1%8B%D0%BB%D0%BA%D0%B0А такой линк выглядит более подозрительным. Также непонятно, куда он ведет. Поэтому всегда используйте только латиницу.
Если хотите изменить адреса своих страниц, обязательно настройте для каждой 301 редирект. Чтобы они перенаправляли пользователей со старой версии страниц, но новые. Если этого не сделать, то можно потерять трафик.
Еще в адресах страниц буквы всегда прописывайте в нижнем регистре. То есть заглавных букв не должно быть. Также слова разделяйте тире, а не подчеркиванием.
Ну и конечно же, не нужно делать свои урлы слишком длинными.
После домена рекомендую делать не более 5 слов. Оптимальный вариант — не более трех.
Как вставить ссылку в картинку
Для перелинковки и SEO этот вид тоже может быть весьма полезным.
Например, можно выводить похожие записи с картинками в конце статьи.
Итак, для начала нужно подготовить изображение и загрузить его на сервер. Оттуда оно будет доступно для показа в интернете.
Можно загружать прямо на хостинг (рекомендую Beget), либо на сторонние сервисы (радикал или облако).
Когда загрузите фото, вам будет доступен адрес, по которому это изображение можно посмотреть.
Далее делаем по такой структуре:
<a href="https://alzari.ru/seo-prodvizhenie">
<img src="https://alzari.ru/uploads/2017/05/seo-prodvizhenie.jpg"
alt="Бесплатные уроки по seo продвижению" width="320" height="220" /></a>Сначала прописываем тег a с нужным адресом страницы (атрибут href), на которую нужно перейти после клика.
А дальше между тегами a заполняем данные для картинки:
- img — это тег картинки. Его нужно всегда использовать для вывода изображений.
- src — атрибут, который указывает путь к изображению. Сюда вписываем адрес, по которому можно посмотреть картинку.
- alt — атрибут для вывода информационного текста о картинке. Используется для поисковых роботов чтобы лучше понимали, что изображено на фото.
- width — ширина
- height — высота
Абсолютные и относительные ссылки
По типу предоставляемого адреса страницы можно выделить два типа ссылок.
Абсолютная — это линк, в которой указывается полный протокол и адрес узла сети:
<a href="https://site.ru/uploads/stranica">анкор</a>Относительная — тут указывается неполный адрес относительно текущего ресурса:
<a href="../uploads/stranica">анкор</a>В данном случае мы указали адрес относительно корневого каталога сайта (домена).
Вот еще пример:
<a href="../../stranica">анкор</a>Тут указываем относительно корневого каталога и папки uploads.
Якорные ссылки
Это линки, которые направляют пользователя не на всю страницу целиком, а только на конкретную часть.
То есть после клика, человека перекидывает на ту часть страницы, где заранее был установлен якорь.
Применяются такие линки для удобства взаимодействия с информацией. Так пользователь может получить только нужную часть контента, а не всю информацию целиком.
К примеру, в этой статье есть содержание. При клике по какому-нибудь пункту, вас перебросит в нужный подзаголовок статьи.
Для создания, сперва нужно прописать в содержании или в другом месте ссылку с первым якорем.
Обратите внимание, если вы ссылаетесь на какую-то часть этого документа, то можно указать относительный адрес. У нас он будет в качестве первого якоря.
<a href="#1">Анкор</a>Если же ссылаетесь на какую-то часть совершенно другого документа, то нужно прописывать абсолютный адрес:
<a href="https://alzari.ru/google-adwords.html#1">Что такое Google Adwords</a>Идем дальше.
Теперь нужно указать вторую заключительную часть якоря. Указываем на конкретную часть страницы.
Если это содержание поста, то якорь ставим прямо в подзаголовок:
<h2 id="1">Что такое Google Adwords</h2>Нужно в начальный тег подзаголовка h2 вставить вторую часть якоря. Теперь при клике человек попадет на нужную часть страницы.
На своих сайтах я рекомендую применять и такой тип гиперссылок. Помимо содержания статей, такие линки можно использовать для комментариев.
Это очень удобно при подписке на комментарии. В рассылке можно кликнуть по линку с якорем и сразу же перейти на нужное сообщение.
Еще очень часто такой метод применяют и на страницах захвата с продающим текстом.
В меню размещают якорные ссылки на конкретные части текста. Например, тарифы, возможности, отзывы и так далее.
Еще такой способ линковки могут применять и для создания сноски.
Подстрочные ссылки
Это якорные линки, которые оформляются в виде примечания (сноски), вынесенное из основного текста.
Принцип работы такой же, как и с якорем в примере выше. Просто тут немного отличается оформление.
В основном теле статьи возле нужного ключевого слова ставится знак сноски на верхнюю линию шрифта. В нем прописываем первую часть якоря.
Ну а дальше в конце основного текста идет пронумерованное примечание. В нем ставим вторую часть якоря.
Битые ссылки на сайте
Они перебрасывают посетителя на несуществующую страницу с ошибкой 404.
По структуре они такие же, как и обычные линки. Просто связывают документ с несуществующей страницей.
Причины:
- вы невнимательно указали url;
- поменялся адрес страницы, а редирект не проставлен;
- документ был полностью удален.
Циклические
Это когда страница ссылается на саму себя.
Такое бывает, когда к примеру, в боковом сайдбаре присутствует линк на эту же страницу в виджете популярных записей.
Еще такие ссылки могут присутствовать в шапке сайта и в меню. Какой-то серьезной опасности в плане продвижения сайта они не представляют.
Однако, лишним не будет попробовать избавиться от таких элементов.
Попробуйте использовать скрипты, которые вырезают такие циклические гиперссылки или просто выводят их якорем.
Сквозные
Это ссылки, которые располагаются не в основном теле документа.
То есть расположены не в статье, а в окружающих ее зонах. Обычно это шапка, меню, сайдбар или футер.
Также к ним относятся хлебные крошки и мета информация в виде линков. Например, рубрики, метки, ссылка на страницу автора и так далее.
Поэтому следите за количеством!
Лишние виджеты в сайдбарах и в подвале лучше убрать. Ни в коем случае не используйте облако меток.
Проработайте иерархию рубрик и меток в меню и оставляйте только самое необходимое.
Другие виды ссылок
Давайте быстро разберем другие виды линков:
- Внешние ссылки — переносят посетителя на страницу другого сайта.
- Внутренние — направляют на страницу того же ресурса.
- Входящие — линки с других сайтов ведут на конкретную страницу вашего сайта (то есть на вас ссылаются).
- Исходящие ссылки — это когда вы ссылаетесь на другой сайт.
- Открытые — открыты для поисковых систем (dofollow).
- Закрытые — закрыты для поисковиков (nofollow или скриптами).
- Реферальная ссылка (рефка) — линк с партнерским идентификатором на конце.
Партнерская ссылка почти всегда содержит идентификатор.
Это такая метка в конце гиперссылки, которая закрепляется за каждым партнером и отслеживает переходы.
Вот пример:
<a href="https://alzari.ru/?p1329">Анкор</a>Тем, кто занимается партнерским маркетингом, рекомендую такие линки заменять на нормальные.
Во-первых, некоторые люди могут вырезать идентификатор. В итоге, система не засчитывает пользователя в вашу пользу.
Во-вторых, партнерки могут предоставлять очень длинные и некрасивые урлы для рекламы.
А они могут отпугнуть людей!
Поэтому рекомендую прятать рефки за нормальными линками.
То есть, заводите домен, создаете красивый урл и с него делаете редирект на некрасивый партнерский url.
Гиперссылки в SEO продвижении
Давайте акцентируемся, почему именно гиперссылки — это 3 уровень SEO продвижения.
Если говорить про черные и серые методы продвижения и про то, как обстояла поисковая оптимизация до 2012 года, то линки можно было бросить на первый уровень в качестве основы сео.
Мы могли закрыть глаза на некачественный контент, неполное семантическое ядро, технические проблемы сайта и так далее.
До 2007 года в Яндексе и до 2012 года в Google гиперссылки были одним из самых значимых и эффективных средств продвижения.
Еще нужно учитывать, что ссылочная стратегия должна быть долгосрочной.
То есть мы не можем разместить за короткое время много ссылок и при этом обеспечить себе долгий и стабильный результат.
Это невозможно!
В общем, правила игры поменялись кардинально. Количество санкций, которое мы можем получить за неправильную работу по ссылочному ядру, будет очень большим.
Откуда появились ссылки в интернете?
Два молодых аспиранта Стэнфорда Лари Пейдж и Сергей Брин запрограммировали то, что было уже давно известно в научном мире.
Это научная цитируемость.
Если студент написал работу и на него сослалось пару десятков таких же студентов, то это хорошо.
Но если на него сослался один профессор или ученый, то это будет еще лучше!
Согласитесь, это круче чем если бы на него сослалось тысяча студентов.
По сути, тут запрограммирована логика того, что учитывается качество ссылок и их количество.
Это было названо пэйдж-ранком (pagerank). В честь Лари Пэйджа (одного из основателей Google).
Собственно, такая логика в той или иной модификации присуща большинству поисковых систем.
У Яндекса это ТИЦ (тематический индекс цитируемости). Это тоже самое, что и Pagerank, только с акцентом на тематические ссылки.
Ссылочное ранжирование
По сути ссылки — это один из факторов ранжирования в поисковых системах. Весь интернет построен на них.
Линки необходимы для повышения видимости сайта в поисковых системах. Поэтому давайте ниже затронем основные ссылочные факторы ранжирования.
Количество ссылок
Это уже дань прошлому. Однако есть авторитетные ресурсы, которые имея огромное количество линков, не попали под санкции поисковых систем.
Для них играет в первую очередь количественный фактор.
Однако для новых ресурсов я на первое место его бы никогда не поставил. На первом месте будет именно качество.
Качественные факторы
Это какая seo ссылка, где она размещена, на каком ресурсе, с каким текстом и так далее.
Всегда уделяйте качеству линка.
Помните, что ссылка еще должна висеть не просто так для ранжирования. Она должна быть живой. То есть постоянно приводить трафик на сайт.
Анкорный текст
Текст ссылки является третьим по важности фактором. Он находится между тегами <a>.
Что еще мы должны знать?
В первую очередь, это мощный фактор, который напрямую влияет на понимание поисковой системы о чем ваш сайт.
Еще поисковики хотят от нас и брендовости.
Если посмотреть на крупные имена и их ссылочный профиль, то большинство линков являются брендовыми.
То есть ссылаются по имени сайта, домена, на конкретную страницу и так далее.
Это все то явное качественное ссылочное окружение, которое является ключевым.
Анкор может быть как другом, так и врагом.
Возраст ссылки
Это тот фактор, который в связки возраста ссылки и сайта может давать прослойку авторитетности.
Таким образом, старым и авторитетным проектам, эта прослойка дает держаться на плаву даже при жестких алгоритмах.
Динамика наращивания
Это так называемый ссылочный взрыв. Поисковики очень пристально за этим следят. Особенно если что-то резко появилось или упало.
То и то для них является тревожным сигналом. Поэтому наращивать ссылочную массу нужно постепенно и естественно.
Google Penguin
Google Penguin является тем алгоритмом, который очень сильно нашумел в 2012 году. Особенно в Рунете.
SEO ссылки изначально у всех вызывали подозрение. Особенно их торговля.
И как результат после ввода алгоритма, больше всего пострадал именно Рунет. Там агрессивное ссылочное продвижение проявлялось более активно.
Раньше ссылочное ранжирование было стандартом качества 1997 года. Но с того времени прошло много лет.
Логика заключается в том, что поисковики постоянно искали, как избежать манипуляций. А они постоянно появлялись.
Вначале появились индусы.
Они сидели в подвалах, делали сайт и продавали с него линки.
Потом в игру вступили русские.
У них появились огромные биржи ссылок. На западе такой высокий уровень автоматизации даже не успел дойти.
В руководстве Google любая покупная ссылка — это зло.
Сегодня мы будем на первой позиции. А завтра придет другой Пингвин и вышвырнет нас из топа.
Вот это необходимо помнить!
Выводы
Теперь вы знаете, что такое ссылка, ее виды и влияние на SEO продвижение. Также мы рассмотрели, как создавать такие линки.
Помните, что ссылки по-прежнему остаются одни из важных факторов ранжирования. Они работают и влияют на продвижение сайта.
Особенно в Гугле.
Мы должны помнить, что ссылки в большинстве своем могут с большей вероятностью навредить, чем помочь.
Когда начинаем активно работать по ссылочному окружению, то мы уже переходим в направление серой и черной seo оптимизации.
В итоге, любой день для сайта может стать последним.
Я не говорю, что это совсем плохо! Но и не говорю, что хорошо.
Однако, 90% изменений, которые вводил Google, так или иначе были связаны с гиперссылками.
Какие нужны ссылки для сайта:
- На проект должны ссылаться разные типы сайтов.
- Должны быть ссылки с контентных проектов, блогов, форумов и социальных сетей.
- Запросы в точном вхождении + различные разбавки + безанкорные ссылки.
- Адрес ссылки должен быть соответствующим релевантной странице сайта.
Добавить комментарий