Каталог ссылок в примерах


Содержание

Как создать каталог

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

Создать каталог – зачем это нужно?

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

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

Создать каталог – что для этого нужно?

HTML Ссылки

Ссылки являются основой гипертекстовых документов, так как они позволяют перемещаться с одного сайта на другой простым щелчком мыши. Благодаря ссылкам веб-страница структурируется и связывается с другими разделами данного документа, что обеспечивает пользователям быстрое и удобное получение информации. В языке HTML для создания ссылки применяется элемент , так называемый якорь (от англ. anchor). Чтобы превратить выделенный текст в ссылку, поместите его между открывающим и закрывающим тегами &#8212 и с помощью атрибута href (сокращение от hypertext reference (гипертекстовая ссылка)) укажите URL (Universal Resource Locator, универ-сальный указатель ресурса), иными словами, адрес страницы, на которую будет осуществляться переход. URL-адрес обязательно должен быть заключен в кавычки. Если вы хотите, чтобы при щелчке по ссылке ничего не происходило, что бывает необходимо при обучении, то в качестве значения атрибута href можно указать знак диез — (#).

В следующем примере показано создание ссылки на веб-сайт «wm-school»:

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

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

Браузеру необходимо сообщить, на какой документ осуществлять переход по ссылке. Атрибут href (гипертекстовая ссылка) содержит в себе адрес страницы (URL-адрес) и передавая его браузеру, сообщает, на какой документ осуществлять переход по ссылке. В большинстве случаев ссылки ведут на другие HTML-документы, однако ссылки могут вести и на другие объекты, например изображения, архивы, видео-файлы и т.п. Адрес ссылки может быть как абсолютным, так и относительным.

Абсолютный URL-адрес

