Как сделать чтобы все ссылки сайта открывались на новой вкладке?

23 Авг 2011, рубрика: Верстка, Обзоры |

Как сделать чтобы все ссылки сайта открывались на новой вкладке?

Недавно мне стало интересно, можно ли каким-то образом настроить все ссылки на сайте или странице, чтобы они открывались на новой вкладке\в новом окне. Вот и решил написать об этом, возможно, это окажется полезным и для вас=) Также немного поговорим о юзабилити. Стоит ли вообще навязывать посетителю где ему должна открытся вкладка?

Так как же это сделать?

Для этого нужно всего-лишь в секции head страницы прописать следующее:

<head>
<base target='_blank' />

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

В случае блога на WordPress, откройте файл «header.php» вашей темы и внесите туда нужные изменения.

К стати, про тег base

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

Например, если указать такое значение для href:

<head>
<base href="http://www.mysite/myResources/" />

То все относительные пути в теле страницы, наподобие:

<img src="images/polezniy.gif">

будут расцениватся как:

http://www.mysite.com/myResources/images/polezniy.gif

А теперь о юзабилити.

Юзабилити сайта

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

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




Оцените полезность!
Не полезноПолезно (+8 баллов, 22 оценок)

17 комментариев на «Как сделать чтобы все ссылки сайта открывались на новой вкладке?»

  1. negat1ff пишет:

    Согласен, дурной тон, привык что если нужно в новой то открываю с клваишей ctrl или ПКМ — Открыть в новой вкладке

    • Polezniy пишет:

      Также можно нажать на колесико=)

      • Rich_invest пишет:

        Я вот уже 36 часов ломаю голову над вопросом как открывать внешные сылки в новой вкладке  применив ваш метод я добился того что все ссылки сайта открываються в новой вкладке а мне нужно чтоб только внешные сылки открывались в новой вкладке а внудреный ссылки в одном и том же окне помогите пожалуйсто разобраться плиз!!

        • Polezniy пишет:

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

          • Rich_invest пишет:

            ссылки распологаються в верхнем меню wordpress который я создаю например Главная, О нас, Форум, Заработа и.т.д покопался везде не нашол в php файлах! для примера  я в меню добавил пункт форум  и сответственно хочу к нему прикрипить внешную ссылку в каком php файле копаться чтоб ссылка открывалась в новой вкладке?

          • Rich_invest пишет:

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

            наводиш курсо на верхнее меню как убрать это всплывающую подсказку или

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

            названия пункта меню пример: Главная, — (Главная) О нас, — (О Нас) ну и

            т.д

          • Polezniy пишет:

            Редактируйте файл header.php темы которая установлена на сайте. Всплывающие подсказки — атрибут title ссылки

          • Rich_invest пишет:

            а что именно в header.php редактировать? атрибут title это где находиться?

  2. Русаков Вячеслав пишет:

    У меня стоял плагин «Target Blank In Posts And Comments».

    Попробую у себя замутить с тегом . Ведь чем меньше плагинов, тем лучше.

  3. Анатолий пишет:

    Мне нравятся Ваши статьи. Я профан во многих вопросах, но материал дан понятно. Спасибо.

  4. Станислав Пустовит пишет:

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

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

    Кстати, а что за плагин для комментов? У меня блог для друзей, тоже хочу возможность редакции комментариев.

  5. Умида пишет:

    Спасибо, за статью — очень помогла. Подскажите как защитить контент от копирования? Через поиск на блоге не нашла

    • Polezniy пишет:

      Насколько я знаю — никак. Можно разными способами пробовать, например, запретить копирование текста с сайта но тот кто захочет — всеравно скопирует, в крайнем случае — перепишет=) Лучшим решением будет сообщить поисковикам что это ваш контент.

      sidash.ru/teg-author-ot-google/

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

    • Полезный пишет:

      Насколько я знаю — никак. Можно разными способами пробовать, например, запретить копирование текста с сайта но тот кто захочет — всеравно скопирует, в крайнем случае — перепишет=) Лучшим решением будет сообщить поисковикам что это ваш контент.

      sidash.ru/teg-author-ot-google/

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

  6. на хую я вас всех вертел пишет:

    сайт гавно

  7. treiser.666 пишет:

    Спасибо большое очень помог))

  8. Sharmih пишет:

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

Ваш отзыв

.Все права защищены © 2017 Блог Полезного.