+7(499)-938-42-58 Москва
+7(800)-333-37-98 Горячая линия

Как правильно оформить ссылки на сайте?

Содержание

Как правильно оформить ссылку в статье? – Копирайт

Как правильно оформить ссылки на сайте?

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

Дочитав статью до конца, вы узнаете:

Чтобы разобраться детальнее в этих вопросах, начнем с самого простого.

Что такое ссылка и зачем она нужна?

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

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

Все ссылки бывают:

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

Кроме того, ссылки делят на анкорные и безанкорные. О них мы и поговорим детальнее.

Анкоры ссылок — важные моменты

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

На примере это выглядит: Агентство интернет-маркетинга «Textum» предлагает написание SEO-статей для бизнеса.  

Так видят ссылку пользователи. На самом деле здесь написано: Агентство интернет-маркетинга  Textum предлагает написание SEO-статей для бизнеса.

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

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

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

Ссылку, вписанную с ошибкой, называют «битая». Она вводит в заблуждение посетителей и снижает посещаемость сайта с размещенной статьей. Каким образом? Просто выбивает вместо ожидаемой страницы предупреждение о недостижимом ресурсе.

Анкоры делятся на:

 Разбавленные. Кроме ключевого запроса, ссылка содержит дополнительный текст. Например, «что такое работа копирайтера».

 Неразбавленные. Это точное вхождение ключевых слов в текст ссылки. К примеру: «работа копирайтера», «копирайтер».

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

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

  • «нажмите здесь»;
  • «кликните сюда»;
  • «рассказано тут» и т.д.

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

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

Как сделать анкорную ссылку?

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

Есть несколько вариантов, как ставить анкорные ссылки, если прописывать их придется самостоятельно.

Пробежимся коротко по 2 основным способам:

  1. Обычная анкорная ссылка, которая открывает информацию в том же окне. Я ее указывала выше, поэтому, просто повторюсь.

 Textum

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

 Textum

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

Ссылки и перелинковка: какая между ними связь?

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

Различают перелинковку:

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

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

Делаем ссылки активными

Если вы пишите тексты сразу в Google-документе, решение вопроса как сделать ссылку активной займет всего пару секунд. Рассмотрим процесс пошагово:

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

Все, анкорная ссылка внутри текста готова. Если вы создаете свои статьи сначала в Ворде — это тоже не проблема. Как сделать ссылку по тексту, показано на примере ниже.

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

  • копируем адрес страницы, на которую будет переходить ссылка;
  • выбираем в меню Ворда вкладку «Вставка» — «Гиперссылка»;
  • вводим адрес в специальное окошко;
  • нажимаем «Ок» и появляются ссылки в тексте.

Источник: https://textum.com.ua/blog/kak-pravilno-oformit-ssylku-v-state/

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

Как правильно оформить ссылки на сайте?

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

1. Как оформить ссылку на сайте: разные мнения
2. Как вставить ссылку в текст: распространенная ошибка
3. Оформление ссылок: решения ведущих веб-студий рунета
4. Как сделать ссылку на сайте: мнение пользователей
5. Как вставить ссылку: решение проблем

Вот несколько вопросов, на которые чаще всего пытаются найти ответы, когда начинается верстка сайта:

  1. Обычная ссылка, открывающая другую страницу: как её подчеркивать?
  2. Как нужно подчеркнуть якорные ссылки?
  3. Какое оформление ссылок нужно использовать, если при наведении на них появляется подсказка?
  4. Как оформляются ссылки, открывающие страницу в новой вкладке?

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

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

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

Другие, ссылку в тексте с подсказкой в учет все же принимают и утверждают следующее:

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

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

Как вставить ссылку в текст: распространенная ошибка

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

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

Оформление ссылок: решения ведущих веб-студий рунета

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

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

Примечание
Уважаемые читатели! Для представителей малого и среднего бизнеса в области торговли и услуг мы разработали специальную программу “Бизнес.Ру”, которая позволяет вести полноценный складской учет, торговый учет, финансовый учет, а также имеет встроенную CRM систему. Имеются как бесплатный, так и платные тарифы. Подробнее о программе >>

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

Как сделать ссылку на сайте: мнение пользователей

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

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

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

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

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

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

Лучшее решение:

  • сплошное подчеркивание для стандартных ссылок;
  • пунктир для ссылок-якорей;
  • точечное для ссылок с подсказками.

Как продвигать в инстаграме магазин
Продвижение в : как привлечь клиентов в магазин?
Обучение продавцов: как слушать клиента

Источник: https://www.business.ru/article/98-oformlenie-ssyloktochki-sploshnaya-liniya-ili-punktir

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

Как правильно оформить ссылки на сайте?

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

Оформление ссылок и юзабилити

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

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

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

А вот слишком яркие цвета будут только отвлекать от основной информации и испортят внешний вид текста в целом:

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

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

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

Пример использования похожих цветов:

И ещё 6 дополнительных советов:

  1. Используйте для ссылок тот же размер шрифта, что и для основного текста, чтобы текст легче воспринимался.
  2. Не стоит добавлять для ссылок дополнительные эффекты при наведении курсора – их не видно с мобильных устройств.
  3. Не размещайте ссылки слишком близко друг к другу, используйте отступы и знаки препинания между ними. Или переформулируйте основной текст.
  4. Не добавляйте в текст слишком много ссылок. Такой текст сложнее читать, к тому же есть риск попасть под фильтры поисковых систем.
  5. Ссылки на сторонние ресурсы открывайте в новой вкладке, чтобы не уводить посетителей с сайта.
  6. Не выделяйте некликабельный текст синим цветом или подчеркиванием, чтобы не дезориентировать пользователей.

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

Внутренняя перелинковка

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

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

Еще к автоматической перелинковке можно отнести хлебные крошки:

И карту сайта. Например, у нас на сайте она находится в подвале:

От правильной перелинковки во многом зависит скорость индексации ресурса и его продвижение в целом.

Подробнее о схемах перелинковки и способах реализации мы писали тут.

Внешние ссылки

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

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

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

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

Если ради заработка на бирже – почитайте про АГС и подумайте два раза, а надо ли; если ссылка рекламная – закройте ее от индексации, так будет безопаснее всего. Если просто хотите поделиться годным контентом – то ОК, ссылка будет естественной, и вроде как бояться нечего.

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

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

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

Виды ссылок: с анкором и без

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

В ссылках такого типа в качестве анкора чаще всего используются:

  • конкретный url страницы;
  • название компании, бренда;
  • указательные слова: там, здесь, тут, по ссылке.

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

«В прошлом году купил тут отличный велосипед»

«Бесплатную запись курса вы можете скачать по ссылке»

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

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

«В нашем городе есть магазин с хорошими велосипедами»

«Запчасти для ноутбуков с доставкой по всему городу в компании Ноутбукич»

При оформлении таких ссылок не стоит забывать о морфологии и грамматике, варианты вроде «Заказать пластиковые окна Сочи» совершенно неприемлемы – это спам.

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

Что делать, если ссылку поставить надо, а пользы она не несет? Такие ссылки закрываем от индексации.

Закрытие внешних ссылок от индексации

Давайте уточним, какие же ссылки стоит закрывать:

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

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

Для скрытия текстовой информации от индексации в Яндексе используется тег

Наш текст Анкор

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

Для закрытия же ссылок не забываем про атрибут rel=”nofollow” внутри самой ссылки.

Хороший сайт

Атрибут запрещает роботам поисковых систем переходить по ссылке, однако есть и исключение. Как указано в справке Google:

Как правило, переход не производится. Это означает, что по этим ссылкам Google не передает ни PageRank, ни текст ссылки. Благодаря nofollow ссылки не попадают в нашу «схему» Сети. Однако соответствующие целевые страницы все равно могут быть включены в индекс Google, если другие сайты ссылаются на них без использования nofollow или если их URL предоставлены Google с помощью файла Sitemap.

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

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

Выводы

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

Источник: https://1ps.ru/articles/doc/0610094718466/

Юзабилити ссылок: правила оформления

Как правильно оформить ссылки на сайте?
«Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер.
Важно, чтобы пользователь мог на глаз различить, что есть ссылка на сайте, а что нет.

Это улучшает понимание страницы, повышает доверие и упрощает пользовательский опыт»

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

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

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

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

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

Если вы хотите, чтобы пользователи кликали по ссылкам, покажите им эту возможность.

Якоб Нильсен: рекомендации по юзабилити ссылок из 2004 года

Хотя этот чек-лист рекомендаций был составлен и опубликован Якобом Нильсеном в 2004 году, многие все еще актуальны для современных сайтов и приложений.

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

Зачем использовать подчеркивание? Пользователи с нарушенным восприятием цветов или с плохим зрением не смогут отличить текст, выделенный цветом.

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

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

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

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

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

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

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

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

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

Не стоит использовать дополнительное визуальное оформление ссылки при наведение курсора мышки.

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

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

Клик это касание. Это одно действие.

Мобильный UX: 25 рекомендаций Google

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

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

3 рекомендации Baymard Institute по юзабилити ссылок

Эксперты Baymard Institute утверждают, что ссылки определяют, как пользователь перемещается по сайту. А правил юзабилити ссылок всего 3.

1. Подчеркивание ссылок

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

Аргумент. Сегодня нет необходимости подчеркивать ссылки. Большая часть активной интернет-аудитории — это молодое поколение, которое понятие не имеет, как выглядела традиционная ссылка на заре интернета.

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

2. Цвет текста ссылки

И снова синий рекомендован. Хотя вебмастер не ограничен в выборе цвета для ссылки.

Синий цвет уже привычно воспринимается пользователями в качестве сигнала кликабельности элемента. Используя другой цвет для ссылок, вы рискуете ввести пользователя в заблуждение. Ему понадобится время, чтобы определить, что на сайте — ссылка, а что нет. Это повышает стоимость взаимодействия.

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

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

3. Оформление ссылок в едином стиле

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

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

Рекомендации GetGoodRank по юзабилити ссылок

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

Какие ссылки негативно влияют на доверие пользователей?

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

Источник: http://blog.getgoodrank.ru/yuzabiliti-ssylok-pravila-oformleniya/

Ссылки на источники в научной статье. Примеры и правила оформления

Как правильно оформить ссылки на сайте?

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

Экспресс курс по ссылкам на источники

Научные статьи в 90% случаев оформляются одинаково. При оформлении ссылок вам достаточно знать следующее:

  1. Ссылки вставляются прямо в тексте научной работы в виде [1, C. 2] или просто [1]. Сами ссылки должны вести на список использованных источников, первая цифра – порядковый номер, вторая – страница местонахождения цитируемой информации
  2. Список источников оформляется в алфавитном порядке в конце научной статьи.

Посмотрите пример оформления источников в научной статье.

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

Правила составления библиографических ссылок распространяющиеся на оформление цитирования интернет-источников, ссылок на кинофильмы, а также в случае специфичных текстов, как диссертация, манускрипты. Основные правила оформления ссылок на источники указаны в ГОСТ Р 7.0.5-2008.

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

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

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

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

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

Типы библиографических ссылок

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

  • внутритекстовая;
  • подстрочная;
  • затекcтовая.

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

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

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

При оформлении всех этих типов ссылок нужно соблюдать следующие правила:

  • внутритекстовая ссылка всегда должна находиться в круглых скобках (1, С. 2) или квадрантных скобках [1, С. 2], а ее местоположение в работе находится сразу после упоминания объекта ссылки. Вся информация, которую вы приводите, не должна повторяться в ссылке;
  • подстрочная ссылка делается в виде примечания. В ней необходимо указать лишь сведения об идентифицирующем источнике и то, когда в статье имеются сведения о составной части;
  • каждая затекстовая ссылка оформляется исключительно в конце текста и как список с нумерацией. Нужно перечислить о произведении, которое вы приводите в документе. Повтор тут допустим;
  • повторная ссылка должна быть сокращенной и информационной, чтобы найти и идентифицировать источник, можно было просто;
  • когда вы последовательно располагаете ссылки на иные документы, то можно в повторную ссылку после знака «//» вписать слова «Там же», а не писать идентифицирующий портал снова;
  • комбинируемые ссылки нужны, когда вы пожелаете показать странички цитируемых работ вместе с совместными номерами остальных источников.

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

Внимание! Тип ссылок зависит от требований кафедры или научного издания, где будет опубликована ваша научная статья. Следует помнить: НЕЛЬЗЯ использовать многообразные типы ссылок в единой работе.

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

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

Вы когда цитируете текст не по первому источнику, а по какому-то прочей публикации или же статье, то нужно делать ссылку с таких слов, как: «Цитируется по»; «Цитируется по книге».

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

Не редко нужно подчеркнуть то, что приведенный вами источник, на который делаете ссылку – это не один их множества, где вы подтверждаете основной текст. Тут можно использовать слова: «Смотрите например»; «Смотрите в частности».

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

Примеры библиографических ссылок

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

Внутритекстовые ссылки

Внутритекстовые ссылки делаются в строке после текста, к которому причитается. Такой тип ссылки охватывают скобки.

Ссылка может указать на навесь источник целиков:

