Окна

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

Содержание

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

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

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

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

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

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

Внутренние ссылки на веб-сайте как метод сделать лучше поведенческие причины

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

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

Наружные ссылки обычно открывают в новеньком окне:

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

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

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

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

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

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

окно, открывать, ссылка

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

READ  Почему плесневеют откосы на окнах

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

Как открыть внешние ссылки в новом окне или вкладке с WordPress

Желаете открыть наружные ссылки из собственных сообщений в блоге в новеньком окне?

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

Многие новенькие испытывают трудности с поиском способности открыть ссылку в окне, приемущественно так как она не сходу видна при добавлении ссылки в WordPress.

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

окно, открывать, ссылка

Почему и когда следует открывать внешние ссылки в новом окне?

Наружные ссылки — это ссылки на веб-сайты, которыми вы не владеете либо не контролируете. Обычно, если вы добавите ссылку на наружный веб-сайт, ваши гости просто покинут ваш веб-сайт, нажав на ссылку.

Как открыть файлы Excel в разных окнах

Хотя некие профессионалы в отрасли пользовательского опыта молвят, что для вас не следует открывать наружные ссылки в новеньком окне, мы не согласны с этим.

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

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

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

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

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

Открыть ссылку в новой вкладке с помощью вкладки «Текст» в классическом редакторе

Если вы используете редактор HTML с надписью «Текст» в древнем традиционном редакторе, то ах так вы сможете открыть внешнюю ссылку в новеньком окне.

Просто изберите текст, который вы желаете связать, а потом нажмите кнопку Добавить ссылку. Это вызовет расширенное всплывающее окно Воткнуть ссылку.

Отсюда вы сможете добавить ссылку и установить флаг «Открыть ссылку в новейшей вкладке». После чего нажмите кнопку Добавить ссылку, и всплывающее окно пропадет. Сейчас вы увидите код HTML для ссылки в редакторе текста.

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

Открыть внешнюю ссылку в новом окне в редакторе Гутенберга

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

Просто отредактируйте запись в блоге либо страничку, где вы желаете добавить внешнюю ссылку. Потом изберите текст, который вы желаете связать, а потом нажмите кнопку вставки ссылки (либо нажмите CTRL K в Windows / Command K в Mac).

Это вызовет всплывающую ссылку вставки. Просто введите ссылку и потом нажмите на стрелку вниз рядом с ней. Раскроется возможность открыть ссылку на новейшую вкладку.

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

Как открыть внешние ссылки в новом окне с помощью HTML

Время от времени для вас может пригодиться написать HTML, чтоб добавить ссылку в WordPress. К примеру, когда вы используете режим HTML в новеньком редакторе блоков либо добавляете ссылку в файл шаблона темы WordPress.

Для вас нужно добавить ссылку, используя последующий HTML-код.

HTML для начинающих. #6. Ссылки

Просто замените example.com URL-адресом наружной ссылки, а текст ссылки — текстом, который вы желаете связать.

Параметр target в этом коде показывает браузерам открыть ссылку в новеньком окне либо вкладке.

Открыть внешнюю ссылку в новом окне с помощью классического редактора

WordPress представил новый редактор блоков с WordPress 5.0. Многие юзеры предпочитают использовать старенькый редактор, устанавливая традиционный плагин редактора.

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

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

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

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

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

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

Автоматически открывать все внешние ссылки в новом окне с плагином WordPress

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

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

READ  Дверь балкона не открывается на проветривание

Во-1-х, для вас необходимо установить и активировать плагин «Открыть наружные ссылки в новеньком окне». Для более подробной инфы, смотрите наше пошаговое управление по установке плагина WordPress.

Плагин работает из коробки и автоматом открывает наружные ссылки в новеньком окне.

Это по сути не меняет наружные ссылки в ваших сообщениях в блоге. Заместо этого он употребляет JavaScript для открытия наружных ссылок в новеньком окне.

Замечания: Имейте в виду, что деактивация плагина закончит открывать наружные ссылки в новеньком окне.

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

Если для вас приглянулась эта статья, пожалуйста, подпишитесь на наш канал YouTube для видеоуроков WordPress. Вы также сможете отыскать нас на щебет и фейсбук.

Пост «Как открыть наружные ссылки в новеньком окне либо вкладке при помощи WordPress» в первый раз появился на WPBeginner.

Как это сделать

Для быстроты и красы используем библиотеку jquery. Можно то же самое написать обыденным javascript’ом, но это будет длительно и громоздко.

Сначала проверяем, подключена ли на веб-сайте эта библиотека. Если вы ведёте блог на WordPress, то jquery.js, вероятнее всего, уже есть. Если же нет, для вас придётся скачать и подключить последнюю версию. Направьте внимание: файл скрипта, открывающего ссылки, должен подключаться после файла jquery.js, в неприятном случае скрипт не будет работать.

