Как правильно написать ссылку на сайт

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

Как сделать активную ссылку на сайте, простая инструкция

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

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

Ссылка выглядит так: <a href=»адрес страницы» >слово или часть предложения</a>. Теперь о каждой составляющей ссылки:

• <a> </a> — тег, в котором помещается ссылка и текст к ней;
• адрес – url, на который ведет ссылка;
• слово или часть предложения, называемые анкором – текст, который и отображается на странице, в статье.

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

Как видите, чтобы сделать ссылку в редакторе сайта нужно поставить соответствующий тег, указать url и часть текста. Ничего сложного, правда ведь?

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

Все ссылки бывают двух типов. Внешние перенаправляют на страницы того же сайта. Внутренние – на сторонний ресурс.

Какие атрибуты для ссылок бывают

Читайте также: Как проверить сайт на ошибки: 5 важных правил

HTML открывает широкие возможности и позволяет создавать дополнительные условия для перехода по ссылке. Атрибутов огромное количество. Рассказывать обо всех не буду. В этом нет никакого смысла. Остановлюсь только на самых важных. Отображается он следующим образом — <a имя атрибута=»значение» ></a>.

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

Ссылка открывается в новом окне

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

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

Чтобы страница по ссылке открывалась в новом окне, нужно «эксплуатировать» значения target и _blank. Вот код, вставляемый в текст в редакторе статьи: <a href=»url» target=»_blank»>текст</a>.

Как сделать ссылку на сайт: информация про содержание ссылки

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

Как быть? Есть простое решение – при наведении пользователем курсора всплывает подробное описание. Для достижения такой цели необходимо использовать атрибут title.

Как сделать ссылку на страницу сайта, у которой будет описание? Вот ее код: <a href=»url» title=»текст с описанием ссылки»>выделенный в статье текст ссылки</a>.

Отношения между документами

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

• Nofollow;
• Sidebar.

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

Как сделать ссылку на страницу сайта со значением nofollow? Вот ее код — <a href=»url» rel=»nofollow»>текст</a>.

Теперь про значение sidebar. Данный вариант используется крайне редко. Цель – при клике по ссылке тут же закрепить ее в панели закладок используемого пользователем браузера.

Как сделать ссылку на сайт такого типа? Очень просто! Вот ее код: <a href=»url»  rel=»sidebar»>текст</a>.

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

Читайте также: Редактор Gutenberg WordPress 5.0: Полный обзор + видео

Каждая из Систем управления контентом (движок) имеет собственные особенности формирования внутренних ссылок. Я остановлюсь на работе в редакторе WordPress. Это передовая платформа. На ней разрабатывается множество удобных и функциональных сайтов. Уже сегодня на движке работает более 30% всех ресурсов в мире – только осознайте эту цифру!

1. Шаг первый

Откройте в редакторе платформы статью. Курсором выделите часть текста, который вы хотите сделать ссылкой. Найдите на панели инструментов значок цепи – три звена. Кликните по нему.

2. Шаг второй

Откроется небольшое окно. В нем нужно ввести адрес url – той страницы, которая должна открываться по ссылке.

3. Шаг третий

В строке «Заголовок» внесите описание ссылки. Это будет атрибут title. Если не хотите его делать, то оставьте строку пустой. Рекомендую в строку вносить название страницы или статьи, на которую ведет ссылка.

4. Как сделать ссылку на сайт: шаг четвертый

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

Дополнительные атрибуты

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

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

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

Как сделать ссылку на сайт: картинка, как ссылка

Теперь поговорю о том, как сделать активную ссылку на сайте из картинки. То есть, чтобы пользователь переходил на новую страницу после клика по изображению. Тут тоже все предельно просто. Код ссылки будет выглядеть следующим образом: <a href=»url»><img src=»адрес изображения»></a>. Вот и всё!

Несколько советов, как правильно делать ссылки на страницах собственного сайта

Читайте также: Как самой сделать сайт бесплатно: подробная инструкция

1. Не делайте ссылок чрезмерно много

Если на вашем сайте, блоге не так много страниц и еще мало текста, делайте меньше ссылок в теле статьи.

2. Как сделать ссылку на сайт: понятный анкор

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

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

3. Учитывайте объем документа/файла

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

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

4. Как сделать ссылку на сайт: удаляйте «битые» ссылки

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

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

Как оформлять текст ссылки: несколько советов

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

