Как выглядит ссылка

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

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

Цель не в том, чтобы выглядеть естественно, а в том, чтобы быть естественным! Мэтт Каттс.

Итак, какие же основные признаки естественной ссылки?


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

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

2. Видна для пользователя на странице

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

3. Расположена в контентной части (не в сквозных блоках)

Ссылки для людей чаще размещают в контентной части сайта.

4. Часто содержит в тексте просто адрес страницы или повторяет title той страницы, на которую ссылается

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

5. Иногда закрыта в nofollow

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

6. Иногда имеет вид картинки-баннера


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

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

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

8. Заголовок и текст страницы, на которой расположена ссылка, пересекаются с текстом на странице, куда ведет эта ссылка

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

9. На страницу с расположенной ссылкой ссылаются другие ресурсы

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

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

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

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

devaka.ru


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

Скопировать адрес страницы, заложенный в ссылке, можно несколькими способами:

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

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

  1. Сделать переход по ссылке,
    • выделить адрес открывшейся страницы в адресной строке браузера, нажать на правую клавишу мышки, в появившемся контекстном меню выбрать пункт «Копировать».
    • выделить адрес открывшейся страницы в адресной строке браузера, нажать комбинацию клавиш клавиатуры Ctrl+C.
    • на сенсорных устройствах (смартфон, планшет) долго не шевеля удерживать палец на экране над адресной строкой, пока не появятся ползунки и весь URL не будет выделен (в случае необходимости, ползунки можно раздвинуть на необходимое расстояние), в появившейся панели нажать кнопку «Копировать».

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

Менее востребовано: Как скопировать код ссылки

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

http://shpargalkablog.ru/p/authors.html

Открыть страницу с указанным неактивным адресом можно несколькими способами:

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

  1. Выделить этот участок текста, нажать на правую клавишу мышки, в появившемся контекстном меню выбрать пункт «Копировать» (cм. пункт «Копировать» на Рис.5), выделить или удалить адрес страницы в адресной строке браузера, нажать на правую клавишу мышки, в появившемся контекстном меню выбрать пункт «Вставить» (cм. пункт «Вставить» на Рис.4).
  2. Выделить этот участок текста, нажать комбинацию клавиш клавиатуры Ctrl+C, выделить или удалить адрес страницы в адресной строке браузера, нажать комбинацию клавиш клавиатуры Ctrl+V.
  3. На сенсорных устройствах (смартфон, планшет) процедура требует определённой ловкости. Нужно нажать на этот участок текста и долго без движения держать палец на экране, пока не появятся ползунки. Их можно раздвинуть на необходимое расстояние. Далее следует нажать в появившейся панели кнопку «Копировать». Затем долго жать на адрес в адресной строке браузера, после того, как весь адрес будет выделен, щёлкнуть в появившейся панели кнопку «Вставить».
  4. Ввести этот участок текста в адресную строку браузера используя клавиатуру, можно без протокола http:// (или https://).

«Скинуть ссылку» означает, что нужно отправить адрес интересующей страницы приятелю в SMS или в электронном письме (email) или в сообщении социальной сети и т.п. Например,

— Скинь ссылку на адрес страницы ВКонтакте. Жду. — Держи, http://vk.com/shpargalkablog

Для того, чтобы сослаться (поставить ссылку) на страницу, где размещена необходимая информация, достаточно указать её адрес. Например:

http://shpargalkablog.ru/p/authors.html

В социальных сетях URL станет кликабельной ссылкой. Здесь ссылки можно делать словом, если те не выходят за пределы соц.сети:

ВКонтакте

*shpargalkablog (тут)

Полный адрес выглядит как http://vk.com/shpargalkablog. Часть http://vk.com/ заменить на звёздочку (*). Потом добавить пробел, после которого в скобках написать текст ссылки. Как сделать ссылку ВКонтакте

Facebook

@Наталья Митрофанова

После символа @ добавить ФИО, название группы или название страницы компании.

Twitter

@shpargalkablog

Полный адрес выглядит как https://twitter.com/shpargalkablog. Часть https://twitter.com/ заменить на @.

Гугл+

+Наталья Митрофанова

После плюса (+) добавить ФИО или название страницы компании. Как сделать ссылку в Google+

Все вышеназванные социальные сети

#слово_без_пробелов

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

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

Чтобы вставить кликабельную ссылку в Word, нужно также выделить элемент, нажать на правую клавишу мышки, в появившемся контекстном меню выбрать пункт «Гиперссылка», в открывшемся окне в поле «Адрес» ввести URL. Как вставить ссылку в Ворде
Куда вставить URL в Word

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

shpargalkablog.ru

Обычная ссылка и гиперссылка

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

Попробуйте кликнуть на ссылку. Как видите, это простой текст и при нажатии на него, перехода на другую страницу не происходит.

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

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

>>Кликните сюда


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

Ссылка создается простым тегом <a>, внутри которого имеется сам адрес, куда нужно произвести перенаправление пользователя, а также анкор ссылки (в примере выше анкором служит фраза «кликните сюда»), который указывает текст линка, поясняющий, что вы получите, когда перейдете по данному адресу.

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

«>

Внутри ссылочного тега <a> также имеется атрибут для открытия страницы в новой вкладке.


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

Если же вы используете внешние ссылки, то желательно закрывать их в атрибут nofollow.

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

«>

Желательно добавлять тег title, чтобы посетители видели эту подсказку при наведении и понимали, куда переходят. Делается это просто, внутри открывающего тега <a>, как на примере ниже.

При использовании движка, например WordPress, добавление ссылки на сайт происходит очень просто без каких либо правок в html режиме. В редакторе записи имеется специальная иконка со значком соединения.

«>

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

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

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

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

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

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

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

Ссылка картинка

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

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

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

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

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

Как видим, внутри открывающего и закрывающего ссылочных тегов имеется код изображения, который также имеет свои особенности. В нем нужно прописать все тот же тег title, указать путь к изображению на хостинге или на другом ресурсе. Также стоит указать размеры изображения (width — ширина, height — высота). И обязательно стоит прописывать атрибут alt, который служит описанием к изображению. Если все пропишите, то оптимизация изображений будет на уровне.

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

«>

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

kostyakhmelev.ru

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

Для популярных сервисов bit.ly и goo.gl есть простой лайфхак: надо добавить значок + к ссылке и откроется системная страница этих сервисов с данными о том, какая ссылка там зашифрована. Однако, это не идеальное решение, т.к. эта ссылка может в свою очередь перенаправлять вас куда-то дальше.

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

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

На главной странице Unfurlr находится поле для ввода. Вставляем сюда короткую ссылку и нажимаем Check It.

Unfurlr

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

Unfurlr check shorten url
Естественно, все операции по выведению ссылки на чистую воду выполняются на стороне сервиса, и пользователь абсолютно ничем не рискует. В качестве дополнительной опции можно выбрать User-agent, которым сервис должен притвориться при проверке вашей ссылки.

Unfurlr

lifehacker.ru

Что такое ссылка?

Гиперссылки появились вместе с созданием интернета, а именно глобальной паутины (всемирной сети), которая является его составляющей частью. Всю атрибутику современного интернета фактически придумал один человек — Тим Бернерс-Ли:

Как выглядит ссылка

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

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

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

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

Как выглядит ссылка

Или так:

Как выглядит ссылка

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

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

Однако, еще остался не раскрыт вопрос: как сделать ссылку и какие они бывают? Давайте посмотрим. Если у вас имеется свой сайт, то наверняка он создан на каком-то платном или бесплатном движке (CMS), и в этом движке наверняка для добавления на сайт текста используется визуальный редактор. Ну, а там обязательно будет кнопка для того, чтобы добавить ссылку.

Например, если ваш сайт работает на движке WordPress, то даже без активации визуального редактора у вас будет кнопка для создания гиперссылки (она называется Link). Как ее использовать? Очень просто. Выделяете те слова (одно или несколько), которые хотите сделать гиперссылкой, мышью и кликаете по этой кнопке:

Как выглядит ссылка

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

Как выглядит ссылка

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

Как выглядит ссылка

Что это за символы? А это ничто иное как теги (точнее Html теги). В данном случае это открывающий и закрывающий Html теги A. В открывающем теге прописан еще и атрибут target=»_blank», который заставит страницу, расположенную по этому адресу (Урлу), открыться в новом окне вашего браузера.

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

Как выглядит ссылка

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

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

ktonanovenkogo.ru

Содержание

  • Как создать ссылку на сайт
  • Атрибуты для ссылок
    • Открытие ссылки в новом окне (target=»значение»)
    • Описание ссылки (title=»описание»)
    • Определение отношений между документами (rel=»значение»)
  • Как создать ссылку на сайт в WordPress
  • Рекомендации и советы по созданию ссылок
  • Бонус — моя схема работы с внутренними ссылками

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

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

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

где,

<a></a> — тег (элемент), обозначающий в коде ссылку;

адрес — это url документа сайта, который должен открыться при нажатии мышью перехода;

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

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

<a name=»идентификатор«>анкор</a>

где,

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

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

Виды ссылок

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

к меню ↑

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

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

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

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

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

к меню ↑

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

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

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

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

к меню ↑

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

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

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

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

Атрибут title в действии

к меню ↑

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

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

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

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

sidebar. Значение атрибута rel, которое я использую крайне редко. Благодаря этому значению атрибут rel позволяет читателю вместо перехода на новую страницу сайта по ссылке закрепить ее в браузере в панель закладок.  Такой вариант бывает полезен:

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

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

Значение sidebar атрибута rel

к меню ↑

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

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

1. Зайдите в редактор с уже открытым постом или статьей Вашего блога. Выделите текст будущей ссылки (анкор) в нужном предложении текста и нажмите кнопку на панели (для примера я взял старый пост своего блога):

Как выглядит ссылка

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

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

4. Если Вы желаете, чтобы после нажатия мышкой по созданной ссылке читатель увидел новый документ в новом окне, отметьте соответствующее поле. Далее жмете кнопку «добавить ссылку»:

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

В итоге у Вас должна появиться новая ссылка на другую страницу:

Готовая ссылка после вставки

Если Вы хотите добавить в новую ссылку еще несколько атрибутов, то Вам необходимо зайти в том же редакторе во вкладку «HTML» и вручную написать недостающие описания элементов. Например, для моего примера в созданный линк я хочу добавить атрибут rel=»nofollow». Открываю редактор, нахожу новую ссылку и вставляю заданный атрибут тега <a>:

Вставляем новый атрибут rel

к меню ↑

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

Используйте изображение как ссылку. Кроме обычного текста на странице в качестве линка можно использовать любую картинку. Для этого нужно вместо анкора вставить тег картинки <img>:

<a href=»адрес«><img src=»адрес картинки«></a>

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

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

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

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

Удаляйте битые ссылки. Со временем, ссылки на различные документы (как на Вашем блоге, так и на чужих сайтах) могут вести в никуда — страницы веб-ресурсов могут быть удалены автором (из-за ненадобности, в связи с изменением структуры, с переездом на новый сайт, потеря актуальности текста этих страниц и т.д.). Ежемесячная проверка всех ссылок Вашего блога сэкономит Вам нервы и время. В качестве инструмента для проверки битых ссылок могу порекомендовать бесплатный сервис Broken link checker, платную программу Page Weight или бесплатную Xenu Link Sleuth.

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

  • создавайте информативные анкоры — не стоит злоупотреблять в текстах ссылок фразами «тут», «здесь», «статья» и т.д. Для любой ссылки важна полезность и естественность. Если анкор сделать не интересный и пустой, никто из читателей не будет кликать по переходу.
  • пишите краткий, но точный анкор. Масло масленное хорошо тогда, когда от времени зависит результат — чем больше минут — тем больше результат. Но не для ссылок. Никто не будет читать анкоры длинной в абзац — у читателя или терпение лопнет, или он начало текста перехода забудет и не примет решение на переход;
  • придерживайтесь стандартов при оформлении анкоров. Почти всегда люди идут по наименьшему сопротивлению — так устроен наш мозг, который любой ценой бережет нашу энергию. Поэтому привычка в этом случае играет положительную роль, а значит оформление ссылок должно быть стандартным. Не надо придумывать новые варианты отображения анкоров, не теряйте линию подчеркивания под ссылками, не делайте цвет их текста таким же, как и буквы постов;
  • каждый анкор должен быть уникальным. Не ленитесь придумывать каждый раз новый текст ссылок. Не идите по стопам горе-сеошников, которые не заморачиваются и везде не продвигаемые страницы ставят одни и те же анкоры. Они склеиваются — поисковые системы все видят. 🙂

к меню ↑

Бонус — моя схема работы с внутренними ссылками

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

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

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

С уважением, Ваш Максим Довженко

www.workformation.ru

Чем отличается гиперссылка от простой ссылки

Простая ссылка выглядит, например, так:

compgramotnost.ru/tekstovyj-redaktor-word/kak-sdelat-giperssylku-v-word

А вот гиперссылка (та же ссылка, но теперь она оформлена как гиперссылка): https://www.compgramotnost.ru/tekstovyj-redaktor-word/kak-sdelat-giperssylku-v-word

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

  1. выделить ссылку  в адресной строке браузера (то есть, “закрасить синим цветом” адрес ссылки, например, закрасить такой адрес – www.compgramotnost.ru/tekstovyj-redaktor-word/kak-sdelat-giperssylku-v-word),
  2. скопировать ссылку в оперативную память компьютера (точнее, в буфер обмена):
  • нажав для этого горячие клавиши Ctrl+C,
  • либо кликнуть по выделенной ссылке ПРАВОЙ кнопкой мыши, а в появившемся при этом контекстном меню кликнуть по вкладке «Копировать»,
  1. открыть новую вкладку в браузере,
  2. кликнуть мышкой в верхнюю строку браузера (это адресная строка браузера) , там появится курсор,
  3. вставить ссылку из оперативной памяти компьютера в адресную строку ссылку:
  • для этого нажать горячие клавиши Ctrl+V,
  • либо кликнуть в пустой адресной строке браузера ПРАВОЙ кнопкой мыши, а в появившемся при этом контекстном меню кликнуть по вкладке «Вставить».

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

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

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

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

Теперь поговорим о трех классификациях гиперссылок:

  1. внешние и внутренние гиперссылки,
  2. текстовые и графические,
  3. рабочие и битые.

1 Внешние и внутренние гиперссылки

Первая классификация связана с делением ссылок по зоне их действия:

  1.    на внешние и
  2.    внутренние.

Что касается внешних ссылок, то они ведут на страницу, относящуюся к другому сайту или к другому документу.

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

2 Текстовые и графические гиперссылки

Вторая классификация гиперссылок – по формату. Здесь есть два вида гиперссылок:

  1. текстовые и
  2. графические ссылки.

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

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

Как понять, есть гиперссылка или нет?

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

как определить гиперссылку

Если курсор примет, например, вид «пятерни» (или как-то еще изменится), тогда по картинке следует кликнуть, после чего произойдет перенаправление (переход) по гиперссылке.

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

3 Рабочие и битые ссылки

Третья классификация гиперссылок – по их состоянию. Можно выделить два вида гиперссылок:

  1. рабочие и
  2. нерабочие (их еще называют «битыми ссылками»).

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

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

www.compgramotnost.ru

Что такое ЧПУ?

ЧПУ (расш. Человеко-понятный урл) – красивые и дружелюбные URL адреса (Friendly SEO URL с англ.). Как бы не называлась эта аббревиатура, У ЧПУ адресов много преимуществ по сравнению с другими URL, поэтому их важно использовать на своих сайтах.

Зачем нужен ЧПУ?

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

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

Плюсы использования ЧПУ ссылок

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

Минусы использования

  • Если у вас сайт не сделан на платформе CMS (например: WordPress, Joomla) указывать ЧПУ придется вручную для каждой страницы. Это занимает очень много времени, особенно если у вас страниц более 100. По умолчанию в CMS WordPress ЧПУ можно настроить самому, как угодно. Чуть ниже я расписал подробнее.
  • Ручное выполнение транслитерации (Но в WordPress решается с помощью плагина CyrToLat).

Читайте в нашем блоге: Как не сделать говносайт

Пример правильного написания ЧПУ ссылок

Как выглядит ссылка без ЧПУ:

http://site.ru/?p=1234
http://site.ru/?p=999

Примеры ЧПУ:

http://site.ru/blog/statya-pro-chpu/
http://site.ru/kak-propisat-title/

Принципы написания ЧПУ адреса:

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

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

Структура ЧПУ взаимосвязана с хлебными крошками (breadcrumbs). Особенно это касается интернет-магазинов, где страницы такого вида:

Страницы товара

https://site.com/collections/dolls/products/paw-patrol-on-a-roll-chase-figure-and-vehicle-with-sounds

Страница категории:

https://site.com/collections/dolls/

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

http://site.ru/uslugi/pokupka-nedvizhimosti/

Про уровень вложенности я расписал в данной статье.

Кириллические ЧПУ

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

Недостаток – закодированных значения URL-адреса при копировании его из любого браузера.

Латинские ЧПУ

Перевод на латиницу. Как правило используются в рубриках и категориях.

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

Примеры:

http://site.ru/blog/seo-optimization/
http://site.ru/copywriting/original-content/

Транслитерация ЧПУ

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

Подчеркивания, дефисы и пробелы в ЧПУ

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

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

Читайте в нашем блоге: Где проверить скорость загрузки сайта

Настройка ЧПУ в WordPress

Итак, давайте разберем как настроить ЧПУ в CMS WordPress. По умолчанию он входит в сборку, поэтому ничего устанавливать дополнительно не нужно. Единственно что нам понадобится это плагин CyrToLat.

Настройку ЧПУ на WordPress

Заходим в Настройки и в выпадающим меню выбираем постоянные ссылки.

Далее указываем вид нашей ссылки. Разберем каждый из них:

По умолчанию – этот вид чаще всего встречается на сайтах WordPress и имеет вид site.ru/?p=123;

День и название – вывод даты и затем уже выводится ЧПУ. Если у вас СМИ или тематика сайта связана с постоянными ежедневными событиями, то лучше использовать данный вариант;

Месяц и год + название – вывод месяца и даты, а затем уже идет ЧПУ. Очень часто встречающийся вариант на многих сайтах WordPress;

Цифры – выводится цифры, и статья попадает в категорию архива. Не рекомендую использовать этот вариант UR;

Название страницы – выводится только ЧПУ. По сути самый правильный вариант вывода ссылки. Вид: site.ru/sample-post/;

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

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

Настройка плагина CyrToLat

Итак, как же настроить все это дело? Для этого заходим в Плагины. Далее нажимаем добавить новый и выбираем там CyrToLat. После находим этот плагин, выбираем “Установить” и позже нажимаем Активировать”.

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

Частые ошибки в ЧПУ

Длина URL. Средняя длина в поисковой системе Google – 76-90 символов. Соответственно пишите ЧПУ не более 60 символов, чтобы поисковики могли воспринимать полностью ваш URL. Если слишком длинный URL он обрезается и выводится неполностью.

Пример длинного ЧПУ:

http://site.ru/sport/echampionship/1365520-fotogalereya-ahtung-podruga-igroka-sbornoj-germanii-ispug….

  1. Использование пробелов и символов не несущих пользу

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

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

Как правильно прописать Title страницы

Rel Canonical – как правильно использовать
ALT картинки — как правильно прописать
Мета-тег Description — разбор с примерами
LSI и SEO тексты – 5 основных отличий

Заключение

Проблемы с ЧПУ в основном встречаются на старых не обновляемых CMS. В новых платформах всё продумано (особенно в WordPress) и даже моем нелюбимом Opencart есть дополнительные модули, которые позволяют сделать нормальный ЧПУ. Поэтому использовать ЧПУ обязательно рекомендую вам.

Если статья была для вас полезна, то поделитесь с друзьями. В комментариях оставляйте ответы на вопрос: “А как вы настраиваете ЧПУ?”

edison.bz


You May Also Like

About the Author: admind

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Adblock
detector