Пример. «Значительную заинтересованность среди американцев вызвала статья А. Пауэла “Падая в пропасть” (Pоwell A Fаlling fоr the Gap // Rеason. 1999. N. 11, Nоv. P. 36-47.), где он довольно детально изложил суть вопроса информационного неравенства».

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

Пример. «Наиболее удачным, с точки зрения автора, является определение научного коллектива Института формирования информационной сферы, в каком под “цифровым неравенством” понимается “новый вид социальной дифференциации, изливающийся из разного потенциала употребления новейших информационных и телекоммуникационных технологий” (5, с. 43)».

Подстрочная ссылка

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

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

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

Пример. «Jаnssens D. (2006) Hаbeas Cоrpus?: Pierre Mаnent and the Politics of Europe // Europеаn Jоurnal of Pоlitical Theоry. 2006. № 5. P. 171-190».

Однако когда нужно сделать ссылку на парочку источников, то стоит их указать по порядку и через (;).

Пример. «См.: Арендт Х. Лекции по политической философии Канта. СПб.: Наука, 2012; Mаrchart O. Die Pоlitische Diffеrenz. Berlin: Suhrkаmp Verlаg, 2010».

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

Во время цитирования перед этим и ссылка не выдерживается как примечание.

Пример. «Указ. соч. С. 34».

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

Пример. «Мaмин-Сибиряк. Указ. соч. С. 34».

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

Пример. «Thоrnton  Sarаh.Club Culturеs: Мusic, Media, and Subculturаl Capital. Wеsleyan Univеrsity Prеss, 1996. – далее вам нужно указать страницы по книге».

Затекстовые ссылки

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

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

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

Пример (в документе). «Изучением данного вопроса занимались такие ученые, как А. И. Пригoжин [25, С. 121], Л. Я. Кoлалс [26, С. 213], Ю. Н. Фрoлов [27, С. 453] и многие другие».

Пример (в затекстовой ссылке).

25. Пригoжин, А. И. Инноваторы как социальная категория // Методы активизации инновационных процессов. М., 1998. С. 4-12.

26. Колалс, Л. Я. Социальный механизм инновационных процессов. Новосибирск, 1989. 215 с.

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

Как делать ссылки на электронные источники?

В связи с развитием компьютерных технологий электронные публикации стали неотъемной частью библиографических списков и ссылок. В июле 2002 был зарегистрирован в РФ новый ГОСТ 7.

82-2001, дающий все нормы и требования для написания электронных изданий, сайтов всемирной сети. Этот ГОСТ показывает, как именно нужно оформлять б/с вплоть до источников локального и удаленного доступа.

Это диски, дискеты и заканчивая базами данных.

Согласно этому постановлению теперь есть вот такая очередность библиографического описания:

  • главное заглавие [Совместное обозначение материала]: / сведения об ответственности;
  • информация о публикации / информация, об ответственности, относящиеся к публикации, вспомогательные знания об издании;
  • обозначение вида сайта (объем);
  • характерное обозначение материала и количество физических единиц: прочие физические характеристики; размер + сведения о препроводительном материале;
  • примечание;
  • типовой номер = Основное заглавие: соглашение доступности и стоимость.

Как описывать Интернет-источники?

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

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

Пример. «Хитров А. (2011) Оптимистический интернет-телеканал «Дoждь» [Беседа с главным редактором телеканала М. Зыгaрем] // Digitаl Icоns. Vol. 6 (http://www.digitalicons.org/issue06/files/2012/01/6.6_Khitrov.pdf)

(Ссылка на источник в тексте: Хитров, 2011.)»

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

Пример.  «SlоterdijksPiter. (2007) Theоrie des Fundamentаlismus [видеозапись лекции П. Слотердайка] // . 28 января (http://www..com/watch?v=i9BOYVE46Nw&feature=related).

(Ссылка на источник в тексте: Slоterdijks, 2007.)».

Однако, если нашли источник информации в социальных сетях «Fаcebook» и «Twittеr», «ВКонтакте», то следует показать имя автора, дату опубликации и гиперссылку в скобках, но если запись была взята из «Заметок» сетей, то об этот также нужно указать.

Пример. «Новиков Вадим. (2012) Запись в : 22 февраля в 15:05 (http://www..com/profile.php?id=1370590051)».

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

Источник: https://NauchnieStati.ru/blog/ssylki-na-istochniki/

Поделиться:
Нет комментариев

    Добавить комментарий

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.