Создаём свой файл js либо добавляем в уже имеющийся вот таковой код:

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

UPD. Функции, вызываемые событием (click, hover и др.) должны находиться снутри конструкции:

Как открыть все внешние ссылки в новом окне (javascript)

15 октября 2012. Рубрики: Рабочие заметки; создатель — Юлия Панина aka Княгиня.

Открыть иль не открыть — вот в чём вопрос…

Вы ведёте блог? Ставите ссылки на другие веб-сайты? Если «да» и «да», то в каком окне/вкладке вы их открываете — в том же либо в новеньком? 99,(9)% веб-мастеров открывают наружные ссылки в новеньком окне (а некие открывают в новеньком даже ссылки на себя самого — что, с моей точки зрения, очевидный перебор). Ничтожно маленькое исключение составляют особо принципные.

Отступление об особо принципных.

Когда я ещё только начинала свою интернет-деятельность, мой 1-ый наставник полностью компетентно разъяснял, что открывать гиперссылки в новеньком окне — дурной тон (о вкладках в те времена ещё и речь не шла). Что юзер должен сам решить, каким методом ему удобнее открыть страничку. К тому же xhtml1.0 strict, считавшийся на тот момент самой передовой разновидностью html, не признавал (и по сию пору не признаёт) атрибут target, который как раз и предназначен для открытия ссылок в новеньком окне либо вкладке. (Не оправдавший ожиданий xhtml1.1 был должен быть ещё строже, но о нём сейчас можно не мыслить — по миру пошёл html5.)

Когда-то я всему этому непременно веровала, но на данный момент, будучи очень продвинутым юзером, ругаюсь, если наружняя ссылка в какой-либо статье при клике по ней раскрывается в этом же окне. Более того, я завела привычку открывать все такие ссылки правой кнопкой мыши: очень мучительно надежды на предусмотрительность веб-мастера, а позже конвульсивно нажимать на Escape, чтоб отменить переход, либо на Backspace и ожидать, пока 1-ая статья загрузится опять. Нет уж: новый веб-сайт — новое окно. Ну, либо вкладка.

Итак, ссылкам, ведущим на другие веб-сайты, обычно добавляют html-атрибут target со значением «_blank». Но этот атрибут должен быть у каждой таковой ссылки — собственный свой, и запамятовать его нельзя. Я же решила избавиться от этой необходимости, написав маленький скрипт, который автоматом открывает в новеньком окне все ссылки, ведущие на другие домены, и не трогает ссылки, ведущие на другие странички текущего веб-сайта. (Вобщем, для внутренних ссылок есть одно исключение, но это мой личный случай, и другим его повторять не непременно.) Преимущество скрипта в том, что он подключён к веб-сайту один раз, и мне не нужно ползать по страничкам, расставляя target=»_blank». Недочет — если у юзера отключён javascript, ссылки будут раскрываться в том же окне. Но я всё-таки надеюсь, что мы во 2-м десятилетии живём и не на чугунке ездим.

Разбор скрипта

Только для тех, кто желает осознавать, что и для чего делает.

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

изберет все ссылки, начинающиеся на «http» либо «ftp».

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

Тег a href. Ссылки HTML5. Вставить ссылку в картинку. Ссылка на файл. На сайт. Гиперссылка. HTML5 #9

Дальше событием click вызываем функцию, открывающую новое окно (либо вкладку) с урлом нашей ссылки (this.href) и пустым именованием (это необходимо, чтоб всякий раз раскрывалось ещё одно окно, а не использовалось открытое в прошедший раз):

в неприятном случае ссылка раскроется два раза: в новеньком окне и в главном. «Return false» воспрещает переход по ссылке после того, как сработал скрипт.

Видите ли, принцип обычной. Главное — верно расставить знаки препинания.

Ну, и ещё нередко появляется вопрос, как сделать, чтоб скрипт открывал не новейшую вкладку, а окно (либо напротив). Ответ: никак. Это находится в зависимости от пользовательских опций браузера. Если юзер предоставил выбор браузеру, то, обычно, окна с данными размерами открываются как окна, а без размеров — как вкладки; но юзер может указать браузеру всегда открывать только окна либо только вкладки. И да — пользователь-таки имеет право решить это сам.

READ  Убрать краску со стекла окна

Понравилось? Самое время поделиться заметкой!

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

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

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

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

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

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

Маленький ответ: просто добавьте к своим ссылкам (тегу ) атрибут 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. Конечно, в некоторых случаях этого не избежать. В этой ситуации можно предупредить посетителей сайта о том, что « ссылка открывается в новом окне ». Это не сильно поможет среднестатистическому пользователю и не защитит его от фишинговых атак через ваш сайт, но хотя бы не будет раздражать более опытных пользователей.

| Denial of responsibility | Contacts |RSS