Активная ссылка

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

Для этого используем тэг target="_blank"  в каждой ссылке, которую Вы хотите дать. Тогда та страница, на которую Вы указываете, откроется в новом окне.

Продемонстрирую как это работает: "Посмотрите это видео, забавно."

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

Как мы это делали раньше? Пишите текст сообщения. У меня было: "Посмотрите это видео, забавно". Слово видео хочу сделать ссылкой. Перехожу в режим Изменить HTML, выделяю слово видео,  нажимаю  Ссылка. Открывается окно, куда и вставляется адрес статьи. Готово. Все просто.

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

Как  сделаем теперь? Пишем текст "Посмотрите это видео, забавно". Перехожу в режим Изменить HTML и  перед словом видео вставляю ссылку (см. ниже). Нажимаю Создать. В тексте будет два слова видео. Второе стираем, оно нам больше не нужно. Все.

Вот сама ссылка:

<a href="http://do100verno.com/blog/2416/47884" target="_blank"> видео </a>

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

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

Помните:  не должны исчезать кавычки, пробелы и знаки.

Или, если Вы подготовили текст в блокноте, копируете и вставляете в режиме HTML.

Посмотрите это <a href="http://do100verno.com/blog/2416/47884" target="_blank"> видео </a> , забавно.

Мне проще предыдущий вариант. Пишу текст и потом вставляю ссылку.

Наружные ссылки лучше закрыть от индексации. Для этого заключаем ссылку в теги 
<!--noindex-->текст<!--/noindex--> и добавляем в ссылку тег  rel="nofollow",  который вставляется перед target="_blank"

Тогда наша ссылка будет иметь такой вид:

                
<!--noindex--><a href="http://адрес" rel="nofollow"  target="_blank"> текст ссылки </a><!--/noindex-->

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

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

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

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

Ссылкой может быть и картинка. 

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

                
<a href="http://адрес" rel="nofollow"  target="_blank"> код картинки </a>

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

                
<a href="http://адрес" rel="nofollow"  target="_blank"> <img src="https://код картинки...png" border="0" width="0" height="0" alt="Название картинки"></a>

Рассмотрим на примере... У меня есть подготовленная картинка, сохраненная в Picasa.

Её код -

https://lh4.googleusercontent.com/-c9Q2eFLRiQ8/Tmjwrk5JBqI/AAAAAAAAA6g/BnFfh0g0DtQ/s800/KnopcaTW.png

Её размеры - 100 * 35

Адрес страницы моего блога, на которую хочу дать ссылку -

http://veraborok.blogspot.com/p/blog-page.html

Копируем код и вносим изменения

<a href="http://veraborok.blogspot.com/p/blog-page.html" target="_blank"><img alt="Кнопка" border="0" height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6UXpdt5j5aNeXfVCIpmF01QnJj7g4cL2Ozb_N7mSSAG5U23RZTMZtC1ImhqBqC4aX8KKsOMk2rOg5jNYiZrHO7j9sqVj0MEJ62gieAN5PFeVvgdSzFHd2XhfRhwgUxkHcMLLOgHBr9pY/s800/KnopcaTW.png

" width="100" /></a>

Жмем и смотрим результат

А теперь попробуем поменять размер кнопки: 80 * 28



И снова все получилось. Ничего сложного.

А теперь о приятном. 

После обновления редактора  BLOGGER,  теги  target="_blank"  и   rel="nofollow" можно добавить, не переходя на вкладку "HTML". Для этого всего-то нужно активировать флажки как показано на рисунке.

Настройка ссылок

Приглашаю Вас присоединиться ко мне в следующих сервисах:

Чтобы автоматически узнавать об обновлениях блога, подпишитесь на  RSS-канал

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