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

В последней версии WordPress ссылки можно вставлять еще проще — копируете адрес с ссылкой, набираете на странице или записи текст, который должен стать ссылкой, выделяете его мышкой и нажимаете сочетание клавиш «Ctrl»+»V», к выделенному тексту автоматически привяжется ссылка.

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

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

Как вставить ссылку в тексте страницы или записи

1. Поставим курсор в ту часть текста, куда нужно вставить ссылку

image

2. Набираем название ссылки и выделяем его курсором мышки

3. На панели инструментов нажимаем кнопку  Вставить/изменить ссылку

image

4. В появившемся диалоге в поле URL набираем или вставляем адрес ссылки

5. Нажимаем кнопку Добавить ссылку

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

В результате в тексте раздела получаем ссылку:

Также можно размещать ссылку с помощью специального тега .

Стандартный код ссылки выглядит так:

Текст ссылки

Этот код можно разместить в режиме редактирования страницы/записи на вкладке «Текст».

Также этот код можно использовать для размещения ссылки в сайдбаре с помощью виджета «Текст».

Параметры:

http://site.ru — вместо этого адреса вставляйте нужную ссылку, протокол http:// в ссылке обязательно должен присутствовать.

Текст ссылки — вместо этого текста напишите свой, он будет отображаться на вашем сайте. target="_blank" — с помощью этого параметра ссылка будет открываться в новом окне браузера. Код ссылки будет выглядеть примерно так: Текст ссылки

Якоря

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

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

Текст ссылки — ссылка на якорь

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

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

Пример кода якорей:

Текст ссылки1 Текст ссылки2 Текст ссылки3 Текст ссылки4    много текста       много текста       много текста       много текста

Если нужно поставить ссылку на якорь с другой страницы сайта или добавить якорь в пункт меню нужно прописать полную ссылку на страницу и после слэша добавить якорь. К примеру: http://support.prihod.ru/docs/napisanie-i-redaktirovanie/kak-vstavit-ssylku-v-tekste-stranicy-ili-zapisi/#link2

Просмотрено (141140) раз

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

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

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

адрес«>анкор 

где,

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

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

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

идентификатор«>анкор

где,

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

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

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

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

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

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

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

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

значение» >

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

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

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

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

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

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

адрес» target=»_blank«>анкор

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

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

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

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

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

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

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

адрес» rel=»nofollow«>анкор

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

адрес» rel=»sidebar«>анкор

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

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

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

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

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

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

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

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

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

адрес«>адрес картинки«>

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

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

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

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

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

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

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

Ежемесячная проверка всех ссылок Вашего блога сэкономит Вам нервы и время. В качестве инструмента для проверки битых ссылок могу порекомендовать бесплатный сервис Broken link checker, бесплатные программы Page Weight Lite и Xenu Link Sleuth.

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

Перечислю самые важные моменты:

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

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

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

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

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

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

Источник изображения

Приветствую, Дорогой читатель на моём Блоге! Меня часто спрашивают: «Как сделать ссылку на интернет ресурс активной, в комментариях на блогах платформы Блогспот (blogspot) в Google.» Сразу хочу сказать, что оставлять свои ссылки в комментариях, без согласия автора блога, это уже похоже на спам. Достаточно, что у вас и так есть ссылка на ваш сайт, блог или профиль в соцсетях, при выборе профиля, в подписи комментария. Все надо делать грамотно. Так сказать, дать полезный ресурс, ссылку на полезную статью, в тему поста и для пользы читателей.  И конечно, с согласия автора блога. И так, как поставить активную ссылку в комментариях? На самом деле, всё очень просто: 1.      В окошко комментария скопируйте и вставьте: 2.      Ваша ссылка«>Ваш текст 3.      Вместо слов «Ваша ссылка»  вставьте адрес ссылки 4.      Вместо слов «Ваш текст»  вставьте название этой ссылки Понравилась статья? Расскажи о ней своим друзьям, нажав на кнопки социальных сетей и подпишись на рассылку, чтобы всегда получать первым свежие материалы

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

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

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

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

Пример анкорной ссылки:

Анкорный текст_Вячеслав Бязров

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

//byazrov.ru/ В данном примере анкорная часть гиперссылки повторяет сам url адрес сайта.

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

Безанкорная ссылка.

Нажмите сюда и откроется ссылка в новом отдельном окне

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

тег p указывает на новый абзац.

a href -это тег гипер ссылки.

http://byazrov.ru здесь вы прописываете свой адрес, на который нужно сделать ссылку

параметр target blank указывает что ссылка будет открываться в отдельном окне браузера.