• информативность – без использования «пустых» слов «здесь, тут, сейчас» и т.д.;
• лаконичность – короткий, но понятный анкор из двух-трех слов;
• уникальность – каждая ссылка должна быть уникальной, не используйте один и тот же текст анкора для разных ссылок.

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

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

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

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

Английская аббревиатура URL расшифровывается как Uniform Resource Locator, что в переводе на русский означает «унифицированный указатель ресурса». Впервые URL стал применяться в 1990 году. Слава его изобретения принадлежит создателю Всемирной паутины — Тиму Бернерсу-Ли.

Что такое URL

Изначально УРЛ применялся для обозначения размещения файлов в Интернете, но в настоящее время используется для указания расположения почти всех веб-ресурсов. URL может обозначать путь как к веб-сайту, так и к какому-то определенному документу или изображению. Чтобы перейти к нужному сайту или файлу, пользователю нужно написать в адресной строке браузера соответствующий УРЛ. Например, URL https://timeweb.com/ru/community открывает стартовую страницу сайта хостингового сообщества «Timeweb Community».

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

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

Для копирования адреса документа в контекстном меню ведущей к нему ссылки следует выбрать команду «Копировать адрес ссылки».

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

Структура URL адреса

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

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

• «ftp» — в этом случае браузер откроет файловый сервер. После протокола «ftp» может указываться логин и пароль для входа в учетную запись. Выглядеть это может следующим образом: ftp://name:password@example.com;
• «mailto» — браузер выполнит команду отправки письма на указанный адрес;
• «file» — в браузере будет открыт файл с компьютера.

После протокола (2) следует доменное имя сайта (хост) или в редких случаях его IP-адрес. Также в некоторых случаях URL-адрес может содержать номер порта, например, его можно увидеть в сетевых приложениях (выглядит это так: //example.com:8080).

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

URL также может включать параметры, которые указываются после знака «?» и разделяются символом «&». Пример адреса страницы с результатами поиска по слову «url» в поисковой системе Google:

https://www.google.ru/search?newwindow=1&sxsrf=ALeKk02BP8tO_kCAffUrYqQOwhLV3p_jdw%3A1605124767263&source=hp&ei=n0KsX6mcDO-grgT7tpeYDA&q=url&oq=url&gs_lcp=CgZwc3ktYWIQAzIFCAAQsQMyBQgAELEDMgIILjICCAAyAggAMgIIADICCAAyAggAMgIIADICCABQjghYjghgkRpoAHAAeACAAUOIAUOSAQExmAEAoAECoAEBqgEHZ3dzLXdpeg&sclient=psy-ab&ved=0ahUKEwjp58bco_vsAhVvkIsKHXvbBcMQ4dUDCAs&uact=5

Конечный компонент URL, который пользователь может увидеть в документах большого объема, состоящих из нескольких разделов, — это якорь, которому предшествует знак решетки «#». Часть адреса после этого знака ссылается на определенный абзац внутри страницы сайта. Пример: если на странице Википедии со статьей «URL» перейти по ссылке «Структура URL» в блоке «Содержание», унифицированный указатель ресурса в адресной строке браузера примет такой вид:

https://ru.wikipedia.org/wiki/URL#Структура_URL

Виды URL

URL-адреса веб-страниц бывают статические и динамические.

• Статический URL представляет собой постоянный адрес, он остается неизменным на протяжении всего времени, пока владелец сайта сам не внесет в него изменения. Такие адреса не содержат дополнительных параметров. Пример: https://timeweb.com/ru/community/articles/v-chem-sostoit-raznica-mezhdu-domenom-hostingom-i-saytom.
• Динамические адреса веб-страниц генерируются в ответ на запросы пользователей и содержат разделители «?», «=», «&», после которых отображаются дополнительные параметры страницы. Такие адреса формируются, к примеру, когда пользователь применяет фильтр, производит сортировку товаров в интернет-магазине, использует поиск по сайту. Подобные УРЛ могут выглядеть так:

https://www.amazon.com/s?i=specialty-aps&bbn=16225009011&rh=n%3A%2116225009011%2Cn%3A541966&ref=nav_em__nav_desktop_sa_intl_computers_and_accessories_0_2_21_6

С точки зрения SEO предпочтительнее статические ссылки, так как динамические URL имеют ряд недостатков:

• они бывают очень длинными, настолько, что могут не помещаться в строке поиска и обрезаться при копировании.
• динамические адреса сложно запоминаются и не дают пользователю понимания, какое содержимое отобразится на странице при переходе по ссылке;
• CTR (click-through rate — показатель кликабельности) у них ниже, чем у статических;
• в динамических URL не учитываются ключевые слова.

Форматы URL

Транслитерация

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

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

Латиница

Латинские URL представляют собой адреса, переведенные на английский язык. Например, вместо «/novosti/» в адресе будет значиться «/news/».

Такой формат УРЛ часто используется для обозначения веб-страниц категорий и рубрик. Этот вариант считается универсальным, так как легко воспринимается пользователями и без труда обрабатывается поисковыми роботами.

Кириллические URL

Такой формат URL чаще всего применяют в кириллических доменах или когда часть адреса не очень длинная.

К их преимуществам относятся:

• удобство и простота запоминания;
• достаточное количество свободных доменов из-за невысокой популярности кириллицы;
• возможность использования ключевых слов в УРЛ.

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

https://ru.wikipedia.org/wiki/%D0%97%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0

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

К минусам кириллических УРЛов можно отнести и трудность для восприятия зарубежными пользователями, привыкшими к латинским символам, а также сложности при чтении адресов этого формата поисковыми роботами (такие URL приходится переводить в понятный для робота вид).

Человекопонятные URL

Поисковые системы рекомендуют создавать дружественные адреса веб-страниц, по которым и пользователи, и поисковые роботы смогут судить, какая информация на этой странице находится. Например, по URL-адресу вида: www.yoursite.net/viewpage.php?page_id=23 понять это невозможно, а адрес www.yoursite.net/contact/ сразу дает представление о содержании страницы. Такие УРЛы называют человекопонятными (ЧПУ).

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

• ими легко делиться с другими людьми — можно не только переслать в сообщении, но и продиктовать устно;
• в такой URL можно вставить ключевые слова;
• ЧПУ легко запомнить, так как он вызывает простые и понятные ассоциации;
• они позволяют быстрее перемещаться по сайтам — вы можете удалить часть адреса с конца и сразу попасть в нужный раздел, что избавляет от поиска соответствующей ссылки на сайте.

При формировании ЧПУ на своем сайте следует придерживаться определенных правил:

• использовать транслитерацию в соответствии с приведенной ниже таблицей (с одним исключением — «ый» — транслитерируется как «iy»).

• пробелы, а также знаки препинания менять на дефис или нижнее подчеркивание, а два таких символа подряд заменять на один;
• удалять символ «-» в начале или в конце адреса;
• не использовать заглавные буквы, так как УРЛы чувствительны к регистру;
• стараться формировать короткие URL.

Рекомендации по созданию URL

• Правильно сформированный URL должен включать в себя ключевые слова, так как поисковые системы учитывают этот фактор при ранжировании. Однако не стоит злоупотреблять ими в УРЛ, чтобы поисковик не посчитал, что вы применяете спамные методы продвижения.
• Следует создавать максимально короткий URL, желательно не более 4-5 слов, а общая длина адреса не должна быть более 80 символов. Длинные ссылки не показываются в поисковой выдаче, адрес может обрезаться на середине.
• Чем дальше подраздел сайта или веб-страница находится от главной, тем длиннее будет URL конечной страницы. Поэтому иногда необходимо убирать из URL упоминания о категориях и рубриках.
• Латинские символы в URL более предпочтительны, чем символы кириллицы, так как такие сайты легче продвигать.
• Рекомендуется разделять слова в адресе веб-страницы символом дефиса «-», а не нижнего подчеркивания «_».
• Если вы хотите изменить адреса страниц, чтобы избежать их дублирования, вам обязательно нужно настроить 301 редирект.

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

Как сослаться на Интернет-ресурс

Содержание

(выберите и нажмите пункт для быстрого перехода)

• Оформление ссылок на интернет-ресурсы
• Внутритекстовые ссылки на веб-ресурсы
• Идентификатор цифрового объекта — DOI

Оформление ссылок на интернет-ресурсы

Ссылаться на Интернет-источники и электронные ресурсы можно и нужно, как уже не раз отмечалось на портале PhDRu. При этом ссылаться на Интернет-ресурсы необходимо в соответствии с государственным стандартом ― ГОСТом Р 7.0.5-2008 «БИБЛИОГРАФИЧЕСКАЯ ССЫЛКА: Общие требования и правила составления», который вступил в силу с 01.01.2009 года. Объектами составления библиографической ссылки в этом случае являются электронные ресурсы удалённого доступа. Ссылки составляют как на электронные ресурсы в целом (электронные документы, базы данных, порталы, сайты, веб-страницы, форумы и т. д.), так и на составные части электронных ресурсов (разделы и части электронных документов, порталов, сайтов, веб-страниц, публикации в электронных сериальных изданиях, сообщения на форумах и т. п.).

Для обозначения электронного адреса ресурсов удалённого доступа приводят примечание о режиме доступа. Допускается вместо слов «Режим доступа» (или их эквивалента на другом языке) использовать аббревиатуру «URL» (Uniform Resource Locator — унифицированный указатель ресурса). Для записей на электронные ресурсы допускается при наличии в тексте библиографических сведений, идентифицирующих электронный ресурс удалённого доступа, в подстрочной ссылке указывать только его электронный адрес. Информацию о протоколе доступа к сетевому ресурсу (ftp, http и т. п.) и его электронный адрес приводят в формате унифицированного указателя ресурса.

После электронного адреса в круглых скобках приводят сведения о дате обращения к электронному сетевому ресурсу: после слов «дата обращения» указывают число, месяц и год. При наличии сведений о дате последнего обновления или пересмотра сетевого документа, их указывают в ссылке, предваряя соответствующими словами «Дата обновления» («Дата пересмотра» и т. п.). Если по экранной титульной странице электронного ресурса удалённого доступа (сетевого ресурса) невозможно установить дату публикации или создания, то следует указывать самые ранние и самые поздние даты создания ресурса, которые удалось выявить. Сведения о системных требованиях приводят в тех случаях, когда для доступа к документу требуется специальное программное обеспечение (например, Adobe Acrobat Reader, PowerPoint и т. п.).

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

Пример оформления внутритекстовых ссылок на веб-ресурсы

(URL: http://www.bashedu.ru/encikl/title.htm)
(Российская книжная палата: [сайт]. URL: http://www.bookchamber.ru)
(Русское православие: [сайт]. URL: http://www.ortho-rus.ru/)
(Менеджмент в России и за рубежом. 2002. № 2. URL: http://www.cfin.ru/press/management/2002-2/12.shtml)
(Статистические показатели российского книгоиздания в 2006 г.: цифры и рейтинги. URL: http://bookchamber.ru/stat_2006.htm)

Пример оформления подстрочных ссылок на Интернет-ресурсы:

Первичная ⁵ Логинова Л. Г. Сущность результата дополнительного образования детей // Образование: исследовано в мире междунар. науч. пед. Интернет-журн. 21.10.03. URL: http://www.oim.ru/reader.asp?nomer=366 (дата обращения: 17.04.07).
Повторная ⁷ Логинова Л. Г. Указ. соч.
² Официальные периодические издания: электрон. путеводитель / Рос. нац. б ка, Центр правовой информации. [СПб.], 2005–2007. URL: http://www.nlr.ru/lawcenter/izd/index.html (дата обращения: 18.01.2007).
⁷ Список документов «Информационно-справочной системы архивной отрасли» (ИССАО) и ее приложения – «Информационной системы архивистов России» (ИСАР) // Консалтинговая группа «Термика»: [сайт]. URL: http://www.termika.ru/dou/progr/spisok24.html (дата обращения: 16.11.2007).
⁷ География : электрон. версия газ. 2001. № 15 (спец. вып.). URL: http://geo.1september.ru/article.php?ID=200101502 (дата обращения: 13.03.2006).
^I2 Ванюшин И. В. Методика измерения характеристики преобразования АЦП // Исследовано в России: электрон. многопредм. науч. журн. 2000. [Т. 3]. С. 263–272. URL: http://zhurnal.ape.relarn.ru/articles/2000/019.pdf (дата обращения: 06.05.2006).
² Дирина А. И. Право военнослужащих Российской Федерации на свободу ассоциаций // Военное право: сетевой журн. 2007. URL:
http://www.voennoepravo.ru/node/2149 (дата обращения: 19.09.2007).
¹⁰ Справочники по полупроводниковым приборам // [Персональная страница В. Р. Козака] / Ин-т ядер. физики. [Новосибирск, 2003]. URL: http://www.inp.nsk.su/%7Ekozak/start.htm (дата обращения: 13.03.06).
⁶ Галина Васильевна Старовойтова, 17.05.46 – 20.11.1998: [мемор. сайт] / cост. и ред. Т. Лиханова. [СПб., 2004]. URL: http://www.starovoitova.ru/rus/main.php (дата обращения: 22.01.2007).
² Жизнь прекрасна, жизнь трагична… [Электронный ресурс]: 1917 год в письмах А. В. Луначарского А. А. Луначарской / отв. сост. Л. Роговая; сост. Н. Антонова; Ин-т «Открытое о-во». М., 2001. URL: http://www.auditorium.ru/books/473/ (дата обращения: 17.04.2006).
⁸ Беглик А. Г. Обзор основных проектов зарубежных справочных служб: програм. обеспечение и технол. подходы // Использование Интернет-технологий в справочном обслуживании удаленных пользователей: материалы семинара-тренинга, 23-24 нояб. 2004 г. / Рос. нац. б-ка, Виртуал. справ. служба. СПб., 2004. Систем. требования: PowerPoint. URL: http://vss.nlr.ru/about/seminar.php (дата обращения: 13.03.2006).
⁵ Весь Богородский уезд: форум // Богородск – Ногинск. Богородское краеведение: сайт. Ногинск, 2006. URL: http://www.bogorodsk-noginsk.ru/forum/ (дата обращения: 20.02.2007).
⁴ Кремлева С. О. Сетевые сообщества // PORTALUS.RU: всерос. виртуал. энцикл. М., 2005. URL: http://www.library.by/portalus/modules/psychology (дата обращения: 11.11.2005).

Затекстовые ссылки и библиографическое описание веб-ресурсов отличается несколькими особенностями Согласно ГОСТУ 7.83-2001 «Межгосударственный стандарт СИБИД. электронные издания основные виды и выходные сведения» (введён с введения 07.01.2002 г.), если документ представлен в виде электронного ресурса, в качестве общего обозначения материала в библиографическом списке указывают его форму:

Библейские сюжеты [Электронный ресурс]: коллекция Эрмитажа
По щучьему велению [Электронный ресурс]: [рус. нар. сказка]

Сведениям, относящимся к заглавию, предшествует знак двоеточие:

Информатика [Электронный ресурс]: Интернет-учебник

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

Письма в Emissia Offline [Электронный ресурс]: электрон. науч.-пед. журн.
Бухгалтер предприятия [Электронный ресурс]: БП: практ. журн.

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

Вестник университета [Электронный ресурс] / Гос. ун-т упр.

Пример оформления затекстовых ссылок на веб-ресурсы и электронные источники в библиографическом списке:

78. Лэтчфорд Е. У. С Белой армией в Сибири [Электронный ресурс] // Восточный фронт армии адмирала А. В. Колчака: [сайт]. [2004]. URL: http://east-front.narod.ru/memo/latchford.htm (дата обращения: 23.08.2007).
25. Члиянц Г. Создание телевидения // QRZ.RU: сервер радиолюбителей России. 2004.
176. Паринов С. И., Ляпунов В. М., Пузырев Р. Л. Система Соционет как платформа для разработки научных информационных ресурсов и онлайновых сервисов // Электрон. б-ки. 2003. Т. 6, вып. 1. URL: http://www.elbib.ru/index.phtml?page=elbib/rus/journal/2003/part1/PLP/ (дата обращения: 25.11.2006).
65. Авилова Л. И. Развитие металлопроизводства в эпоху раннего металла (энеолит – поздний бронзовый век) [Электронный ресурс]: состояние проблемы и перспективы исследований // Вестн. РФФИ. 1997. № 2. URL: http://www.rfbr.ru/pics/22394ref/file.pdf (дата обращения: 19.09.2007).
53. Волков В. Ю., Волкова Л. М. Физическая культура: курс дистанц. обучения по ГСЭ 05 «Физ. Культура» / С.-Петерб. гос. политехн. ун-т, Межвуз. центр по физ. культуре. СПб., 2003. Доступ из локальной сети Фундамент. б ки СПбГПУ. Систем. требования: Power Point. URL: http://www.unilib.neva.ru/dl/local/407/oe/oe.ppt (дата обращения: 01.11.2003).
114. Экономический рост // Новая Россия: [библиогр. указ.] / сост.: Б. Берхина, О. Коковкина, С. Канн; Отд-ние ГПНТБ СО РАН. Новосибирск, [2003 – ]. Дата обновления: 6.03.2007. URL: http://www.prometeus.nsc.ru/biblio/newrus/egrowth.ssi (дата обращения: 22.03.2007).
46. Инвестиции останутся сырьевыми // PROGNOSIS.RU: ежедн. интернет-изд. 2006. 25 янв. URL: http://www.prognosis.ru/print.html?id=6464 (дата обращения: 19.03.2007).
9. Жилищное право: актуальные вопросы законодательства: электрон. журн. 2007. № 1. URL: http://www.gilpravo.ru (дата обращения: 20.08.2007).

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

Идентификатор цифрового объекта — DOI

Цифровой идентификатор объекта — digital object identifier, DOI, Digital Identifier of an Object — стандарт обозначения представленной в сети информации об объекте (обычно, но не обязательно, об электронном документе или цифровом объекте) ГОСТ Р ИСО 26324-2015. Информация, содержащаяся в DOI электронного документа, содержит указатель его местонахождения (например, URL), его имя (название), прочие идентификаторы объекта (например, ISBN для электронного образа книги) и ассоциированный с объектом набор описывающих его данных (метаданных) в структурированном и расширяемом виде. Также существуют цифровые «DOI-копии» документов, которые нигде ранее не публиковались и были изначально в цифровом виде.

DOI принят в англоязычной научной cреде для обмена данными между учёными. По сути, DOI — это путь к документу в общем информационно-виртуальном пространстве (как правило, в Интернете), для получения необходимой информации https://www.doi.org

Цифровой идентификатор объекта представляет собой уникальную строку букв и цифр, состоящую из двух частей: префикс и суффикс. Например, 10.1000/182,
где
10.1000 — префикс, или идентификатор издателя, составленный из признака идентификатора (10) и строки, указывающей на издателя (1000);
182 — суффикс, идентификатор объекта, указывающий на конкретный объект.

Префиксы издателей распределяются регистрационными агентствами (DOI Registration Agency), такими как CrossRef https://www.crossref.org/guestquery/ и DataCite https://www.datacite.org Суффикс формируется издателем, и должен быть уникальным у данного издателя. Цифровой идентификатор объекта может объединить существующие идентификаторы, такие как ISBN, International Standard Serial Number или SICI. Цифровой идентификатор объекта регистронезависим.

Дата последнего изменения: 24 ноября, 2022 в 18:03

Вместе с этим читают:
• «Цитирование Википедии в научно-квалификационных работах
• Ссылка на электронный ресурс
• Он-лайн библиотеки

просмотров: 246868  

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

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

<a href="https://wm-school.ru/">Перейти на сайт wm-school</a>

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

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

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

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

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

<a href="https://wm-school.ru/file.html"></a>
<a href="http://www.wm-school.ru/file.html"></a>

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

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

<a href="https://wm-school.ru/">Перейти на сайт wm-school</a>

В данном примере ссылка вида <a href=»https://wm-school.ru»>Перейти на сайт wm-school</a> является абсолютной и ведет на главную страницу сайта 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, то ссылка будет такой:

<a href="default.html">Текст ссылки</a>

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

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

<a href="wild/message.html">Текст ссылки</a>

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

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

<a href="../index.html">Текст ссылки</a>

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

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

<a href="../../index.html">Текст ссылки</a>

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

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

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

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

<a href="mailto:webmaster-n@yandex.ru">Сообщение по электронной почте</a>

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

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

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

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

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

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

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

<a href="../../index.html" target="_blank">Посетите главную страницу нашего сайта!</a>
<p>Если вы установите значение атрибута target как "_blank",
 то ссылка откроется в новом окне или в новой вкладке.</p>

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

<a href="../../index.html" target="_window">Посетите главную страницу нашего сайта!</a>
<a href="../../html/default.html" target="_window">Учите HTML</a>
<p>Если вы установите значение атрибута target для всех ссылок как "_window",
 то ссылки откроются в новом окне с именем window.</p>

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

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

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

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

<a href="../../html/html_meta_tags.html" target="_blank" title="Статья о мета-тегах">Сайт wm-school</a>
<p>Подсказка отображается, когда курсор мыши задерживается на ссылке.</p>

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

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

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

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

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

<h2 id="absolut">Абсолютный URL-адрес</h2>

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

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

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

<a href="#absolut">Перейти к «Абсолютный URL-адрес»</a>

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

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

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

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

<а href="animals.html#elephant">Перейти к слонам на другой странице</a>

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

<а href="http://worldanimals.com/nature.html#hippo">Перейти к бегемотам на другом сайте</a>

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

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

<a href="../../html/html_code_elements.html">Перейти к тегу kbd на другой странице</a>
<а  href="http://worldanimals.com/nature.html#hippo">Перейти к бегемотам на другом сайте</a>

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

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

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

<a href="html_images.html" target="_blank"><img src="smiley.gif" alt="Изображения"></a>

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

Задачи