Абсолютный URL-адрес содержит обозначение протокола (http:// или https://), имя сайта (например, wm-school.ru), путь к файлу, а также имя файла (например, file.html). Между протоколом и именем сайта может идти префикс www:

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

В следующем примере показано создание абсолютной ссылки на сторонний веб­ресурс:

В данном примере ссылка вида Перейти на сайт wm-school является абсолютной и ведет на главную страницу сайта wm-school.ru. Если при указании в качестве ссылки доменного имени не указано имя файла, тогда по умолчанию отображается индексный файл (как правило index.html).

Относительный URL-адрес

Относительные ссылки могут быть использованы только для того, чтобы создать ссылку на страницу с этого же сайта, в то время как абсолютные ссылки, как правило, применяются для создания ссылки на другие сайты. Относительные URL-aдpeca представляют собой сокращенную версию абсолютных, при создании ссылок на другие страницы внутри одного и того же сайта нет необходимости указывать в URL­aдpece доменное имя. Относительная ссылка описывает путь к указанному документу относительно местоположения веб-страницы, на которой находится ссылка. Возможны следующие варианты:

Создание ссылок в пределах одного каталога

Если нужная веб-страница находится в той же папке, что и страница, содержащая ссылку, то в URL-адресе достаточно указать только имя файла. К примеру, с веб-страницы, расположенной по адресу http://mysite.ru/animals/home/edit.html, нужно перейти на http://mysite.ru/animals/home/default.html, то ссылка будет такой:

Создание ссылки на документ, находящийся одним каталогом ниже

Если с веб-страницы, расположенной по адресу http://mysite.ru/animals/home/edit.html, нужно перейти на http://mysite.ru/animals/home/wild/message.html, то ссылку можно указать так:

Создание ссылки на вышестоящий каталог

Если с веб-страницы, расположенной по адресу http://mysite.ru/animals/home/edit.html, нужно перейти на http://mysite.ru/animals/index.html, то ссылка будет такой:

СОЗДАНИЕ ССЫЛКИ НА ФАЙЛ, РАСПОЛОЖЕННЫЙ ДВУМЯ УРОВНЯМИ ВЫШЕ

При переходе с http://mysite.ru/ animals/home/wild/message.html на http://mysite.ru/animals/index.html, — ссылка будет такой:

Совет: Глядя на рис.1 вы легко поймете, что двигаясь от «родителя» к «дочке» нужно ставить точки, соответственного двигаясь к «внучатой» эти точки нужно ставить дважды и т.д.

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

Почтовая ссылка (mailto) &#8212 это специальный вид ссылки, помогающий пользователям отправить сообщение для вас. Если в ссылке задействовать протокол mailto, ее можно связать с электронным адресом. Создание ссылки на адрес электронной почты делается почти также как и ссылка на веб-страницу. Значение атрибута href должно начинаться со слова mailto:, после которого необходимо указать адрес электронной почты, на который посетитель должен будет отправить свое письмо.

В следующем примере показано создание ссылки на адрес электронной почты:

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

Правила написания URL

При создании ссылок важно придерживаться следующих правил во избежание распространенных ошибок:

  • При создании ссылок не используйте обратный слеш (\), такая ошибка делает ваши ссылки нерабочими. В сетевых URL-адресах используется только прямой слеш (/). В операционной системе Windows обратный слэш используется при указании пути к файлам на компьютере (например, D:\Images\elefant.png).
  • Не начинайте URL-адрес ссылки с названия диска вашего компьютера (C:, D: и т. д.). Ссылки между страницами документа будут работать, пока он находится на локальном сервере, но когда вы поместите свой сайт на удаленный веб-сервер, эти ссылки перестанут работать.
  • Абсолютный URL-адрес, обязательно должен начинаться с обозначения протокола http:// или https://.
  • Не используйте в качестве URL-адреса файловые пути. С помощью протокола file можно создать ссылку на файл, расположенный на вашем компьютере (например, file:///D:/Themes/lessons.html). Но такая ссылка не будет работать в веб-сети или на других компьютерах.
  • Не применяйте в именах файлов и папок пробелы или специальные символы, даже если это допустимые символы. Например, при запросе документа с именем файла «Web Master.html» браузером будет преобразован пробел в специальный символьный код (%) т.е. Web%20Master.html. Используйте в именах файлов только цифры, литеры, дефис (-) и подчеркивание (_).
  • Любая ссылка &#8212 это встроенный элемент, поэтому нельзя размещать внутри элемента блочные элементы, но можно помещать ссылку в блочный элемент-контейнер.

Открытие ссылок в новом окне

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

В следующем примере показано как создать ссылку, открывающую страницу в новом окне браузера:

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

Укажите в каждой ссылке, на своей веб-странице, значение _window вместо _blank и все документы, к которым будет осуществляться переход по ссылкам, будут открываться в том же самом втором окне, а ваш сайт остается открытым в исходном окне.

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

Значение Описание
_blank Открыть страницу в новом окне или вкладке.
_self Открыть страницу в том же окне (это значение задается по умолчанию).
_parent Используется при работе с фреймами и позволяет открыть страницу в родительском фрейме; если на текущей странице нет фреймов, то это значение работает как _self.
_top Применяется при работе с фреймами и позволяет открыть страницу в полном окне браузера, заменяя собой все фреймы, которые были на странице; если на текущей странице нет фреймов, то это значение работает как _self.
framename Открыть страницу в новом окне с именем framename.

Всплывающая подсказка для ссылки

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

Создание ссылки на определенную позицию страницы

Внутренние ссылки особенно полезны при организации быстрого доступа к конкретному тек-стовому фрагменту, который находится в нижней части длинной страницы с прокруткой, или для возврата к началу страницы одним щелчком мыши. Вы можете создавать ссылки на разные разделы текущей веб-страницы или на определенное место на другой веб-странице. Место на веб-странице, куда вы отправляете своего посетителя, называется фрагментом. Создание ссылки, ведущей на определенную область страницы, состоит из двух этапов. Прежде чем создавать ссылку на определенный фрагмент страницы, нужно отметить этот участок страницы (создать закладку) с помощью атрибута id, который присваивает уникальное имя любому HTML-элементу на странице.

Шаг 1: Создание закладки на странице

Закладка на определенном фрагменте страницы устанавливается с помощью атрибута id. На профессиональном языке веб-разработчиков его называют идентификатор фрагмента. Значение атрибута id должно начинаться с латинской буквы или знака подчеркивания (недопустимо начало с цифры или любого другого символа). Кроме того, на одной веб-странице несколько отмеченных закладками элементов не могут иметь одинаковое значение атрибута id. Предположим, что вы хотите отправить читателя к заголовку 2-го уровня на нашей веб-странице. Присвоим заголовку уникальное имя (в данном случае имя: absolut).

Наша закладка будет выглядеть следующим образом:

По сути вы создали закладку, зафиксированную на заголовке «Абсолютный URL-адрес».

Шаг 2: Создание ссылки на закладку

Для создания ссылки на элемент с установленным значением атрибута > , значение атрибута href которого должно начинаться с хеш-символа (#), после которого нужно указать значение атрибута id отмеченного элемента. Далее создадим ссылку, отправляющую читателя к закладке с именем absolut на текущей странице:

Данная ссылка ссылается на элемент

Теперь, если щелкнуть мышью по ссылке: Перейти к «Абсолютный URL-адрес», браузер отправит вас к разделу, начинающемуся с заголовка «Абсолютный URL-адрес».

Создание ссылки на фрагмент другого документа

Чтобы создать ссылку на определенную часть другой страницы, находящуюся в другом документе (на вашем или стороннем сайте), нужно в конец URL-адреса страницы добавить значение атрибута id нужного элемента, разделив их символом (#). Например, ссылка на заголовок «Всё о слонах» на странице из другого документа в том же каталоге будет выглядеть следующим образом:

Можно также создать ссылку на определенный фрагмент на странице другого сайта, для чего необходимо указать в конце абсолютного URL-адреса идентификатор фрагмента с знаком решетки, как здесь:

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

Пример создания ссылки на закладку из другой веб-страницы:

В данном примере первая ссылка ведет на файл html_code_elements.html, расположенный на сайте в том же каталоге, при открытии этого файла происходит переход на закладку с именем kbd. Вторая ссылка на файл nature.html, расположенный на другом сайте (worldanimals.com), при открытии этого файла происходит переход на закладку с именем hippo.

Изображения-ссылки

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

При наведении указателя мыши на картинку в ссылке указатель превращается в кисть руки.

Открытие ссылок в новом окне

Измените код так, чтобы ссылка открывала страницу в новом окне браузера.

Особенности поиска информации по каталогам

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

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

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

По степени сложности исполнения каталоги могут быть классифицированы на:

Подборка ссылок содержит список сайтов по специализированной теме, является самым распространенным инструментом поиска, в некоторых случаях информация о сайтах сгруппирована в рубрики, механизмы поиска информации отсутствуют. Включение сайта в подборку производится вручную лично автором подборки после соответствующего поиска в Интернете или после обращения к нему владельца сайта с просьбой внести его сайт в каталог. Примерами подборок ссылок являются: каталог продвинутых сайтов (http://www.1ps.ru/dirs/list) и первый нумизматический портал Рунета (http://www.coins.ru/links).

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

Каталоги, в которых ресурсы отсортированы по популярности, называются рейтинги. Популярные рейтинги в Интернете:

Каталоги также могут быть классифицированы по степени их специализации/универсальности на:


Специализированные каталогисодержат только ссылки на сайты по какой-то одной определенной теме. Подборка ссылок на определенную тему отличается от специализированного каталога меньшим количеством ссылок (сайтов) или они не разнесены по подкатегориям, или это разнесение незначительно. Примером такого каталога является каталог медицинских ресурсов Русского медицинского сервера (http:// www.dir.rusmedserv.com).

В универсальных каталогахссылки сгруппированы по различным темам. Каждая рубрика делится на более мелкие подрубрики. По такому принципу построены каталог от поисковой системы Яндех (http:// www.yaca.yandex.ru), каталог от поисковой системы Апорт (http:// www.aport.ru) и самостоятельный каталог интернет-сайтов Каталог @Mail.ru (http:// www.list.mail.ru).

Существует классификация каталогов по наличию/отсутствию в них поисковой машины для поиска по каталогу:

— со встроенной поисковой машиной;

Большиство каталогов имеют встроенную поисковую машину для поиска внутри каталога. Многие крупные поисковики совмещают в себе и каталог, и поисковую машину как для поиска в каталоге, так и в Интернете. Например, Каталог @Mail.ru (http:// www.list.mail.ru).

В качестве рекомендаций по поиску в каталогах можно выделить следующее:

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

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

К достоинствам каталогов можно отнести

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

2. Каталог имеет удобную древовидную структуру, что способствует релевантному поиску.

3. Можно самому задать вид сортировки сайтов в каталоге (по популярности, по дате создания и т.д.).

Недостатками каталогов являются:

1. Влияние субъективного фактора, т.к. отбор сайтов в каталог производит его редактор или редакторы.

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

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

Примеры популярных каталогов в Интернете:

а) от поисковых систем:

б) российские каталоги:

— каталог SuperLIST.ru (http://www.superlist.ru);

— первый каталог ресурсов о России в Интернет – Russia on the Net (http://www.ru/rus/index.html);

— каталог ресурсов Интернет «Улитка» (http:// www.ulitka.ru).

в) зарубежные каталоги:

— открытый каталог DMOZ (http://www.dmoz.org);

— русскоязычный ресурс каталога DMOZ (http:// www.dmoz.org/world/russian);

— каталог BestSearchers – The best Websites, Stores, Search Engines & Directories (http:// www.bestsearchers.com);

— каталог организации Ipl2 (http://www.lii.org).

Не нашли то, что искали? Воспользуйтесь поиском:

Лучшие изречения: Только сон приблежает студента к концу лекции. А чужой храп его отдаляет. 8808 — | 7523 — или читать все.

188.64.174.135 © studopedia.ru Не является автором материалов, которые размещены. Но предоставляет возможность бесплатного использования. Есть нарушение авторского права? Напишите нам | Обратная связь.

Отключите adBlock!
и обновите страницу (F5)

очень нужно

Линкбилдинг по-русски: подробный гайд по ссылочному продвижению в 2020 году

Время чтения: 22 минуты Нет времени читать? Нет времени?

Ссылочное продвижение с каждым годом все больше теряет свою актуальность и значимость. Алгоритмы поисковых систем при ранжировании сайтов рассматривают множество факторов, большинство из которых простым людям до сих пор не понятны. Поэтому надеяться исключительно на ссылки – бессмысленно. «Яндекс» даже недавно отказался от привычного ТИЦ и перешел к комплексному показателю качества (ИКС).

Но значит ли это, что ссылки не работают, и от них нужно отказаться? Вовсе нет. «Гугл» никогда не отрицал роль ссылочного фактора в ранжировании сайтов. Массивное исследование Ahrefs показало, что 91 % сайтов не получает переходов из выдачи Google по двум причинам: отсутствие внешних ссылок и потенциала для трафика (нет спроса на тему). «Яндекс» пытался бороться с влиянием ссылок, но его действия не привели к ощутимым результатам – ссылки все еще влияют на ранжирование.

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

Само ссылочное продвижение в изолированном виде уже не рассматривается. Лучше всего оно работает в комплексе с другими работами на сайте: внутренняя оптимизация, создание качественного контента, удобный функционал и пр.

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

Сейчас лучшая стратегия – объединение всех трех целей в одну для лучшего результата. Об этом и поговорим. Но сперва немного важной теории.

Виды ссылок

Чтобы понимать, как работает ссылочное продвижение, нужно познакомиться с основными видами ссылок.

Активные и неактивные

Активные (кликабельные) ссылки – те, по которым можно совершить переход. По неактивным ссылкам перейти нельзя – только если скопировать URL и вставить его в адресную строку. Вес такие ссылки не передают, а являются просто упоминанием.

Есть довольно давний (2012 год), но хороший эксперимент от Dejan Marketing, который показал, что «Гугл» переходит по подобным линкам, но они не влияют на ранжирование.

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

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

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

Анкор, как и околоссылочный текст, помогает поисковикам определить релевантность ссылки странице, на которой она размещена.

На html ссылка с текстом выглядит так:

Если текста между тегами не будет, мы получим просто кликабельную ссылку.

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

Вид анкора

Описание

Пример

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

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

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

Содержит название компании, имя автора блога и т. д.

Texterra, на сайте Текстерры, маркетинговое агентство Texterra

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

что такое контент-маркетинг, краткая история развития поисковых систем, исследование о влиянии внешних ссылок на ранжирование, кейс Брайана Дина о продвижении на YouTube

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

читать далее, здесь, тут, этот сайт, жми сюда, тыц

Как вы заметили, можно комбинировать и объединять разные виды анкоров в один, если это необходимо. Ключевые фразы желательно разбавлять и придумывать различные вариации, а не ограничиваться прямыми вхождениями. Анкоров типа «окна купить москва» быть не должно – текст нужно приводить в понятный человеку вид.

Анкор может и отсутствовать. Для коммерческих сайтов часто используется именно такой метод продвижения, так как за частое употребление коммерческих анкоров могут применить санкции. При этом можно использовать разные варианты ссылки: http://texterra.ru., www.texterra.ru, texterra.ru так далее. Такие ссылки выглядят естественно и не вызывают подозрений у поисковиков.

Если в качестве ссылки используется картинка, поисковики учитывают значение атрибута , который обязательно надо заполнять.

У каждого сайта есть свой анкор-лист – перечень анкоров. Преобладание анкоров коммерческого типа в списке – плохой знак. Если информационных статей у вас нет, и продвигаются в основном страницы товаров и услуг, старайтесь чаще использовать безанкорные ссылки. Можно разбавлять их общими указательными анкорами типа «здесь», «тут» и так далее. В этом ограничений никаких нет, главное, чтобы ссылки выглядели естественно – так, будто их оставили люди. Коммерческие анкоры указывают поисковикам на то, что, скорее всего, вы покупаете ссылки. Подозрение также вызывает частое использование одних и тех же ключевых слов в текстах разных ссылок. Следите за тем, чтобы анкор-лист был максимально разнообразным.

Dofollow и nofollow

При создании ссылки можно указать не только ее адрес и анкор, но и атрибуты, которые будут указывать поисковым системам, стоит ли индексировать конкретную ссылку или передавать ей вес (если она ведет на внешний сайт).

Атрибут nofollow указывает поисковику, что ссылку не нужно индексировать или как-то учитывать. Он часто используется для закрытия служебных страниц от индексации, чтобы они не попали в поиск, или для ограничения передачи веса внешним ссылкам (распространенная практика большинства популярных соцсетей и многих крупных сайтов – например, «Википедии»).

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

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

Но значит ли все это, что nofollow-ссылки бесполезны? Вовсе нет. На эту тему было довольно много статей и исследований. Даже сам Google в своей справке говорит, что «как правило» (in general) не производит по ним переход (у правил есть исключения). Некоторые эксперименты подтверждают, что «Яндекс» тоже учитывает такие ссылки и даже их анкоры.

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

Где проверить внешние ссылки


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

«Яндекс.Вебмастер»

«Яндекс.Вебмастер» показывает динамику ссылок (максимальный период времени – год), соотношение новых и удаленных, количество неработающих ссылок.

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

Google Search Console

В разделе «Ссылки» Google Search Console можно посмотреть страницы сайта, на которые ссылаются чаще всего; сайты, которые ссылаются на вас чаще всего и самые распространенные анкоры (внутренних и внешних ссылок).

Динамики ссылок и времени их размещения здесь нет. В этом панель «Гугла» уступает «Яндексу».

MegaIndex

В приложении Megaindex «Внешние ссылки» есть много полезных отчетов для анализа. К примеру, инструмент даже определяет типичные SEO-ссылки, за которые банят поисковики. Но насколько точное это определение – трудно сказать.

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

Также есть возможность более подробно посмотреть каждую обратную ссылку. Только в бесплатной версии доступно лишь пять позиций, остальные ссылки можно узнать после оплаты тарифа.

Linkpad

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

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

Serpstat

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

Проанализировать на наличие исходящих ссылок можно не только сайт, но и отдельные страницы. У каждой ссылки также указан тип – follow или nofollow.

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

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

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

Помню, лет семь назад я неистово регистрировала профили на «жирных трастовых сайтах» из базы какого-то блогера, чтобы оставить в них ссылки. Тогда это давало ощутимый эффект в виде трафика и первых 10-20 пунктов ТИЦ. В текущих условиях подобная активность не дает таких результатов.

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

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

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

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

Для проверки показателей ресурсов (возраст, трафик и т. д.) существует масса разных сервисов. Подробную статистику по трафику и социальной активности дает, например, Similarweb. Русскоязычный Pr-Cy анализирует сайты по множеству параметров. Заспамленность легко проверить в Xtool.

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

Теперь о самих методах получения ссылок. Их много, поэтому остановимся на основных. Вот что можно делать, чтобы получать обратные ссылки:

  • Просить покупателей писать отзывы и размещать их на какой-нибудь площадке. Если придумать какое-то поощрение или конкурс, они согласятся гораздо охотнее.
  • Размещать отзывы самостоятельно под видом клиентов и покупателей, участвовать в постановочных дискуссиях, рекламируя свой товар или компанию (например, на форумах), находить готовые обсуждения и дискуссии по теме и заявлять в них о себе.
  • Публиковать материалы на сторонних площадках (интервью, обзоры, информационные статьи на разные тематики, связанные с вашим бизнесом).
  • Регистрироваться в каталогах, картах «Яндекса» и Google, региональных директориях компаний и т. д.
  • Создавать блоги на разных платформах, в том числе крупных тематических, с целью последующего пиара своей компании.
  • Использовать партнерскую программу. Если платить пользователям за привлечение новых клиентов, они сами будут размещать ссылки на ваш ресурс.

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

Остановимся подробнее на некоторых моментах.

Биржи ссылок

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

Про биржи арендных ссылок уже все более-менее ясно – их время прошло. Но что с биржами так называемых «вечных ссылок»? Полезны ли они для продвижения сайта?

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

Мне довелось побывать по обе стороны баррикад: и в качестве вебмастера, и в качестве оптимизатора. И могу сказать следующее:

  1. В 99 % случаев ссылка будет опубликована на некачественной площадке. Бывают редкие исключения, но их еще нужно поискать. А если найдете, не факт, что они не скатятся в ГС. На биржах полно сайтов, которые зарабатывают только на вечных ссылках. Схема проста: регулярно закупаются пачками дешевые статьи по 20 рублей, в среднем около 1000 знаков, и заливаются на сайт, перемешиваясь с другими, чуть более дорогими статьями, в которых и размещаются рекламные ссылки. Таким образом получается снизить процент заспамленности и держать сайт на «качественном» уровне. Если вам кажется, что такие схемы давно устарели, и поисковики банят подобные сайты, вы ошибаетесь. Они все еще живут и прекрасно себя чувствуют.
  2. Гарантии индексации и «вечного размещения», конечно, успокаивают, но реально ли размещение вечное? Нет, ровно до того момента, пока сайт не прекратит сотрудничество с биржей по своей инициативе или не будет забанен. После этого сайт волен делать с ссылками все, что угодно.
  3. Из-за новых правил поисковых систем плохие ссылки придется в случае чего снимать. Если в Google это сделать довольно просто, то с «Яндексом» – сложнее. Если через биржу ссылку удалить не получится, придется связываться с каждым владельцем сайта в индивидуальном порядке.
  4. Ссылка, скорее всего, будет размещена в самом дешевом тексте. В стоимость размещения уже заложена стоимость статьи, так что можно только догадываться, что будет в тексте, если ссылка стоила 100-300 рублей. Даже если вы купили ссылку дороже, на качестве текстов это вряд ли отразится существенным образом. В случае с «Миралинкс», например, вы можете присылать вебмастерам собственные статьи. Вот это отличная возможность хоть как-то оправдать вложения и получить качественный результат. Однако мне чаще приходилось быть свидетелем того, как большинство оптимизаторов эту возможность не использует и присылает те же тексты за 50 рублей. Хотя даже если с текстом вы постараетесь, есть очень большая вероятность, что его мало кто прочитает. Поэтому важно обращать внимание на трафик площадки при размещении.

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

Недавно просматривала ссылки, купленные на биржах, в панели «Вебмастера». Некоторые из них все еще живы, только вот у площадок, имевших ТИЦ больше 100 пунктов, в пересчете на качество (ИКС) показатели скатились до 20 пунктов. Это гораздо меньше, чем у моего сайта сейчас.

Каталоги

Как бы не было странно говорить это в 2020 году, но каталоги сайтов и статей все еще существуют, и в них можно публиковаться. Только брать теперь нужно не количеством, а качеством. А количество качественных каталогов – мизерное. И их еще нужно отыскать.

Вообще регистрация в каталогах – дело неблагодарное. Можно найти хорошую базу, но за нее, скорее всего, придется платить. Если искать самостоятельно, можно потерять кучу времени впустую.

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

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

Гостевой блогинг

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

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

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

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

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

Можно просто искать похожие сайты (не конкурентов) и предлагать им сотрудничество, даже если они никогда не публиковали чужие материалы. Это могут быть информационные порталы, онлайн-журналы, блоги и сайты, где владельцы не предлагают своих услуг.

Главный навык, необходимый при размещении на сторонних ресурсах – умение договариваться. А для этого прежде всего нужно составить правильное письмо со своим предложением (аутрич).

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

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

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

Ссылки из соцсетей

Соцсети не передают ссылочный вес сайтам, так как используют редирект и/или атрибут nofollow.

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

С точки зрения ранжирования интересен эксперимент Tasty Placement, в котором сайты с активностью в социальных сетях показали определенный рост в поисковой выдаче Google – от 2 до 14 %, в зависимости от типа активности.

Анализ ссылочного конкурентов

С этого, наверное, и стоило начать, но хотелось немного усложнить задачу.

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

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

Если же нужно всего лишь подсмотреть площадки, на которых можно потенциально разместиться, для этих целей вполне сгодится бесплатный и простой BacklinkWatch. Там есть ограничение на количество показываемых ссылок, но если анализировать несколько разных сайтов, можно получить больше полезных данных. Упомянутый ранее Linkpad и другие подобные сервисы тоже можно использовать для анализа конкурентов.

У Megaindex тоже есть интересный инструмент – Сравнение доноров ссылок. Он показывает общие источники ссылок для двух или трех любых сайтов. Можно сравнить себя с основными соперниками в выдаче.

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

Вывод

Линкбилдинг сегодня – гораздо больше, чем автоматизированный процесс закупки ссылок. Перед оптимизаторами ставятся все более сложные задачи, поэтому им приходится все чаще смотреть в сторону комплексного продвижения. Можно однозначно заявить, что ссылочное продвижение стоит рассматривать не изолировано, а в совокупности с другими методами, используемыми в digital.

HTML ссылки

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

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

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

В HTML гиперссылки (или просто «ссылки») определяются тегом (HTML Anchor Element).


В браузере же это будет отображаться по умолчанию следующим образом: Найдется всё.

Мы уже с Вами неоднократно говорили, что некоторые теги используются только совместно с атрибутами (бесполезны сами по себе) и это снова тот случай. Атрибут href (аббревиатура от hyper reference) — это основной атрибут тега , указывающий браузеру, URL-адрес страницы, куда ведет ссылка. Единый указатель ресурса (англ. Uniform Resource Locator, URL) — единообразный локатор (определитель местонахождения) ресурса.

Относительные и абсолютные пути ссылок

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

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

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

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

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

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

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

Пример подключения файлов:

Перейдем к следующему примеру, допустим у нас есть файл index.html, в этом же каталоге есть папка (каталог) с именем etc из которой нам необходимо подключить изображение и сделать ссылку на документ page.html:

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

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

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

Путь относительно корня сайта

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

Если вы планируете создавать сайты и у вас нет среды для ваших тренировок, то рекомендую Вам скачать программный комплекс, предназначенный для локальной разработки, отладки и тестирования веб проектов. Я использую Open Server, он предназначен для пользователей, которые используют операционную систему Windows. В качестве аналога Open Server под Mac, могу предложить MAMP, если он вам не подойдет, можете попробовать выбрать другой. Мы не будем использовать эти программные среды для практических занятий (можете установить после обучения HTML / CSS).

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

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

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

Достаточно указать в адресе один прямой слэш, чтобы с любой страницы сайта перейти на главную страницу сайта ( href = «/» ).

Атрибут target

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

Ниже представлены все значения этого атрибута:

Атрибут Значение
_blank Загружает страницу в новое окно браузера.
_self Загружает страницу в текущее окно. Это значение по умолчанию.
_parent Загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self.
_top Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self.
framename Открывает ссылку в указанном фрейме.

Работа с фреймами будет рассмотрена позднее в статье учебника «HTML фреймы».

Атрибут mailto

Использование атрибута «mailto» в HTML документе позволяет создать ссылку для отправки письма:

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

В значении атрибута можно сразу указать значения для заголовков (тема, копии, тело письма и т.п.). Пробелы и переносы строки нельзя вставить без кодирования:

  • subject —тема письма.
  • cc —копия письма.
  • bcc —скрытая копия письма.
  • body —тело письма.

Допустимо указывать несколько адресов (либо не указывать вовсе):

Изображение как ссылка

Для того, чтобы использовать изображение в качестве ссылки, вам необходимо поместить изображение между тегами :

При этом при клике на картинку будет осуществлён переход по указанной ссылке:

Размещение файлов на сайте для скачивания

Обращаю Ваше внимание, что к сожалению, в настоящее время еще не все браузеры поддерживают применение этого атрибута:

Тег Chrome Firefox Opera Safari IExplorer Edge
download 14.0 20.0 15.0 Нет Нет 13.0

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

Вопросы и задачи по теме

Перед тем как перейти к изучению следующей темы пройдите практическое задание:

  • Для выполнения задания вам понадобится скачать архив и скопировать содержимое архива в любую папку на вашем жестком диске:
  • Используя полученные знания и не изменяя структуры архива составьте следующую HTML страницу (index.html в архиве), которая содержит четыре ссылки:

Практическое задание № 4.

Первая ссылка «Информация о примере» должна вести на родительскую страницу (на уровень выше), т.е. при клике вы должны перейти на эту страницу:

Обратите внимание, что на странице необходимо сделать две ссылки: первая — относительная ссылка, которая должна вести обратно на главную страницу (при клике вы должны перейти на нее), а вторая — абсолютная, при клике на нее осуществляется переход на сайт basicweb.ru.

Вторая и третяя ссылка представляют из себя ссылки-изображения, при клике на них происходит переход на страницы, расположенные в дочерних каталогах (html и css). Сделайте так, чтобы при клике на изображение CSS страница открывалась в новом окне. Изображения находятся в каталоге images.

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

Заключительная задача заключается в том, чтобы при клике на четвертую ссылку запускалось скачивание архива, расположенного в дочернем каталоге download

  • Результат примера вы можете скачать после выполнения задач для самопроверки:

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

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com. В продолжение статьи о создании гиперссылок рассмотрим, что они из себя представляют в абсолютном и относительном варианте.

В принципе, в той публикации досконально разобран механизм, позволяющий формировать линки (от английского слова «link», одно из значений которого интерпретируется как «ссылка») на базе URL-адреса в самом различном исполнении с помощью средств HTML с целью их размещения в веб-пространстве (включая и страницы сайтов) в качестве составляющей части контента.

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

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

Абсолютный и относительный путь в ссылках

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

В таком виде мы вводим урлы в поисковую строку браузера для получения доступа с объекту. При этом любой URL обязательно начинается с наименования протокола передачи данных и включает имя домена («http://site.ru/»). Именно в подобном виде путь до объекта (вебстраницы или файла) используется в качестве параметра атрибута href при создании абсолютной ссылки с помощью средств HTML для ее последующей вставки в контент заданной странички (документ):

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

Варианты относительных ссылок

Ежели представленный выше пример полного пути в URL-адресе немного модифицировать, убрав «http:», то как раз получится образец относительного пути:

Если же привлечь средства ХТМЛ, то можно создать ссылку относительно протокола:

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

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

На его основе таким же образом создается относительная гиперссылка:

Возьмем для наглядности пример с файликом (file1.html). Такой линк будет работать только лишь в том случае, если файл расположен в папке (каталоге), которая, в свою очередь, находится в составе корневой директории вебсайта. То есть, в данном случае путь до файла (в составе URL, который служит параметром атрибута href) будет указан относительно корня веб-ресурса:

В соответствии с предоставленным выше скриншотом вы, полагаю, уже поняли следующее. Ежели файлик (в нашем примере file2.html) входит напрямую в состав корневой директории, то путь к нему относительно корня (site.ru) примет такой вид:

Тут самый первый слеш «/» заменяет корневую папку «site.ru/». То есть, при создании перехода на главную страницу сайта с любой его страницы можно использовать короткую конструкцию:

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

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

А, скажем, относительная ссылка на статическую вебстраницу (которая не принадлежит ни одной рубрике, но входит в состав корневой папки «Goldbusinessnet.com») с любой другой странички в пределах одного проекта может выглядеть так:


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

Теперь давайте рассмотрим еще несколько случаев создания линков относительно текущего веб-документа (файла или web-страницы), а не корня сайта. Здесь один из файлов будет донором (с которого проставлена ссылка), а другой акцептором (на который ведет гиперссылка).

1. Файлы расположены в одной папке:

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

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

Тогда в процессе создания относительной гиперссылки в содержании донора следует прописать дополнительно директорию, где находится акцептор:

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

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

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

При таком раскладе перед наименованием файлика необходимо поставить слэш «/» и двоеточие, означающее, что акцептор расположен на один уровень выше:

Если документ, на который ссылаются, находится на целых два уровня выше (скажем, донорский документ пребывает в папке catalog3, которая вложена в catalog2), то HTML код относительной гиперссылки примет следующий вид:

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

4. Есть еще вариант, когда акцептор и донор расположены в разных папках одного уровня:

Для того, чтобы сформировать относительный гиперлинк, нужно перейти на один уровень выше (catalog), а в пути указать директорию документа, на который будем ссылаться:

5. Ну и теперь самый сложный случай. Это когда документ, содержащий относительную ссылочку, и файл, на который она ведет, располагаются в разных папках, причем директория с донором находится на один или несколько уровней выше папки с акцептором:

Если разница 1 уровень, то относительной ссылкой является такая:

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

Особенности относительных и абсолютных гиперссылок

Ежели в качестве целевого объекта абсолютной или относительной ссылки указать не файл, а всю директорию, то в конце URL желательно прописывать слеш:

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

То серверный обработчик сначала начнет поиски файла «uploads», именно в таком виде (без расширения), а уже затем отыщет папку с таким именем. Посему, проставив сразу же слеш, вы сэкономите ресурсы сервера, на котором располагается сайт.

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

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

В общем-то, принцип создания абсолютных и относительных ссылок действует и в отношении стандартных вебстраниц сайта. Но, поскольку львиная доля вебмастеров (особенно это касается владельцев полномасштабных веб-ресусов, а не простеньких дневников и одностраничников) использует для управления веб-ресурсом CMS, то здесь есть некоторые нюансы.

Что касается главной страницы, то абсолютная ссылка на нее включает доменное имя, которое является названием корневой папки в соответствии с файловой структурой сайта на сервере:

Образец относительного линка в отношении главной я уже приводил, но повторю еще раз:

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

Каталог ссылок в примерах

Цифровой индентификатор doi

Электронные публикации, которым международной организацией Digital Object Identifier присвоен цифровой идентификатор объекта (doi), описываются аналогично печатным изданиям, с указанием doi без точки после него. В этом случае URL не приводится, поскольку doi позволяет однозначно идентифицировать объект в базах данных, в отличие от сетевого адреса, который может измениться.

Evans A.V. Imagination is a trend // Journal of biosocial science. 2010. Vol. 39. P. 147–151. doi:10.1017/s0021932006001337

Публикации без doi

Следует указывать обозначение материалов для электронных ресурсов [Электронный ресурс]. Электронный адрес и дату обращения к документу в сети Интернет приводят всегда. Дата обращения к документу – это дата, когда человек, составляющий ссылку, данный документ открывал, и этот документ был доступен (формат: чч.мм.гггг).

Даль В.И. Толковый словарь живого великорусского языка Владимира Даля [Электронный ресурс]: подгот. по 2-му печ. изд. 1880–1882 гг. М.: ACT и др.: 1998. 1 электрон. опт. диск (CD-ROM).

Белоус Н.А. Прагматическая реализация коммуникативных стратегий в конфликтном дискурсе [Электронный ресурс] // Мир лингвистики и коммуникации: электрон. научн. журн. 2006. N 4. URL: http://www.tverlingua.by.ru/archive/005/5_3_1.htm (дата обращения: 15.12.2007).

По информации на главной странице сайта/портала даются: название и описание ресурса, если указано – место и год издания.

Лапичкова В.П. Стандартизация библиотечных процессов. Опыт Национальной библиотеки Республики Карелии [Электронный ресурс] // Library.ru: информ.-справочный портал. М., 2005–2007. URL: http://www.library.ru/1/kb/articles/article.php?a_u >

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

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

Системные требования приводят в том случае, когда для доступа к документу нужно специальное программное обеспечение, например Adobe Acrobat Reader, Power Point и т.п.

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

Панасюк А.Ю. Имидж: определение центрального понятия в имиджелогии [Электронный ресурс] // Академия имиджелогии. 2004. 26 марта. URL: http://academim.org/art/pan1_2.html (дата обращения: 17.04.2008).

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

Общие ресурсы по лингвистике и филологии: сайт Игоря Гаршина. [Электронный ресурс]. 2002. Дата обновления: 05.10.2008. URL: http://katori.pochta.ru/linguistics/portals.html (дата обращения: 05.10.2008).

Не следует ссылаться на электронные ресурсы, нарушающие авторское право.

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

Все HTML ссылки делятся на внешние и внутренние. Внешние ссылки — это ссылки, ведущие с одного сайта на другой сайт или файл, расположенный на другом сайте. Внутренние ссылки — это ссылки, ссылающиеся с одной страницы сайта на другую страницу этого же сайта или на разделы этой же страницы.

Все ссылки можно также условно разделить на относительные и абсолютные. Относительные ссылки — это HTML ссылки, содержащие относительные пути, относительные ссылки могут быть только внутренними. Абсолютные ссылки — это ссылки, содержащие абсолютные пути, абсолютные ссылки могут быть как внешними так и внутренними.

Относительный путь

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

Части пути Описание Примеры значений
имя_файла Если в качестве значения атрибута указать только имя файла это значит, что нужный файл находится в той же папке, где и страница со ссылкой. » page.html «
каталог/ Если файл, к которому нужно указать путь, расположен в дочернем каталоге относительно файла с ссылкой, это означает, что нам надо спуститься на один уровень вниз (в дочернюю папку текущего каталога), в этом случае путь начинается с указания имени дочернего каталога, после его имени указывается прямой слэш » / «, он служит для разделения частей пути, после него указывается имя нужного нам файла. » каталог/page.html «

» каталог1/каталог2/page.html «

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

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

» ../page.html «

» ../../../кат1/кат2/page.html » — поднимаемся из текущей папки на три каталога выше и уже из него спускаемся на два уровня ниже к требуемому файлу

/ Относительный путь не обязательно всегда должен начинаться относительно текущего расположения страницы со ссылкой, он также может начинаться относительно корневого каталога сайта. К примеру, если нужный файл находится в корневом каталоге, путь может начинаться с символа » / «, после которого надо всего лишь указать имя нужного файла, который расположен в корневом каталоге.

Примечание: когда символ » / » указывается первым, это означает начало пути от корневого каталога.

» /page.html «

» /кат1/кат2/car.png «

Абсолютный путь

Абсолютный путь обычно применяется для указания пути к файлу, который расположен на другом сетевом ресурсе. Он представляет из себя полный URL-адрес к файлу или странице. Первым делом в адресе указывается используемый протокол, после которого идет название домена (имя сайта). Например: http://www.пример.ру — так выглядит абсолютный путь к конкретному веб-сайту. http:// — это протокол передачи данных, а www.пример.ру — имя сайта (домен).

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

Теперь давайте рассмотрим, что такое URL-адрес. Каждая веб-страница в сети Интернет имеет свой собственный уникальный адрес, вот он как раз и называется URL. Аббревиатура URL расшифровывается как Uniform Resource Locator (унифицированный адрес ресурса), проще говоря URL — это определитель местонахождения ресурса. Этот способ записи адреса стандартизирован в сети Интернет.

HTML ссылки

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

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

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

В HTML гиперссылки (или просто «ссылки») определяются тегом (HTML Anchor Element).

В браузере же это будет отображаться по умолчанию следующим образом: Найдется всё.

Мы уже с Вами неоднократно говорили, что некоторые теги используются только совместно с атрибутами (бесполезны сами по себе) и это снова тот случай. Атрибут href (аббревиатура от hyper reference) — это основной атрибут тега , указывающий браузеру, URL-адрес страницы, куда ведет ссылка. Единый указатель ресурса (англ. Uniform Resource Locator, URL) — единообразный локатор (определитель местонахождения) ресурса.

Относительные и абсолютные пути ссылок

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

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


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

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

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

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

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

Пример подключения файлов:

Перейдем к следующему примеру, допустим у нас есть файл index.html, в этом же каталоге есть папка (каталог) с именем etc из которой нам необходимо подключить изображение и сделать ссылку на документ page.html:

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

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

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

Путь относительно корня сайта

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

Если вы планируете создавать сайты и у вас нет среды для ваших тренировок, то рекомендую Вам скачать программный комплекс, предназначенный для локальной разработки, отладки и тестирования веб проектов. Я использую Open Server, он предназначен для пользователей, которые используют операционную систему Windows. В качестве аналога Open Server под Mac, могу предложить MAMP, если он вам не подойдет, можете попробовать выбрать другой. Мы не будем использовать эти программные среды для практических занятий (можете установить после обучения HTML / CSS).

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

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

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

Достаточно указать в адресе один прямой слэш, чтобы с любой страницы сайта перейти на главную страницу сайта ( href = «/» ).

Атрибут target

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

Ниже представлены все значения этого атрибута:

Атрибут Значение
_blank Загружает страницу в новое окно браузера.
_self Загружает страницу в текущее окно. Это значение по умолчанию.
_parent Загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self.
_top Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self.
framename Открывает ссылку в указанном фрейме.

Работа с фреймами будет рассмотрена позднее в статье учебника «HTML фреймы».

Атрибут mailto

Использование атрибута «mailto» в HTML документе позволяет создать ссылку для отправки письма:

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

В значении атрибута можно сразу указать значения для заголовков (тема, копии, тело письма и т.п.). Пробелы и переносы строки нельзя вставить без кодирования:

  • subject —тема письма.
  • cc —копия письма.
  • bcc —скрытая копия письма.
  • body —тело письма.

Допустимо указывать несколько адресов (либо не указывать вовсе):

Изображение как ссылка

Для того, чтобы использовать изображение в качестве ссылки, вам необходимо поместить изображение между тегами :

При этом при клике на картинку будет осуществлён переход по указанной ссылке:

Размещение файлов на сайте для скачивания

Обращаю Ваше внимание, что к сожалению, в настоящее время еще не все браузеры поддерживают применение этого атрибута:

Тег Chrome Firefox Opera Safari IExplorer Edge
download 14.0 20.0 15.0 Нет Нет 13.0

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

Вопросы и задачи по теме

Перед тем как перейти к изучению следующей темы пройдите практическое задание:

  • Для выполнения задания вам понадобится скачать архив и скопировать содержимое архива в любую папку на вашем жестком диске:
  • Используя полученные знания и не изменяя структуры архива составьте следующую HTML страницу (index.html в архиве), которая содержит четыре ссылки:

Практическое задание № 4.

Первая ссылка «Информация о примере» должна вести на родительскую страницу (на уровень выше), т.е. при клике вы должны перейти на эту страницу:

Обратите внимание, что на странице необходимо сделать две ссылки: первая — относительная ссылка, которая должна вести обратно на главную страницу (при клике вы должны перейти на нее), а вторая — абсолютная, при клике на нее осуществляется переход на сайт basicweb.ru.

Вторая и третяя ссылка представляют из себя ссылки-изображения, при клике на них происходит переход на страницы, расположенные в дочерних каталогах (html и css). Сделайте так, чтобы при клике на изображение CSS страница открывалась в новом окне. Изображения находятся в каталоге images.

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

Заключительная задача заключается в том, чтобы при клике на четвертую ссылку запускалось скачивание архива, расположенного в дочернем каталоге download

  • Результат примера вы можете скачать после выполнения задач для самопроверки:

Типы ссылок

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

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

Под этим термином подразумевается соединение страниц сайта между собой при помощи внутренних ссылок. Это один из инструментов оптимизации.

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

Естественные и SEO-ссылки

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

К основным признакам естественных ссылок можно отнести:

  • совпадение тематик донора и акцептора. Это повышает вероятность перехода посетителей по предоставленной ссылке. Кроме того, больше вероятность того, что информация будет полезна для посетите­ля;
  • естественное размещение ссылки на странице без при­вязки к определенному блоку. Это означает, что ссылка может быть вставлена в любое место, где она подходит по логике, например внутри текста;
  • анкор ссылки является естественным. Иногда используются и клю­чевые слова, но для разбавления анкор-листа лучше использовать ссылки в виде картинок. Также неплохой вариантов анкоров типа «тут», «здесь» или же можно вставить просто URL страницы.

Есть мнение, что покупные ссылки – это то же самое, что и SEO-ссылки, но это не совсем так. Допустим, есть уникальная статья и в нее вставлены платные ссылки. Они ведут на полезные для посетителя материалы. В таком случае считать их SEO-ссылками некорректно, они просто покупные.

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

Основные признаки SEOссылок (они противоположны признакам естествен­ных ссылок):

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

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

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

Вечные и арендованные ссылки

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

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

  • очень широкий выбор ссылок: если сравнивать арендованные ссылки с бесплатными и вечными, то первых намного больше, а значит, есть возможность выбрать те, которые подходят под определенные требования;
  • небольшая стоимость: платить за аренду ссылки помесячно удобнее, чем внести разовую оплату годового размещения;
  • возможность быстрой корректировки: при необходимости можно изменить URL продвигаемой страницы, ключевое слово или стратегию закупки ссылок;
  • в случае наложения на сайт фильтра «Минусинск» арендованную ссылку снять намного проще, чем вечную.


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

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

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

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

«Вечная» – это условная характеристика ссылки. Имеется в виду то, что ссылка будет существовать столько же, сколько сам ресурс. Но бывают и ситуации, когда непорядочный веб-мастер снимает ссылку и на ее место размещает другую. Чтобы застраховать своих пользователей от таких случаев биржи и агрегаторы устанавливают гарантийный срок. При исчезновении ссылки в данный период деньги воз­вращаются. Как правило, гарантийный срок составляет 3 месяца. Для сравнения: в системе Rookee гарантийный срок – 6 месяцев.

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

Футерные ссылки

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

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

Плюс: возможность сквозной перелинковки при размещении ссылок на внутренние страницы.

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

Статейные ссылки

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

Практически все минусы SEO-ссылок при статейном продвижении нивелируются. Но если сравнивать его с обычной покупкой ссылок, то статейное продвижение обычно требует больших финансовых и вре­менных затрат. Во-первых, придется искать подходящего по тематике донора, где будут размещаться статьи (их количество ограниченно). Во-вторых, нужно написать саму статью и вставить ключи и ссылки. В-третьих, необходимо выкупить стра­ницу, на которой статья будет размещаться. Стоит учитывать, что у популярных сайтов стоимость такой страницы высокая.

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

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

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

Контекстные ссылки

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

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

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

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

В идеале для естественности ссылки необходимо четкое совпадение тема­тик, но бывает и такое, что подходящее слово может быть упомянуто в другом кон­тексте. К примеру, у нас есть запрос «Cadillac в Москве», а мы вставили его в статью, в которой идет речь о «кадиллаке», участвовавшем в ДТП.

Новостные ссылки

Новостная ссылка – это контекстная ссылка, вписанная в текст новости. Она размещается при публикации новости. Такие тексты находятся на новостном сайте или сайте, который относится к СМИ.

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

Наиболее популярной биржей новостных ссылок является система PR.Sape.ru. С ней сотрудничает сервис Rookee, по­могая SEO-специалистам сократить трудозатраты на поиск, проверку и закупку ссылок. Здесь все процессы работают в автоматическом режиме. Для начала работы нужно задать параметры отбора. Заказ выполняется в заданном объеме, при этом учитывается дневная дозировка.

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

Баннерные ссылки

Есть анкорные ссылки, а есть ссыл­ки с картинками. Они называют баннерами.

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

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

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

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

Ссылки с объявлений

Ссылки с объявления можно купить на сервисе Rookee. SEO-объявление – это текстовый рекламный блок с заголовком. Ссылка может содержаться как в заголовке, так и в тексте объявления, но и там, и там должно быть использовано продвигаемое ключевое слово.

На странице можно разместить ограниченное количество SEO-объявлений. Это увеличивает вес, который передает ссылка. Эти объявления имеют особое оформление, которое повышает их привлекательность и количество переходов. Формат таких объявлений схож с контекстными объявлениями «Яндекс.Директа». Но важно то, что ссылка в них будет вечной, потому что объ­явления размещаются на постоянной основе.

  • вечные ссылки: это дает естественность и положительно воспринимается поисковой системой;
  • больший вес ссылки: ограничение по количеству исходящих ссылок на странице повышает передаваемый ими вес;
  • увеличение трафика: все объявления имеют свою визуальное выделение на странице, поэтому вероятность перехода на продвигаемый сайт по ним увеличивается.
  • малое количество площадок-доноров: ассортимент площадок-доноров невелик, поэтому выбрать наиболее качественный сложно. Купить SEO-объявления можно в сервисе Rookee, но количество доноров также небольшое;
  • высокая цена: повышенная стоимость обоснована вечностью ссылки, ограниченным количеством площадок и мест на странице-доноре.

Постовые ссылки

Для монетизации сайта блогеры зачастую про­дают места в постах своего блога. Как правило, выше или ниже его. Такие ссылки могут группироваться в отдельный блок, но их ко­личество ограниченно (4–5 штук). Они и называются постовыми. Рекламный характер блока выдает его размер и нетематичность ссылок. Раньше выделение в блок способствовало концентрации внимания посетителей и увеличивало трафик, но сейчас рекламные ссылки чаще всего просто пролистываются.

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

Страница с постом может отсутствовать в индексе поисковых систем. Это происходит из-за жадности некоторых блогеров. Желая получать легкие деньги, они могут размещать у себя текст, скопирован­ный на другом ресурсе (для увеличения количества страниц под ссылки), но не позаботиться о его уникальности. Формат постовых ссылок сегодня используется на некоторых биржах: blogun.ru, gogetlinks.net и т. д. Но популярность данного направления постепенно снижается.

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

Ссылки из постов

Чтобы сделать работу с блогами более грамотной, следует размещать ссылки в самом посте. Тогда они будут вы­глядеть естественно и привлекать трафик. Как правило, под ключевое слово пишется отдельный пост. Это может быть обзор, рекомендация, аналитическая статья. Страница сразу появляется со ссылкой. Ссылки из постов относительно быстро индексируются, потому что поисковый робот стремится чаще обрабатывать ресурсы СМИ и блоги.

Дополнительное преимущество получает статья (со ссылкой), со­ставленная в соответствии с маркетинговыми принципами. В таком случае она и передает вес акцептору, и привлекает дополнительный трафик на сайт. Как правило, стоимость ссылок из постов достаточно высокая , так как подразумевается ручная работа. Но если планируется стратегическая закупка с целью разнообразить ссылочную массу и нарастить вес, можно воспользоваться различными сервисами, например BuyPost.ru, Blogun.ru, Gogetlinks.net и др.

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

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

Илон Маск рекомендует:  Что такое код ming_useswfversion
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL