Как правильно покупать ссылки для продвижения сайта в 2021? руководство👨‍🎓

Шифрование

Собирая информацию о том, что такое URL-имя и путь, важно понять, как это все складывается в правильный указатель. В первую очередь важно отметить — адрес может содержать в себе только определенные символы

Существуют и посторонние (к примеру, кириллица), использовать которые также допускается. Однако из-за их присутствия возможно некорректное отображение веб-ссылки в некоторых интернет-браузерах.

Таким образом, при обработке урл происходит следующее:

• Если в состав входят только допустимые знаки (латинские буквы, цифры, нижние подчеркивания, дефисы) — осуществляется кодирование в Юникод, в результате чего мы получаем правильный линк.
• В ситуации, когда элементы строки содержат другие символы, относящиеся к категории посторонних, в процессе кодирования двухбайтовые последовательности трансформируются в шестнадцатеричный код. Как раз в нем можно наблюдать характерное чередование «%».

В современных браузерах с наглядным примером подобного шифрования пользователи уже не сталкиваются. Нынешние программы обзора и передачи данных выводят на монитор исключительно читаемые символы, оставляя такую кодировку для внутреннего обмена. Тем не менее, сложности в этом плане все-таки возникают. Если захотите скопировать урл, содержащий посторонние элементы, в текстовый редактор без опции преобразования шифра — вас поджидает разочарование. Отправить другому юзеру простую и понятную веб-ссылку не удастся.

Как создать активные ссылки в HTML, визуальном редакторе, в соцсетях: ВК, Инстаграм

Как сделать активную ссылку в HTML

Чтобы сделать активную ссылку в HTML, которая будет перенаправлять пользователя, к примеру, на site.com, необходимо прописать следующий код:

Если нужно сделать так, чтобы ссылка открывалась в новой вкладке, в коде нужно прописать атрибут “target”:

В этом примере атрибут “target” имеет значение “_blank”, которое означает новую вкладку. Именно атрибут “_blank” наиболее распространенный, но есть и другие, которые используются редко и обычно для языка JavaScript. 

Еще один метод указания кликабельной ссылки в HTML:

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

Как сделать активную ссылку в визуальном редакторе

В качестве примера рассмотрим WordPress — самую распространенную CMS. Так, открыв классический визуальный редактор этой системы, необходимо проделать следующее:

1. Выделить часть текста, который вы хотите сделать ссылкой.
2. Отыскать на панели инструментов значок “Вставить ссылку” и кликнуть по нему.
3. В поле, которое появилось под выделенной частью текста, вставить ссылку.

После этого часть текста станет кликабельной ссылкой, ведущей на страницу сайта, которую вы указали. Также она изменит свое оформление.

Как сделать активную ссылку в Инстаграме

В самих постах вы не сможете сделать ссылку кликабельной — это запрещено правила социальной сети, ведь таким образом администрация Инстаграма борется со спамом.

Как сделать активную ссылку ВКонтакте

Активными ссылки в ВК разрешено делать только внутренние — то есть те, которые переадресовывают пользователя на какую-либо внутреннюю страницу самой социальной сети Вконтакте: группу, профиль, статью и т.д. Если необходимо вставить активную ссылку, к примеру, на чей-то аккаунт в комментарий под постом, нужно прописать ID этого аккаунта в квадратных скобках “[]”, а через вертикальную черту “|” указать текст ссылки (перед закрывающей квадратной скобкой). 

Ссылки на события, группы и паблики прописываются так же, только вместо ID страницы, указывается:

• для групп — “club”;
• для пабликов — “public”;
• для событий — “event”.

Пример: ID аккаунта 74234421, имя пользователя — Петр. Чтобы нам указать ссылку на этого человека в комментарии, мы прописываем там:

Все внешние ссылки в ВК могут быть только безанкорными. То есть, не содержать названия ссылки. Чтобы вставить такую ссылку, достаточно просто скопировать ее из адресной строки браузера и вставить туда, куда необходимо.

Возможно, вам будет интересно, как хорошо работают ссылки в Яндексе

Как сделать ссылку активной в Ворде

Чтобы сделать кликабельной ссылку в текстовом редакторе Microsoft Word, можно пойти 2-мя методами:

1. Вставить ссылку в нужную часть текста и нажать на клавишу “Enter”.
2. Выделить часть текста, которую вы хотите сделать ссылкой, после чего кликнуть по нему правой кнопкой мыши и выбрать опцию “Гиперссылка”. Затем вам нужно будет просто вставить ссылку в соответствующем поле.

Инструкция

Делать такие линки в ВК очень и очень просто. Можно сделать ссылку на группу, на паблик или на человека.

Существуют два шаблона:

1. с круглыми скобками
2. с квадратными скобками

Перед тем как продолжить я хочу пояснить некоторые важные детали.

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

Например, адрес моей страницы вот такой: https://vk.com/abdullinrus (кстати заходите в гости, добавляйтесь в друзья, буду рад всем). У меня символьный идентификатор abdullinrus.

Есть у меня и числовой идентификатор. Как его узнать:

1. открыть любую запись на моей стене
2. посмотреть на ссылку в адресной строке браузера
3. скопировать цифры между «wall» и «_»

У меня цифры следующие: 15604334

Перед числовыми идентификаторы всегда указывается тип страницы ВК:

• Если эта страница пользователя, то это id
• Если группа, то club
• если паблик, то public

В описанных ниже методах можно использовать как числовые, так и символьные идентификаторы. Лично мне больше нравятся символьные.

Теперь можно двигаться дальше

Шаблон «с круглыми скобками»

Пошаговый алгоритм следующий:

1. Перед планируемой гиперссылкой ставится символ * или @. Любой из них. В чем между ними разница, не знаю, возможно ее нет )))
2. Далее необходимо ввести идентификатор пользователя (id123456789), группы (club123456789) или сообщества (public123456789), куда должно происходить перенаправление при клике по линку. Или просто начните вводить имя (название)…
3. Еще на стадии ввода идентификатора ниже начнут появляться варианты. Выберите нужный.
4. После клика по нужному варианту перед вами появится конструкция, в данном случае такая: *romazanova2017 (Асель Ромазанова).
5. Текст внутри скобок вы можете заменить на абсолютно любой, как душе угодно.
6. Публикуем запись. В нужном месте появляется ссылочка.

Шаблон «С квадратными скобками»

Пошаговый алгоритм практически не отличается от варианта с круглыми скобками.

Если я буду создавать ссылку на свою страницу, то напишу так: .

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

Зачем покупать ссылки для продвижения сайта?

В основе поискового алгоритма лежит один простой принцип — чем точнее документ отвечает запросу пользователя, тем он релевантнее. Но качественных текстов в сети много, что существенно усложняет работу поисковым системам.

Для решения этой проблемы был добавлен новый фактор ранжирования — ссылочная цитируемость. Чем больше сайтов и страниц ссылается на конкретный документ, тем более ценным он выглядит в глазах поисковиков.

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

Подобные манипуляции поисковым системам воспринимаются, как попытка обмана. По этому они пытаются с ними бороться. Стоит отметить, не без успехов.

Алгоритм Пингвин от Google и Минусинск от Яндекса внесли серьезные корректировки в работу со ссылочным продвижение. Основное же изменение простое — нужны ссылки более высокого качества. Добывать ссылки стало гораздо сложней.

Поисковые системы также пытаются дисконтировать влияние ссылок на ранжирование, но сделать это крайне сложно, так как ссылки, как фактор ранжирования, находятся в ядре алгоритма.

В итоге ссылки решают следующие задачи:

увеличивают авторитетность (траст) сайта;
влияют на ранжирование сайта в поисковых системах;
привлекают внимание новых пользователей (реферальный трафик);
повышают узнаваемость сайта.

Таким образом, наличие качественной ссылочной массы является обязательным условием для раскрутки сайтов в конкурентных нишах.

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

Кому нужно работать со ссылками

Google PageRank не мертв: зачем и как работать со ссылками?

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

В статье:

1. История показателя — как появился PageRank
2. Есть ли замена PageRank сейчас
3. Как сохранить и увеличить PageRank
4. Как внутренними ссылками управлять показателем PR
5. Как передается PR по ссылкам на другие сайты
6. Как ведет себя PR с обратными ссылками

Как поднять авторитет сайта в Google и заставить чужие ссылки работать на вас

Интересное наблюдение западных специалистов: Google определяет каноническую ссылку, ориентируясь не на первоисточник, а на авторитетность страницы. Все ссылки с дублей достанутся самой значимой странице с точки зрения поисковика. В статье несколько советов о том, как повысить авторитет сайта, чтобы вся ссылочная масса с дублирующих ресурсов доставалась ему. 

В статье:

1. Канонические ссылки и дубли: почему дубль может быть выше оригинала
2. Эксперимент со ссылками Дэна Петровича: как работает система передачи каноничности авторитетным ссылкам
3. Исследования патентов Google от Билла Славски: какие страницы из дубля будут приоритетными
4. Как повысить авторитетность сайта

Как работать с внешними ссылками

Внешние ссылки: инструкция к применению

Количество внешних ссылок важно для Google, потому что означают высокую степень доверия к сайту. В материале рассказываем, зачем нужны внешние ссылки, как поисковик измеряет их вес и качество, как получить внешние ссылки на сайт, как правильно их оформлять и наращивать.. В статье:

В статье:

1. Что такое внешние ссылки и зачем они нужны
2. Что такое статистический вес
3. Какие задачи можно решать с помощью внешних ссылок
4. Черные и белые приемы в ссылочном продвижении
5. Оформление ссылок: чем виднее, тем лучше?
6. Количество и виды ссылок: чем больше, тем лучше?
7. Наращивание ссылочной массы: чем быстрее, тем лучше?
8. Какие фильтры поисковые системы применяют к ссылкам и за что

Внешние ссылки: инструкция к применению. Часть 2

Некоторые наращивают ссылочную массу своему ресурсу черными методами, и попадают под фильтры поисковиков. В статье рассказываем, какие методы ссылочного продвижения нарушают правила и какими способами можно проверить качество ссылки.

В статье:

1. Какие способы получения ссылок не пройдут фильтры
2. Сервисы для покупки ссылок
3. Как работает продажа ссылок
4. Как устроен обмен ссылками
5. Схемы с динамическим URL
6. Как использовать пресс-релизы ради внешней ссылки
7. Как устроены ссылочные пирамиды
8. Программы создания ссылок
9. Сервисы оценки обратных ссылок

13 способов бесплатно получить обратные ссылки

Обычно обратные ссылки требуют вложений, но есть несколько способов, как можно получить бесплатные обратные ссылки и продвинуть свой сайт в выдаче с помощью контента. Для этого нужно анализировать свой и чужие сайты, договариваться и создавать интересные публикации.

Кейс: как получить +100 к ссылкам и репутации с помощью инфографики и аутрича

Команда агентства SEOgene рассказала, как им удалось получить бесплатные ссылки через аутрич, то есть договоренности с другими площадками. Это получилось благодаря инфографике. Как сделать такую инфографику, чтобы она заинтересовала аудиторию и принесла ссылки, и как искать площадки для размещения — об этом в кейсе.

В статье:

Как получить ссылки из инфографики за 4 шага

1. Исследование и ТЗ дизайнеру
2. Соцсети и самые простые размещения
3. Аутрич
4. Выжимаем максимум — восстанавливаем справедливость

10 экспериментов с продвижением сайтами-сателлитами (PBN)

Один из методов ссылочного продвижения — наращивание ссылок с помощью PBN — сайтов-сателлитов, тематических сеток сайтов, с которых проставляют ссылки на продвигаемый ресурс.

В материале адаптированный перевод статьи от Diggity Marketing о том, как они проверяли популярные теории и разрушали мифы о работе с PBN, и как нужно работать с сателлитами, чтобы получить пользу для сайта.

В статье:

1. Как тестировали сайты-сателлит
2. Ситуация на начало теста
3. Проверка теорий
4. В заключение

Как быть, если отклонение обратных ссылок обвалило позиции в Google?

Некачественные бэклинки отрицательно влияют на сайт, поэтому веб-мастера периодически делают чистку «плохих» обратных ссылок. В некоторых случаях это может обвалить позиции ресурса в поисковиках, потому что ссылочный профиль стал меньше. Что делать, если такое произошло, в кратком материале с комментарием эксперта от Google – Гари Илша.

Google: на страницу, которая вам важна, обязательно нужно ссылаться

Поисковики проиндексируют страницы без ссылок, если они указаны в карте сайта, но для ранжирования страницы ссылки все-таки важны

В кратком материале эксперт от Google Гари Илш обращает внимание на важность бэклинков и внутренних ссылок, которым часто не уделяют должного внимания

Чек-лист по размещению вечных ссылок

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

Сделали небольшой чек-лист о том, что нужно знать о вечных ссылках: 

Они публикуются на все время работы сайта, оплата единоразовая. Обычно вечные бэклинки добавляются в текст материалов, поэтому выглядят естественно. 

В комплексе с другими работами по продвижению помогают повысить позиции сайта в выдаче и вывести его в ТОП по ключевым запросам. 

Вечные бэклинки различаются в зависимости от типов материалов, в которых публикуются. Например, могут размещаться в статьях, новостях, обзорах, архиве на сайте, а также в соцсетях, на форумах и пр. 

Такие ссылки можно размещать с помощью бирж

Например, PR.Sape, Webartex, Rotapost, «Блогун», Kwork и др. 

Тексты, где публикуются бэклинки, должны быть уникальными, полезными и читабельными. 

Важно, чтобы тематика ресурса-донора была релевантна тематике продвигаемого сайта. Кроме того, у донора должны быть высокие показатели ИКС, DR, большое количество проиндексированных страниц и высокая посещаемость. 

Ожидаемый SEO-эффект от размещения вечных ссылок достигается через 3–4 месяца

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

Как сделать ссылку на сайт

Для того, чтобы направить читателя на определенную страницу, нужно создать ссылку. Покажу на примере этой заметки. Для начала нужно выделить фразу или слово зажав левую кнопку мыши, после того, как текст выделится находим значок «вставить/ редактировать ссылку» в редакторе (Alt+Shift+A) и перед вами появится следующее диалоговое окно:

вам нужно будет заполнить следующие поля:

Жмем «добавить ссылку», после этого ссылка готова, можете сохранить черновик и сделать предосмотр, увидите разницу.

Теперь, если вы перейдете во вкладку «Текст» или  «html», то сможете увидеть, как созданная вами ссылка выглядит в формате html:

Все не так сложно, как кажется

Любая ссылка имеет вид:

<a href="адрес">анкор</a>

В данном html-коде «адрес» — это url страницы, на которую ведет данная ссылка (в моем случае на рисунке выше это , а анкор это фраза или слово, которое обозначает данную ссылку в статье (в моем примере выше, это заголовок «дубли страниц»). Вот как будет выглядеть ссылка в html:

<a href="https://rabotaiuspeh.com/dubli-stranic.html">дубли страниц</a>

Но данная ссылка в таком формате не весьма удобна тем, что она открывается в этом же окне браузера при ее нажатии и читатель покидает заметку или даже сайт (если ссылка ведет на другой сайт), которую он  читал. Таким образом, это не удобно читателю, так как он с одного перепрыгивает на другое, не дочитав до конца заметку и для автора блога, поскольку читатель быстро от вас уходит на другой интернет ресурс.

Для этого случая используют атрибут:

target="_blank"

Он позволит открывать ссылку в новом окне, при этом предыдущая заметка также будет открыта в браузере. Вот как будет теперь выглядеть ссылка в html-формате:

<a href="адрес" target="_blank">анкор</a>

Но внешне в виде ссылки ничего не изменится абсолютно. Вот пример такой ссылки:

Третий вид ссылки, который использую чаще всего я, если это ссылка на внешний сайт . Это ссылки, которые открываются в новом окне и закрыты индексом

rel=”nofollow”

для того, чтобы они были скрыты от индексирования поисковиками.

Вот такой вид они имеют в html-формате:

<a href="адрес" rel=”nofollow” target="_blank"> анкор </a>

В данном случае ссылка не будет передавать вес вашей страницы (ТИЦ, PR)

Но ссылку такого вида нужно вставлять только вручную, перейдя в редакторе WordPress во вкладку «html» или «Текст» и в нужном месте добавить форму ссылки и вместо «адрес» и «анкор» вставить соответствующие значения. Вот как я вставил ссылку с анкором «Хостинг бесплатно для читателей блога»:

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

Не проще ли купить ссылки?

Неосторожная покупка ссылок чревата попаданием под санкции поисковиков, поскольку это нарушает правила. Покупать ссылки нужно постепенно.

Как наращивать ссылочную массу?

Советует Анна Ященко:

• «РазнообразноНа разных видах сайтов разного рода ссылки, на разных словах, на разные страницы вашего сайта.
• Постепенно, медленноЯ против резкого или большого роста ссылочной массы. Я бы посоветовала на молодой сайт проставлять не более 30-50 ссылок в месяц, если говорить про активные прямые ссылки. Смотря еще сколько и какого контента будет публиковаться параллельно с линкбилдингом. Если больше контента, можно и чуть больше ссылок.То есть если говорить про количество бесплатных размещений, то это около 200-300 «успешных» разнообразных регистраций в месяц максимум. Потому что не с каждого сайта будет активная, прямая и открытая ссылка, не везде ее подтвердят и не удалят, не все быстро проиндексируется.
• КачественноХорошие тексты, оформление, естественные анкоры, хороший отбор доноров — особенно, если речь про покупные ссылки — качественное и естественное размещение. Можно ссылаться на другие аналогичные проекты, делать внутреннюю перелинковку на подходящую по теме статью или категорию донора, вставлять видео и так далее».

Для ссылочного продвижения популярны PBN (Private Blog Networks) — сайты-сателлиты, то есть сеть сайтов определенных тематик, которые используются для создания ссылок на продвигаемый ресурс. В адаптированном переводе
«10 экспериментов с продвижением сайтами-сателлитами (PBN)» рассказывали, как специалисты Diggity Marketing проверяли популярные теории и разрушали мифы о работе с PBN — сайтами-сателлитами.

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

IV тип: Социальные профили

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

Здесь важно завести хороший брендированный профиль, в котором обязательно должны присутствовать:

1. Имя, Фамилия представителя;
2. Фото;
3. Заполненная анкета;
4. Информация о компании (где ее можно добавить);
5. Лого, баннер, картинки;
6. Контактная информация (email, социальные сети, мессенджеры и т.д.). 

Если дело касается профилей в соцсетях или на форумах, то проследите, чтобы они были живыми (минимальная деятельность и хорошая заполненность обязательна), избегайте добавление ссылок в свежерегах (подождите 2-4 недели, прежде чем добавить в аккаунт ссылку) и не забывайте об околоссылочной информации. 

Примеры социальных сетей для добычи бесплатных ссылок

Vk.ru

LinkedIn.com

Instagram

Quora.com

Попасть в подборку материалов

Некоторые издания собирают тематические подборки материалов из других источников. Это могут быть ежедневные, еженедельные или ежемесячные посты в блогах со ссылками на лучший контент по теме. К примеру, «10 статей от экспертов о продвижении», «Лучшие материалы по оптимизации сайта за март» и другие.

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

Пример тематической подборки Seprstat

Как попасть в тематическую подборку материалов:

1. Найти тех, кто делает подборки в вашей сфере.
2. Предложить свой материал представителям ресурса.

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

Пост от PR-CY в подборке

Обычно это бесплатно, некоторые ресурсы могут попросить, чтобы вы поделились подборкой в соцсетях.

Начало ссылочного продвижения на примере нового сайта

Для примера возьмем абсолютно новый ресурс. Ссылочного веса соответственно нет. Проверить мы можем с помощью ahrefs.com, раздел Site Explorer. Данных по бэклинкам нет: либо из-за полного отсутствия ссылок, либо из-за их малого количества.

Сразу начать покупать много ссылок мы не можем, иначе заведем ресурс под фильтр. Начнем с регистрации компании в справочниках. На первое время хватит около 10 ссылок.

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

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

Зайдите в соответствующий раздел, изучите предложения фрилансеров

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

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

Как и со справочниками, больше количество не нужно. Оптимально будет 10-20 ссылок в месяц.

После просто ждем и проверяем работу.

В последующих месяцах можем переходить на ссылочных биржи и размещать ссылки со статей.

Абсолютные и относительные ссылки

Адрес ссылки может быть как абсолютным, так и относительным. Абсолютные адреса должны начинаться с указания протокола (http:// или https://) и содержать имя домена. Относительные ссылки ведут отсчёт от корня сайта или текущего документа.

Протокол для сайта можно не указывать, в таком случае ссылка будет начинаться сразу с // без протокола. Браузер сам подставит нужный протокол, на котором работает сайт. В примере 2 показано создание подобной ссылки.

Пример 2. Использование ссылки

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Абсолютный адрес</title>
</head>
<body>
<p><a href=»//facebook.com»>Facebook</a></p>
</body>
</html>

В данном примере ссылка вида <a href=»//facebook.com»>Facebook</a> является абсолютной и ведёт на главную страницу Facebook. Учтите, что при открытии такой страницы в локальном документе произойдёт ошибка, поскольку такие ссылки работают только на веб-сервере.

Когда в адресе указывается только домен (//webref.ru) или после домена идёт имя папки (//webref.ru/css/), то веб-сервер автоматически загружает документ, обычно с именем index.html или index.php. Таким образом, полный путь к сайту будет https://webref.ru/index.php, а сокращённый — //webref.ru.

Абсолютные ссылки обычно применяются для указания на другой ресурс, впрочем, допустимо делать абсолютные ссылки и внутри текущего сайта. Однако подобное практикуется нечасто, поскольку такие ссылки достаточно длинные и громоздкие. Поэтому внутри сайта преимущественно используются относительные ссылки.

Ссылки относительно текущего документа

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

1. Файлы располагаются в одной папке (рис. 3).

Рис. 3

Необходимо сделать ссылку из исходного документа source.html на target.html. В таком случае код будет следующий.

2. Файлы размещаются в разных папках (рис. 4).

Рис. 4

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

Две точки в данном случае означают выйти из текущей папки на уровень выше.

3. Файлы размещаются в разных папках (рис. 5).

Рис. 5

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

Аналогично обстоит дело с любым числом вложенных папок.

4. Файлы размещаются в разных папках (рис. 6).

Рис. 6

Теперь ситуация меняется, исходный файл располагается в корне сайта, а файл, на который необходимо сделать ссылку — в папке. В этом случае путь к файлу будет следующий.

Заметьте, что никаких дополнительных точек перед именем папки нет. Если файл находится внутри не одной, а двух папок, то путь к нему записывается так.

5. Файлы размещаются в разных папках (рис. 7).

Рис. 7

Каждый файл располагается в своей папке и чтобы перейти из одной папки в другую ссылка будет следующей.

Ссылки относительно корня сайта

Иногда можно встретить путь к файлу относительно корня сайта, он выглядит как «/folder/target.html». Так, запись <a href=»/course/»>Курсы</a> означает, что ссылка ведёт в папку с именем course, которая располагается в корне сайта, а в ней необходимо загрузить файл index.html.

Опять же, такая форма записи не работает на локальном компьютере, а только под управлением веб-сервера.

Другие ссылки

Мы рассмотрели ссылки на документы по протоколу HTTP или HTTPS, но кроме этого существуют и другие ссылки — на адрес электронной почты, номер телефона и др.

Ссылка на адрес электронной почты

Создание ссылки на адрес электронной почты делается почти также, как и ссылка на веб-страницу. Только вместо протокола http указывается mailto, после которого через двоеточие идёт сам адрес почты (пример 5).

Пример 5. Ссылка на адрес электронной почты

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Адрес электронной почты</title>
</head>
<body>
<p><a href=»mailto:vlad@webref.ru»>Задавайте вопросы по электронной почте</a></p>
</body>
</html>

В атрибуте href элемента <a> вначале пишется ключевое слово mailto, затем через двоеточие желаемый почтовый адрес. Подобная ссылка по своему виду ничем не отличается от ссылки на веб-страницу, но при щелчке по ней запускается почтовая программа, установленная по умолчанию. Поэтому в названии ссылки желательно указывать, что она имеет отношение к электронной почте, чтобы читатели понимали, к чему приведёт щелчок по ней.

Можно также автоматически добавить тему сообщения, присоединив к адресу электронной почты через символ вопроса (?) параметр subject с темой сообщения, как показано в примере 6.

Пример 6. Задание темы сообщения

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Тема письма</title>
</head>
<body>
<p><a href=»mailto:vlad@webref.ru?subject=Вопрос по HTML»>Задавайте
вопросы по электронной почте</a></p>
</body>
</html>

При запуске почтовой программы поле Тема (Subject) будет заполнено автоматически.

Ссылка на Skype

Для вызова программы Skype вы можете использовать протокол callto, после которого через двоеточие следует номер телефона или логин пользователя (пример 7).

Пример 7. Ссылка на Skype

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Skype</title>
</head>
<body>
<p><a href=»callto:vlad»>Мой Skype</a></p>
</body>
</html>

Не все браузеры поддерживают такой формат ссылок.

Ссылка на телефон

На мобильных устройствах вы можете использовать протокол tel, который позволяет использовать ссылку для набора номера и вызова абонента. Номер следует указывать в международном формате, допустимо вставлять в номер дефис или писать его слитно (пример 8).

Пример 8. Ссылка на телефон

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Номер телефона</title>
</head>
<body>
<p><a href=»tel:+1555-2368″>Звоните нам</a></p>
</body>
</html>

При щелчке по такой ссылке откроется приложение для телефона и начнётся вызов абонента.

Атрибуты для ссылок

Язык HTML имеет огромный перечень всевозможных дополнительных условий отображения перехода, ее взаимодействия с другими элементами страницы. Благодаря им блоггер может максимально использовать взаимосвязь документов своего блога, дополнять ссылки различной поясняющей информацией и позволяет ему использовать различный функционал при взаимодействии мыши и самой ссылки.

Их все перечислять не имеет смысла — мой блог не является специальным разделом Википедии о коде HTML. Но я расскажу все важные и полезные атрибуты, которые пригодятся Вам для ведения своего блога и продвижения его в поисковых системах.

Атрибут для элемента <a> выглядит следующим образом:

<a имя атрибута=»значение» ></a>

Атрибут со значением всегда пишется одинаково: сначала идет имя атрибута, затем знак равенства и затем значение атрибута в кавычках (кавычки — важный момент в правильном написании атрибута!). Атрибутов для тега <a> может быть от одного и больше. Все они пишутся через пробел, а их последовательность не имеет значения.

Открытие ссылки в новом окне (target=»значение»)

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

Если этот новый документ не открыт в новом окне, то есть вероятность, что он не вернется на прошлую страницу и не возобновит свой поиск. А значит он будет меньше находится на Вашем сайте, а с точки зрения поисковых систем это ухудшает поведенческие факторы.

В языке HTML для атрибута target есть ряд значений. Для эффективного и удобного изучения материалов блога, я рекомендую пользоваться значением _blank. Именно оно позволяет новый документ сайта открыть в новом окне:

<a href=»адрес» target=»_blank«>анкор</a>

Описание ссылки (title=»описание»)

Если посетитель видит линк в тексте, он делает свой выбор — кликнуть по ней или читать текст дальше

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

Благодаря анкору ссылки посетитель видит ее тему, но не более того. Потому что крайне сложно впихнуть в анкор описание той страницы, по которой будет осуществлен переход, не искажая текст предложения. Для усиления привлекательности ссылки существует атрибут title. Он описывает содержимое тега <a> в виде всплывающей подсказки, которая появляется при наведении курсора мышки на ссылку:

<a href=»адрес» title=»текст с описанием ссылки«>анкор</a>

А вот так выглядит этот атрибут в действии:

Определение отношений между документами (rel=»значение»)

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

nofollow. Значение этого атрибута дает ссылке команду не передавать вес страницы, на которой она расположена. Таким образом веб-мастер дает понять поисковым системам, что частичку авторитета своего сайта он не хочет отдавать другому внешнему сайту или не хочет усиливать новую страницу.

Это отличный способ, чтобы в продвигаемых страницах Вашего блога показать нужные по контексту ссылки на другие полезные статьи без ущерба потери веса. Вот синтаксис ссылки с атрибутом rel и значением nofollow:

<a href=»адрес» rel=»nofollow«>анкор</a>

<a href=»адрес» rel=»sidebar«>анкор</a>

На деле вид ссылки со значением sidebar получается следующий (при нажатии на переход):