Как открыть окно со ссылками

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

Один из посетителей сайта спросил, как открыть ссылку в новом окне HTML . В этой статье я отвечу на данный вопрос.

Что вам потребуется

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

Например, если вы работаете в Expression Web , можно отредактировать код страницы, переключившись в « Режим кода » ( Code mode ).

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

Короткий ответ: просто добавьте к своим ссылкам (тегу ) атрибут target=»_blank» .

Допустим, что у вас есть следующая ссылка:

Измените её, чтобы она выглядела следующим образом:

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

Обратите внимание, что если вы используете DOCTYPE со строгим синтаксисом XHTML 1.0 или 1.1 , то не получится одновременно использовать приведённый выше код и пройти валидацию страницы. Но подозреваю, что этими стандартами никто не пользуется. « Переходные » версии этих стандартов для открытия в новом окне HTML нам вполне подойдут, и в них также поддерживается атрибут target .

У этого метода не так много плюсов

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

Создавая ссылки, которые открываются в новом окне, вы мешаете пользователям вернуться на сайт. Может показаться, что они без труда вернутся в первое окно с вашим сайтом. Мой опыт показывает, что это не так — людей сбивает с толку неработающая кнопка « Назад ». Они даже не подозревают, что перед ними новая вкладка или новое окно. Когда у них не получается быстро вернуться на предыдущую страницу, они просто сдаются и переходят на другие ресурсы.

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

Сайт становится уязвим для фишинговых атак

Если вы применяете кнопку HTML открыть в новом окне, используя target=»_blank» , сайт, на который ведёт ссылка, получает доступ к окну/вкладке с вашей страницей и может подменить её содержимое.

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

И это не теоретическая уязвимость. Специалисты отдела безопасности Google отметили « значительное количество сообщений » о подобном перехвате вкладок с целью внедрения вредоносного программного обеспечения.

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

Некоторые браузеры позволяют предотвратить подобное поведение добавлением к ссылке атрибута rel=»noopener noreferrer» . Пример, приведённый в начале статьи, будет выглядеть следующим образом:

Теоретически, как rel=»noopener» , так и rel=»noreferrer» должно быть достаточно, чтобы защититься от подобной атаки при открытии страницы в новом окне HTML . При этом корректнее использовать атрибут rel=»noopener» , так как у rel=»noreferrer» есть побочный эффект — браузер не будет передавать сайту URL источника запроса. Но на данный момент не все браузеры поддерживают атрибут rel=»noopener» . Аналогично, rel=»noreferrer» не поддерживается некоторыми браузерами. Поэтому, если захотите защитить пользователей как можно большего числа браузеров, вероятно, придётся использовать оба атрибута.

Тем не менее, этот приём работает только на актуальных версиях Chrome , Firefox и Safari . Internet Explorer данную функцию не поддерживает, хотя я успел быстро проверить 11 версию IE , и она, вроде бы, защищена от подобной атаки при настройках безопасности, применяемых по умолчанию. Насчёт браузера Microsoft Edge точно сказать не могу.

Другими словами, описанный выше метод нельзя назвать стопроцентной защитой. Лучший способ избежать этой проблемы — использовать нормальные ссылки без атрибута target=»_blank» .

Заключение

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

Источник

Открыть ссылку в новом окне

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

Открыть ссылку в новом окне

Хотите открыть ссылку в отдельном окне? Это довольно просто сделать. Удерживайте нажатой клавишу “Shift”, затем щелкните ссылку которую хотите открыть в отдельном окне.

Эта функция дублируется в контекстном меню браузера. Открыть ссылку в новом окне можно нажав по ней правой клавишей мыши и выбрать “Открыть ссылку в новом окне».

Открыть ссылку в новой вкладке

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

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

Ничего сложного друзья! Также хочу заметить, что эти методы работают во всех основных интернет-браузерах, доступных для Microsoft Windows.

Послесловие

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

Открыть ссылку в новой вкладке или окне html

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

Представим, Вы пишите ссылку таким образом:

Чтобы ссылка открывалась так как Вам нужно (в новом окне), необходимо добавить атрибут target=»_blank», и тогда ссылка примет следующий вид, и будет открываться по нажатию в новом окне:

Читайте также:  Как оформить спальню с эркерным окном

Источник

В каком окне открывать внутренние ссылки сайта?

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

Стандарты открытия внутренних ссылок

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

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

  • Ctrl + клик;
  • контекстное меню под правой кнопкой мыши;
  • двойной клик на колесике мыши.

Стандарты открытия внешних ссылок

Внешние ссылки обычно открывают в новом окне:

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

Однако, не все так просто, как могло показаться на первый взгляд.

С появлением поведенческих факторов Яндекса, который при ранжировании стал учитывать такие факторы, как: время пользователя на странице, общее время на сайте, число просмотренных страниц и % отказов, вебмастера и SEO-оптимизаторы по-другому стали смотреть на вопросы открытия внутренних ссылок сайта. И если для ссылок навигации правила не претерпели изменений – ссылки в меню в 99,9% все также открываются в том же окне, то внутренние ссылки, например, в статьях – у многих вебмастеров теперь могут открываться по-разному: у кого-то все также в том же окне, а у кого-то и в новом. И этому есть несколько вполне логичных объяснений.

Пользовательские факторы

В первое время, после введения Яндексом учета ПФ (поведенческие, они же пользовательские факторы), некоторые SEO-специалисты и вебмастера стали экспериментировать с работой ПФ и открывать внутренние ссылки в новом окне (большинство типов ссылок, кроме, наверное, навигации). То есть, ссылки из каталогов, прайс-листов, быстрых ссылок и статей стали открываться в новых окнах. С одной стороны, тем самым казалось бы стало расти время, проведенное на страницах и на сайте в целом, что могло положительно повлиять на ранжирование сайта, однако при этом росли и отказы: согласитесь, что сайт, у которого практически каждая ссылка открывает новую вкладку выглядит как «помойка», с которой не удобно и в целом нет желания работать. Таким образом, все эти ссылочные манипуляции сводились на нет: увеличивая ПФ, начинало хромать юзабилити сайта, которое также учитывает поисковая система. Но все же, здравый смысл взял верх над оптимизаторами, и они вернули назад систему внутренней навигации, однако в кое-каких разделах все же принцип открытия ссылок в новом окне оставался под вопросом.

Включаем логику для усиления ПФ

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

Читайте также:  Как правильно заделать откосы при установке окон

Приведем примеры таких целей:

  • Если это ссылка на документ, хранящийся на данном сайте с возможностью онлайн просмотра (например, PDF, который можно просматривать прямо в браузере), то подобные документы рекомендуется открывать новом окне, чтобы при их закрытии пользователь смог вернуться на сайт. При открытии PDF в этом же окне пользователь рискует уже никогда не вернуться на сайт, так как интерфейс PDF не приспособлен к взаимодействию с сайтом.
  • Если это внутренняя ссылка в некоторой статье на аналогичную тему, то есть смысл открывать ее также в новом окне, что бы прочесть ее позже.
  • Если это ссылка на внешний сайт (сайт партнера, клиента, Википедия и т.п.), то имеет смысл открывать ее в новом окне, чтобы либо изучить ресурс по ссылке сейчас и вернуться на исходный сайт, либо продолжить навигацию по текущему сайту и изучить новый сайт уже позже.
  • Если это внутренняя ссылка, предназначенная для дальнейшего совершения конверсии (покупка квартиры, отправка заявки и т.п.), то не логично открывать такую ссылку в новой вкладке, чтобы юзер потом ее потерял. Однако, если посетитель хочет открывать сразу несколько товаров, например для сравнения цен на iPhone X, то логично дать ему возможность дополнительного открытия ссылок на товары в новом окне, например при помощи пиктограммы.
  • Если это внешняя ссылка и контекст статьи предполагает, что после прочтения материала с упоминаем данного внешнего сервиса должна произойти конверсия (переход по реферальной ссылке, переход на лендинг и т.п.). То в таком случае ссылка даже на внешний сайт должна открываться в том же окне (при этом не забываем все внешние ссылки закрывать от передачи веса тегом rel=»nofollow»).

Еще один яркий пример: помните Google, у которого одно время все ссылки открывались в этом же окне? Мне было не очень удобно, так как я привык, что у ПС все ссылки в выдаче открываются в новом окне. А тут иногда просто случайно кликнул на ссылку и потом возвращайся обратно. Благо это можно было настроить, однако, тем не менее, подобное поведение по-умолчанию выглядело странно.

Заключение

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

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

Ссылки на внешние сайты

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

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

Источник

Поделиться с друзьями