В конце кода закрывающий тег гиперссылки и абзаца.

Анкорная ссылка.

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

Создание сайтов

 Создание сайтов

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

Неиндексируемая ссылка.

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

Если вы работаете с вашим сайтом через некую систему управления CMS, то ,как правило, во всех хороших CMS имеется готовая функция добавления гиперссылки. Нужно только воспользоваться ей ввести адрес ссылки вида http://byazrov.ru и указать необходимые параметры.Но для расширенных возможностей, указания различных параметров все же необходимо использовать чистый HTML код.

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

Параметр «title» содержит в себе название изображения со ссылкой, которое всплывает при наведении курсора.

«Target=»_blank «указывает, что ссылка будет открываться в отельном окне браузера.

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

Параметр «width», «height» указывают размеры изображения, его длину и ширину в пикселях.

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

Затем нужно в поле ввода в комментарии youtube сделать вставку через контексное меню.

Как вставить в текст ссылку на какую-нибудь интернет-страницу?

1. Вначале копируем ссылку. Проще всего это сделать с помощью клавиатуры компьютера:

  • Откройте нужный сайт. Сверху в специальном поле увидите адрес той страницы, на которой вы сейчас находитесь (например, главная страница этого сайта имеет такой адрес: http://tlt.my1.ru/).
  • Выделите ее (можно щелкнуть мышкой на этом поле – ссылка выделится синим цветом, если не получилось, то просто выделите всю ссылку мышкой).
  • Нажмите клавишу Ctrl и, не отпуская ее, щелкните по клавише С (не важно —  в русской или латинской раскладке). Все, вы скопировали ссылку — она находится в буферной памяти компьютера.

2. Теперь можно ее вставить.

  • Идите туда, куда вы хотите ее вставить (в ваш текстовый файл в Word или любой другой текстовой программе, на страницу размещения вашего материала в Каталоге статей и т.д.). Установите курсор (щелкните мышкой) там, куда хотите вставить ссылку.
  • Нажмите клавишу Ctrl и, не отпуская ее, щелкните по клавише V (она же М в русской раскладке). Все! Если все сделали правильно — скопированная ссылка появилась в нужном месте!

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

Гиперссылка в WORD

Кстати, вы можете не вставлять ссылку открыто (например, http://tlt.my1.ru/), а сделать ее гиперссылкой (например, см. сайт — слово «сайт» сейчас активно и ведет на ту же ссылку, но уже гораздо удобнее для читателя. Сделать это можно, например, в Word:

  • Выделите нужное слово (например, «сайт»).
  • Нажмите мышкой ПРАВУЮ кнопку мышки — появится меню.
  • Выберите в нем строчку «Гиперссылка» — появится окошко.
  • В нижнюю строку этого окошка вставьте нужную вам ссылку и нажмите ОК. Все, готово! Ваше слово «сайт» стало активной ссылкой!

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

Гиперссылка на этом сайте

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

  • скопируйте нужную вам ссылку на интернет-страницу;
  • при размещении текста в Каталоге статей или Форуме, выделите слово, которое хотите сделать активным;
  • нажмите сверху, в панели инструментов кнопку с двумя колечками ОО (при наведении на нее появится текст «Вставьте/Редактируйте ссылку»);

image

  • появится окошко, вставьте в него скопированный адрес (например, http://tlt.my1.ru/) и нажмите ОК.
  • Все! Ваша ссылка стала активной!

Если хотите, чтобы ссылка открывалась в другом окне, то при размещении или редактировании ссылки, выберите вкладку «Цель», а там из списка выберите «Новое окно».

Вставка ссылки в HTML

Если вы пишите в hlml, то там тоже все просто, надо просто вставить код:

АДРЕС«>слово

где:

  • в скобках < > дан код html — вместо слова АДРЕС вам нужно поставить тот самый адрес страницы, который вы хотите вставить. Не забудьте вставить его и в начале, и закрыть  в конце слова с гиперссылкой!
  • слово — то слово, которое вы хотите сделать активным

При желании можно дополнить этот код:

, где target=»_blank» будет означать, что ссылка откроется в новом окне.

Рекомендуем также почитать:

  • Павел Крусанов: Как сделать бестселлер
  • Слова-триггеры
  • 36 сюжетов Польти
  • Сочетание глагольного и описательного действа

Список всех статей и других материалов ТЛТ вы найдете _здесь_.

Понравилось? Поделись с друзьями!

Оцените статью
Рейтинг автора
4,8
Материал подготовил
Максим Коновалов
Наш эксперт
Написано статей
127
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий