Ссылка на сайт как оформить: Оформление библиографических ссылок на электронные ресурсы и публикации

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<noindex>Наш текст <a href=”url”>Анкор</a></noindex>

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

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

<a href=”http://yandex.ru” rel=”nofollow”>Хороший сайт</a>

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

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

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

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

Выводы

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

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

Способ оформления ссылок на сайте

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

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

Именно с помощью ссылок шутники-оптимизаторы некоторое время назад добились того, что по запросу «геморрой» в Яндексе первым выдавался сайт Microsoft. Это наглядно показало, сколь мощное воздействие оказывают ссылки на положение сайта в рейтинге поисковых машин.

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

1. Ссылка состоит из «голого» URL сайта. Например: Баннерная сеть: http://www.rle.ru/

2. Ссылка сделана в виде текста, содержащего ключевое словосочетание, характерное для страницы-адресата. Например: Баннерная сеть

По сути, обе ссылки предлагают одно и то же. Пользователь, кликнув на любую из них, попадет на ресурс site-optimization.ru. Однако если подходить к ссылкам с точки зрения оптимизации сайта для Яндекса, то между этими двумя вариантами обнаружатся серьезные различия. Что же дает нам тот или иной способ оформления ссылки? Давайте разберемся.

Какая ссылка важнее?

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

«Вес» ссылки, в свою очередь, определяется исходя из собственного ИЦ ссылающегося на вас сайта — чем больше ИЦ, тем больше «вес» размещенной на нем ссылки. Ссылки с авторитетных ресурсов значительно полезнее. Кроме того, Яндекс определяет и тематическую схожесть сайтов. Если она совпадает, ссылка прибавляет в «весе».

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

Но, как мы уже отметили, ссылки с различным оформлением приносят различные плоды. В чем же отличия?

Вариант 1. В авторитете у Яндекса.

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

Вариант 2. Вперед, в лидеры выдачи.

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

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

Ссылки всякие важны, ссылки всякие нужны.

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

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

Задать вопрос

Ещё статьи о SEO

• • Способ оформления ссылок на сайте

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

  • Ключевые слова

    Разработка и продвижение сайта подразумевает поток/ручеек посетителей в будущем. И чем их будет больше, тем успешнее ваш сайт (я думаю, что это понимает каждый и без напоминания с моей стороны). То есть количество посетителей – это один из ключевых показателей, что ваш ресурс (или…

  • Нюансы работы с Google Adwords

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

  • Цель – оптимизация сайта

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

  • Двадцать шесть способов получения качественного трафика на ваш са…

    Сентябрь 1999 года. Бред Табке пишет свои “26 шагов к достижению высокого трафика для сайта” в Мировом Форуме веб-мастеров. Статья имела очень много полезной информации для оптимизаторов сайтов. Однако много изменилось с тех пор, и…

  • Продвижение сайта в интернете

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

Используйте s в вашем документе

Используйте

в вашем документе

Элемент LINK

HTML и XHTML имеют механизм, который дает возможность веб-авторам добавлять внешнюю информацию, относящуюся к HTML-документу. Этими внешними ресурсами могут быть информация о стилях (CSS), справка по навигации, информация в другой форме (RSS), контактная информация и т. д.

Элемент LINK ( ) используется для добавления этой информации в заголовок вашего документа в Элемент ГОЛОВКИ .

Примеры

Давайте рассмотрим практический пример на одной странице астрономического веб-сайта. Страница о планете Земля в разделе, который описывает солнечную систему.

 dtd">

<голова>

 

Классическое начало HTML-документа.

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

• Начало указывает начальную точку раздела
• Prev дает предыдущий пункт, здесь планета Венера
• Next дает следующий предмет, здесь планета Марс

Содержание указывает на индекс раздела

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

<ссылка отн = "альтернативный"
      тип = "приложение/rss+xml"
      заголовок = "RSS"
      href="/updates. rdf" />
 

Позволяет читателям RSS найти ленту обновлений веб-сайта. Обратите внимание , что на момент написания этой статьи mime-тип application/rss+xml все еще является черновиком « The application/rss+xml Media Type » и еще не принят IETF.

 <ссылка отн = "мета"
      тип = "приложение/rdf+xml"
      название = "FOAF"
      href="http://astro.example.org/foaf.xrdf" />
 

Это дает возможность читателям FOAF найти метаданные в документе. Это может быть автор. Обратите внимание, , что на момент написания этой статьи MIME-тип application/rdf+xml еще не принят IETF, и после последнего предложения над ним не велось никакой дальнейшей работы.

Способ связаться с автором веб-сайта

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

<ссылка отн = "альтернативный"
      href="/солнечная система/земля.fr"
      hreflang="fr"
      title="Французский перевод" />
 

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

<тело>
.... Здесь остальная часть страницы.
 

Закрывает раздел заголовка и открывает раздел тела.

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

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

• HTML 4.01: Описание элемента LINK (семантика элемента такая же, как и в XHTML 1.0)
• HTML 3.2: элемент LINK
• Описание типов ссылок
• Погрузитесь в доступность: предоставьте дополнительные средства навигации

О «Советах по контролю качества»

Советы по контролю качества W3C — это краткие документы, поясняющие полезные кусочки знаний для веб-разработчиков или дизайнеров, размещенные и произведенные службой обеспечения качества Группа по интересам в W3C.

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

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

Copyright © 1994-2006 W3C® (МТИ, ЭРЦИМ, Кейо), Все права защищены. ответственность W3C, товарный знак, использование документа и лицензирование ПО применяются правила. Ваше взаимодействие с этим сайтом соответствует с нашей публикой и Конфиденциальность участников заявления.

Ссылка на веб-страницу, электронную почту, номер телефона или страницу в Pages на Mac

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

• Переходит к закладке (в текстовом документе) или другой странице (в документе макета страницы)

• Открывает веб-сайт или сообщение электронной почты

• Звонит на номер телефона

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

Добавить ссылку

1. Удерживая нажатой клавишу Control, щелкните объект, текстовое поле или выделенный текст, который вы хотите превратить в ссылку, выберите «Добавить ссылку», затем выберите пункт назначения (веб-страница, электронная почта, номер телефона, страница или закладка) .

2. Укажите сведения о пункте назначения:

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

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

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

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

   • Закладка: Переход к тексту, который вы добавили в закладки. Щелкните закладку, на которую хотите создать ссылку. В поле Показать введите текст, который вы хотите, чтобы читатели видели.

3. Чтобы проверить место назначения, нажмите кнопку «Открыть ссылку», «Создать электронное письмо», «Позвонить», «Перейти на страницу» или «Перейти в закладку»; в противном случае щелкните страницу, чтобы закрыть редактор ссылок.

Связанный текст подчеркнут, а кнопка ссылки (выглядит как изогнутая стрелка) появляется рядом со связанными объектами.

Редактирование или удаление ссылки

1. Щелкните связанный текст или кнопку ссылки на связанном объекте или дважды щелкните ссылку в ячейке таблицы.

2. В редакторе ссылок нажмите Редактировать.

3. Внесите изменения или нажмите «Удалить».

   При удалении ссылки текст ссылки сохраняется, но форматирование ссылки удаляется, и ссылка становится неактивной.

4. Когда вы закончите, щелкните страницу, чтобы закрыть редактор ссылок.

Включение и отключение автоматического форматирования URL-адресов, адресов электронной почты и номеров телефонов

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

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

1. Выберите «Страницы» > «Настройки» (меню «Страницы» расположено у верхнего края экрана).

2. Нажмите Автокоррекция в верхней части окна настроек.

3. В разделе «Форматирование» выполните одно из следующих действий:

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