wordpress меню ссылка в новом окне
Как сделать чтобы каждая ссылка открывалась в новом окне в WordPress и с помощью HTML
Мы научились средствами htm и CSS изменять цвет ссылки и убирать подчеркивание. Казалось бы, с ссылками уже все ясно, но это не так. Есть еще один небольшой нюанс, о котором необходимо упомянуть, а именно, как сделать так, чтобы она открывалась в новом окне.
Зачем это нужно
Почему так важно, чтобы все внешние ссылки открывались в новых окнах? Все дело в пресловутых поведенческих факторах. Дело в том, что когда ссылка открывается в том же окне, то, вполне вероятно, что пользователь, заинтересовавшись, перейдет по ней на другой сайт, и на ваш больше не вернется.
В том случае, если она открывается на новой вкладке, пользователь изучит материал на странице, на которую ведет ссылка, закроет вкладку и вернется на вкладку с вашим сайтом. Это увеличит время пребывания пользователей на вашем сайте, и улучшит поведенческие факторы, что хорошо скажется на позиции сайта.
Ссылка в новом окне с помощью WordPress.
Для того, чтобы заставить ссылку открываться в новой вкладке при публикации статьи через WordPress в меню вставки ссылки необходимо поставить галочку напротив «Открывать в новой вкладке».
Ссылка в новом окне html
В том случае если Вы редактируете статью в текстовом режиме, полезно будет узнать как сделать то же самое напрямую в html-коде.
Необходимо в код ссылки добавить атрибут target со значением blank.
Вот как должна выглядеть ссылка:
Как видите, когда речь идет о html не возникает никаких сложностей. Тем не менее, сделать то же самое в WordPress еще легче.
WordPress. Открывать пункты меню в новой вкладке
Как открывать пункты меню WordPress в новой вкладке и закрыть ссылки от передачи веса страницы. Добавление к ссылкам меню атрибутов target=«_blank» и rel=«nofollow».
Настройка ссылок в меню WordPress
По умолчанию в WordPress ссылки пунктов меню открываются в текущем окне и открыты для индексирования поисковыми системами.
Чтобы ссылки меню открывались в новом окне, к ним необходимо добавить атрибут target=«_blank», а чтобы закрыть их от индексирования поисковыми системами — атрибут rel=«nofollow».
Для этого необходимо на странице редактирования меню раскрыть блок «Настройки экрана» и в разделе «Показывать расширенные свойства меню» выбрать пункт «Цель ссылки» и, если необходимо закрыть ссылку от индексирования, выбрать пункт «Отношение к ссылке (XFN)».
После этого в настройках ссылок появятся чек-боксы «Открывать в новой вкладке» и текстовые поля «Отношение к ссылке (XFN)».
Теперь, чтобы пункт меню открывался в новой вкладке, поставьте галочку в чек-боксе «Открывать в новой вкладке», а чтобы закрыть ссылку от индексирования, впишите в текстовое поле «Отношение к ссылке (XFN)» значение «nofollow» (без кавычек).
Наши сайты размещены на виртуальном хостинге от провайдеров Beget и Timeweb.
Как сделать, чтобы рубрики открывались в новом окне браузера
Бывают случаи, когда нужно прописать ссылкам атрибут target=»_blank» для меню, ссылок или рубрик WordPress. Так как вывод меню и рубрик в данном движке для сайта осуществляется автоматически, отдельно прописывать target=»_blank» к каждой ссылке не получится.
Однако в Вордпресс есть встроенная возможность открывать ссылки из меню для страниц или рубрик в новом окне браузера.
Открытие ссылок меню в новом окне с помощью target=»_blank»
Чтобы настроить ссылки на их открытие в новом окне браузера, нужно перейти в административную часть сайта и открыть раздел «Внешний вид» — «Меню«:
Открыв любую ссылку из меню можно увидеть, что кроме указания URL ссылки, её названия и атрибута title, никакого упоминания об открытии ссылок в новом окне — нет. Чтобы включить возможность открывать ссылки из меню в новом окне нужно сделать следующее:
Открытие рубрик в новом окне
Чтобы рубрики открывались в новом окне браузера, то есть чтобы прописать атрибут target=»_blank» для рубрик, нужно прибегнуть к небольшой хитрости. Во-первых — нужно вывести рубрики не с помощью встроенное виджета «Рубрики«, а с помощью произвольного меню.
Для этого нужно создать произвольное меню. Для этого переходим в раздел «Меню» и щёлкаем ссылку «создайте новое меню«. Назовём его «Рубрики«:
Нажимаем кнопку справа «Создать меню» и слева выбираем ссылки, которые нужно включить в наше новое меню. Так как мы создаём меню для рубрик, то и выбираем «Рубрики«. Чтобы создать меню для всех рубрик, выбираем вкладку все, отмечаем каждый пункт (можно нажать «Выделить все«) и нажимаем кнопку «Добавить в меню«:
Теперь для нажимаем на вкладку с каждой добавленной рубрикой и выбираем пункт «Открывать в новой вкладке«. После этого нажимаем кнопку «Сохранить меню«:
Остаётся только перейти в раздел «Внешний вид» — «Виджеты«, в нужное место сайдбара перетащить виджет «Произвольное меню» и выбрать созданное нами меню «Рубрики«. Так каждая выбранная рубрика будет открываться в новом окне.
Как открывать ссылки в новом окне или во вкладке на нескольких CMS
Ссылки на внешние ресурсы в сообщениях и страницах вашего сайта могут показаться нелогичными для ваших усилий по поисковой оптимизации. Если вы хотите, чтобы читатели оставались на вашем сайте, тогда нет особого смысла указывать им на других – или это так?
Ссылки на качественные внешние сайты и блоги действительно важны для SEO вашего сайта и для ваших читателей. Во-первых, это важный элемент любой стратегии построения ссылок. Когда вы ссылаетесь на другие сайты последовательным и стратегическим образом, то один из владельцев сайтов, скорее всего, ответит вам одолжением. Эти обратные ссылки имеют решающее значение для ваших усилий по поисковой оптимизации, поскольку они являются одним из наиболее важных факторов ранжирования для основных поисковых систем. Google, например, считает обратные ссылки среди восьми основных факторов.
Ссылки на высококачественные внешние ресурсы также важны для вашей контент-стратегии. Вы не можете охватить все аспекты темы в одном посте – и не стоит пытаться. Вместо этого вы можете использовать огромное количество информации, доступной в Интернете, путем предоставления внешних ссылок в своем контенте. Это поможет вам предоставить как можно больше информации своим читателям, что в конечном итоге улучшит их восприятие вашего сайта.
Есть только одна потенциальная ловушка. Если вы не настроите эти ссылки для открытия в новой вкладке или в новом окне, читатели будут перенаправлены на внешний сайт или блог и не смогут вернуться на ваш. Чем меньше времени читатели проводят на вашем сайте, тем выше показатель отказов, что может отрицательно сказаться на вашем рейтинге в поисковых системах.
Настроить эти ссылки для открытия в новой вкладке или окне – простое решение. Таким образом, вы предоставляете читателям дополнительные ресурсы, не отвлекая их от сообщения или страницы, которую они читают.
В этом посте мы рассмотрим различные способы реализации этой функции, независимо от того, какая у вас CMS:
Как открывать ссылки в новой вкладке или окне с помощью HTML
Если вы используете код для создания своего веб-сайта или вам удобно редактировать код, созданный вашим редактором WYSIWYG, один из способов убедиться, что ссылки открываются в новой вкладке или окне, – это перейти непосредственно к HTML.
Ниже приведен HTML-код для открытия в новой вкладке:
Вы заметите знакомый атрибут «href», который сообщает браузеру, куда идти. Разница здесь в том, что атрибут target включен и установлен в _blank. Атрибут «_blank» указывает браузеру открыть ссылку в новом окне или вкладке.
Обратной стороной этого подхода является то, что существует множество вариантов использования, в которых те, кто редактирует веб-страницы, хотят взаимодействовать с как можно меньшим количеством кода. Вот почему мы рассмотрим способы открытия ссылок на новой вкладке для нескольких распространенных CMS.
Как открывать ссылки в новой вкладке в HubSpot
В HubSpot CMS есть простой способ установить ссылки для открытия в новой вкладке. Просто нажмите на опцию «Вставить ссылку» на панели инструментов. Появится новое окно, в котором вы сможете установить флажок «Открыть эту ссылку в новом окне».
Выбор этого селектора автоматически добавит «_blank» в бэкэнд, и вам не придется возиться с кодированием.
Как открыть внешние ссылки в новой вкладке в WordPress
С WordPress у вас есть несколько вариантов для достижения этой цели. Мы рассмотрим, как вы можете вручную настроить внешние ссылки для открытия в новой вкладке или окне в WordPress. Затем мы рассмотрим, как вы можете использовать код или плагин для автоматизации процесса. Давайте посмотрим на эти различные методы ниже.
Установить ссылки для открытия в новой вкладке вручную (для WordPress)
Вы можете легко настроить внешние ссылки, которые будут открываться в новой вкладке WordPress. В классическом редакторе просто вставьте ссылку и нажмите «Параметры ссылки», чтобы открыть всплывающее окно расширенной вставки ссылки. Затем установите флажок «Открыть ссылку в новой вкладке».
В редакторе Гутенберга процесс почти идентичен. Вы просто нажимаете «Настройки ссылки» и включаете ползунок «Открыть в новой вкладке».
В обоих редакторах процесс прост. Проблема в том, что он плохо масштабируется. Вы можете создать большой объем контента и забыть ссылку здесь или там. Или вы можете запустить сайт с несколькими авторами и у вас возникнут проблемы с внедрением этой передовой практики в рабочие процессы ваших писателей и фрилансеров. В любом случае вы выиграете от автоматизированного решения для настройки открытия ваших внешних ссылок в новой вкладке или в новом окне.
Давайте посмотрим, как можно использовать код для автоматического открытия внешних ссылок в новой вкладке или в новом окне.
Получение ссылок для автоматического открытия в новой вкладке (для WordPress)
Вы можете добавить фрагмент кода в файл footer.php вашей темы, чтобы автоматически открывать внешние ссылки на вашем сайте в новом окне. Просто перейдите в Внешний вид > Редактор на панели инструментов WordPress. Затем щелкните файл footer.php, чтобы открыть его. Прокрутите вниз, пока не увидите закрывающие теги body и HTML.
Скопируйте и вставьте следующий код перед закрывающими тегами body и HTML.
После сохранения изменений все внешние ссылки в опубликованных вами сообщениях и страницах откроются в новой вкладке. Этот код также будет работать для новых сообщений и страниц.
Однако этот код не работает для внутренних ссылок, а также для ссылок в комментариях или текстовых виджетах. Если вы хотите, чтобы все ссылки в любом месте вашего сайта открывались в новых вкладках, вы можете использовать плагин.
Плагины WordPress для автоматического открытия внешних ссылок в новом окне
Плагины – это самый быстрый и гибкий вариант настройки ссылок для открытия в новой вкладке или окне. Давайте рассмотрим два варианта ниже.
Внешние ссылки в новом окне / новой вкладке
Внешние ссылки в новом окне / новой вкладке от WebFactory Ltd – это бесплатный плагин WordPress, который автоматически устанавливает все внешние ссылки для открытия в новом окне. Он начинает работать, как только вы его установите и активируете.
Есть страница настроек для включения или выключения функций для определенных ссылок, если вы хотите большего контроля.
Внешние ссылки – nofollow, noopener и новое окно
Для большего контроля над настройками ссылок вы можете использовать внешние ссылки – nofollow, noopener и новое окно. Это еще один бесплатный плагин от WebFactory Ltd.
После установки и активации этого плагина вы можете установить различные параметры для внешних и внутренних ссылок на панели инструментов WordPress. Вы можете отобразить значок после внешних ссылок, чтобы указать читателям, какие ссылки указывают на другие веб-сайты. Это может выглядеть так в опубликованном вами сообщении.
Вы также можете автоматически установить для всех внешних ссылок на вашем сайте значение «nofollow». Этот тег указывает поисковым системам не переходить по этим ссылкам и не связывать их с рейтингом вашего сайта. Это рекомендуется для новых сайтов, которые могут не получать много входящих ссылок. Почему? Потому что сайты, на которые ссылаются чаще, чем на них, смотрятся поисковыми системами менее благосклонно.
Как открывать ссылки в новой вкладке в Netlify
Netlify CMS использует редактор Markdown для добавления ссылок на веб-страницы.
К сожалению, пользователям не предлагается выбрать поведение «целевого» атрибута во всплывающем окне или в редакторе Markdown. Затем у вас есть два варианта, если вы хотите добавить дополнительную функциональность:
Настроить автоматическое открытие всех ссылок в новой вкладке
Вот код, который вы бы использовали для установки целевого атрибута всех ссылок на «_blank» в качестве функции по умолчанию:
Это будет добавлено в CSS вашего сайта.
Обратной стороной является то, что этот параметр применяется ко всем ссылкам, что может не соответствовать типу поведения, которое вы хотите на своем сайте.
Напишите HTML в среде Markdown
Вот код, который вы использовали бы для рендеринга всего HTML:
Плюс в том, что вы можете указать, какие ссылки открываются в новой вкладке. Обратной стороной является то, что вам нужно каждый раз писать HTML-код, и вам нужно быть осторожным при включении любого HTML-кода, который вы не хотите отображать.
Следуя этому руководству, вы можете вручную или автоматически настроить свои внешние ссылки для открытия в новой вкладке или окне для любой CMS, которая у вас есть. Это поможет снизить показатель отказов вашего сайта и улучшить впечатления посетителей.
Примечание редактора: этот пост был первоначально опубликован в ноябре 2019 года и был обновлен для полноты.
ИНФОБИЗНЕС ДЛЯ НОВИЧКОВ
ИНФОБИЗНЕС С НУЛЯ
WordPress. Как открывать ссылку в новой вкладке
Мой блог для новичков инфобизнеса и носит учебный характер. Чтобы материал был прост, доступен, нагляден для изучения и практического использования, практически каждый пост (запись) содержит много скриншотов (изображений, картинок) и ссылок (внешних и внутренних) по раскрываемой теме. Как для движка WordPress на блоге (сайте) открывать ссылку в новой вкладке, будет рассказано в данном посте.
Пост (от англ. Post – сообщение) в интернет это сообщение (запись) на блоге, сайте, форуме, электронной почте и других электронных ресурсах.
Как открывать ссылки? При чтении поста где лучше открывать скриншоты и ссылки? В окне поста или на новой вкладке браузера? Для удобства работы с постом я предпочитаю открывать ссылки на новой вкладке. Здесь есть свои плюсы и минусы.
Плюсы: пост, с которым Вы работаете, постоянно доступен. Переход на новую вкладку из поста осуществляется в один клик, как и переход из вкладки на пост.
Минус: в строке браузера появляется много вкладок, которые необходимо закрывать вручную.
Как открывать ссылку в новой вкладке
Есть несколько способов. Для новичков инфобизнеса можно использовать следующие.
Данный код нужно вставить с помощью редактора движка WordPress в файл «Заголовок (header.php)». Для этого необходимо войти в панель администратора WordPress. Далее «Внешний вид»- «Редактор»- «Заголовок (header.php)». В открывшемся файле между тэгами и вставить перед закрывающим тэгом следующий код:
Выше приведённый код обрамлён мной строками комментария. В комментарии следует указать, какие действия выполняет внесённый Вами код и вашу личную метку. Аббревиатура НГК указывает на мою метку: я внёс этот код. Рекомендую так делать всегда при внесении Вами дополнительных HTML кодов и скриптов в HTML код выбранного Вами шаблона и собирать (запоминать) их отдельно на Вашем компьютере. Вы будете знать, что внесли. Это Вам пригодится при переходе на новые редакции движка WordPress, новые темы (шаблоны), при восстановлении работы блога при сбоях и отказах.
Способ 2. Открывать отдельные ссылки на новой вкладке или окне. Для этого используется такой HTML код:
Код можно вставить вручную при формировании Вами ссылки на HTML странице Вашего поста.
Рассмотрим на примере. Откроем в панели администратора в редакторе наш пост. Вот его фрагмент в виде текста: 
А это HTML код фрагмента:
Ссылка открывается в том же окне что и пост.
А это HTML код фрагмента после редактирования с открытием ссылки на новой вкладке:
При написании поста ссылку можно отредактировать при её формировании в редакторе WordPress.
Выделив имя ссылки и нажав в меню текстового редактора клавишу “Вставить ссылку”, внесём URL ссылки и поставим галочку в строке «Открывать в новом окне/вкладке».
Редактор автоматически поставит HTML код target=”_blank” в HTML поста. Нажимаем кнопку «Обновить». Потом нажимаем кнопку «Обновить» на странице редактирования поста. Необходимые действия произведены.
И так мы познакомились как открывать ссылки в новой вкладке или в новом окне с нашего блога в браузере. Какой способ выбрать решаете Вы, дорогой читатель.