Как вставить ссылку в текст?

kak vstavit' ssylku na sajt

Доброго времени суток, друзья!

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

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

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

kak vstavit' ssylku na sajt 

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

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

На самом деле премудрость невелика. Нужно всего лишь поместить желаемое слово вот в такой интересный контейнер:

<a href=”адрес сайта”>слово</a>

Вместо слов «адрес сайта» нужно вставить адрес желаемой страницы. Причем, полностью: http://www.site.ru

И, дабы я был уверен в том, что все всё правильно усвоили, небольшой пример:

Вот так будет выглядеть ссылка в программном коде: <a href=”http://copy-info.ru/intervyu/159.html”>Интервью с успешным копирайтером</a>

А так будет выглядеть готовый результат на сайте: Интервью с успешным копирайтером

Теперь вы знаете, как вставить ссылку в слово b фразу. Пришло время немного поговорить о терминологии.

В данном случае вся конструкция называется ссылкой. А фраза «Интервью с успешным копирайтером» — анкор (от англ. – «якорь», слово, которое «заякорено» на другой странице).

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

Так выглядит программный код: <a href=”http://copy-info.ru/intervyu/159.html”>http://copy-info.ru/intervyu/159.html</a>

А так результат на сайте: http://copy-info.ru/intervyu/159.html

Анкора как бы нет. Им является сама ссылка.

Важно: Не забывайте вставлять закрывающую команду </a> после анкора. Она говорит о том, что ссылка закончилась, и дальше начнется обычный текст.

Как вставить ссылку в текст на сайт, которая будет открываться в отдельном окошке?

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

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

К счастью, к конструкции <a href=””> можно добавить атрибут: <a href=”” target=”blank”>. И, — о чудо!, — новая страничка будет открываться в новом окошке браузера (в новой вкладке).

Как ссылаться на документы?

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

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

<a href=”http://www.site.ru/полный путь к документу на сервере/название документа.docx”>анкор</a>

<a href=”http://www.site.ru/полный путь к документу на сервере/название документа.jpg”>анкор</a>

<a href=”http://www.site.ru/полный путь к документу на сервере/название документа.rar”>анкор</a>

<a href=”http://www.site.ru/полный путь к документу на сервере/название документа.pdf”>анкор</a>

<a href=”http://www.site.ru/полный путь к документу на сервере/название документа.exe”>анкор</a>

<a href=”http://www.site.ru/полный путь к документу на сервере/название документа.zip”>анкор</a>

В общем, надеюсь, суть вы поняли.

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

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

Чуть не забыл!!!

P.S.: Настоятельно рекомендую делать все, что я описал выше, в редакторе «Блокнот». Писать программные коды в привычном для копирайтера «Ворде» — не есть хорошо по многим причинам.

А теперь разрешите на сегодня полностью откланяться.

Как всегда ваш.

Артем Кабанов.

Понравилась статья? Поделись с друзьями:
Комментариев: 20
  1. Виктор

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

  2. Мир копирайтера

    А в чем разница между гиперссылкой и ссылкой со специальными тегами? В итоге разве не одно и тоже получается?

    1. Артем Кабанов (автор)

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

  3. Мир копирайтера

    Точно, я об этом и не подумал )))

  4. Павел

    Да !!

    Работает *YAHOO* *YAHOO* *YAHOO* *YAHOO* *YAHOO* *YAHOO* *YAHOO* *YAHOO* *YAHOO* *YAHOO* *YAHOO* *YAHOO* *YAHOO* *YAHOO* *YAHOO* *YAHOO* *YAHOO*

    1. Артем Кабанов (автор)

      Рад, что вам помогло, Павел)))

    2. xxx
  5. Мир копирайтера

    )))

  6. петр

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

    1. Артем Кабанов (автор)

      Поясните: где конкретно вставляли, в каком редакторе, в какой CMS? Пишите на скайп: sudarsat1985. Помогу, разберемся вместе.

  7. here you will

    Мне кажется или автор что-то недоговаривает

  8. Анатолий

    Как вставлять ссылку в ворде, понятно.

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

    1. Артем Кабанов (автор)

      Анатолий, спасибо за вопрос! Хотел ответить в комментарии, но потом понял — будет долго, надо скриншоты. Лучше на днях напишу отдельный пост про ссылки в Вордпресс и пришлю Вам на почту. На самом деле там всё достаточно просто.

  9. Елена

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

    1. Артем Кабанов (автор)

      Елена, конечно, не везде. Админы многих форумов и блогов не пропускают спам-ссылки.

  10. nastenka

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

    И фиг с два

    1. Артем Кабанов (автор)

      Nastenka — это работает не везде, только в html-редакторах.

  11. ольга

    Это самое понятное объяснение, которое я читала.

  12. берцы

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

    1. Артем Кабанов (автор)

      Уточните, пожалуйста, какого результата конкретно вы хотите?

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: