Как добавить Nofollow к ссылкам в редакторе WordPress Gutenberg? »WebNots

WordPress представил редактор Гутенберга с выпуском версии 5.0. Хотя идея заключалась в том, чтобы улучшить опыт редактирования, это не сработало. Некоторые вещи в Gutenberg либо изменились, либо стали сложнее по сравнению с предыдущим классическим редактором. Один из таких примеров — добавление значения nofollow к гиперссылкам. В этой статье мы объясним, как добавить nofollow к ссылкам в редакторе WordPress Gutenberg.

Связанный: Ознакомьтесь с более чем 200 бесплатными учебными статьями по WordPress.

Зачем вам нужна ценность Nofollow в ссылках?

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

Поисковые системы, такие как Google, будут учитывать количество внешних ссылок (обратных ссылок), чтобы оценить популярность веб-страницы. Однако вы можете использовать nofollow в ссылках, чтобы сообщить Google, что ссылка не учитывается при вычислении результатов поиска. Ниже приведены некоторые веские причины, по которым вы хотите добавить значение nofollow к гиперссылкам:

Платные ссылки — когда вы получаете деньги за публикацию ссылки на свой контент, обязательно добавьте к ней nofollow.
Ненадежная веб-страница — вы хотели указать ссылку на ненадежную веб-страницу.
Страницы входа / регистрации — вы можете добавить значения nofollow или noindex к страницам входа / регистрации / корзины покупок / оформления заказа и другим веб-страницам, связанным с учетной записью пользователя.

Проверьте Страница поддержки веб-мастеров Google чтобы получить более подробную информацию об использовании ссылки nofollow.

Добавить атрибут Nofollow в редакторе Гутенберга

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

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

После добавления ссылки нажмите на стрелку ⮐ ключ, чтобы применить ссылку к выбранному контенту. Мы также рекомендуем вам настроить ссылку nofollow для открытия в новой вкладке. Вы можете сделать это, нажав кнопку с тремя точками на элементе ссылки и включив опцию «Открыть в новой вкладке».

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

Теперь нажмите кнопку настройки трех точек для блока, как показано на рисунке ниже.

Выберите вариант «Редактировать как HTML». Теперь блок покажет содержимое HTML и найдет тег привязки (тег HTML a).
Вы увидите атрибут rel со значениями noreferrer и noopener. Просто добавьте значения nofollow к тому же атрибуту rel.

Добавить Nofollow к текстовым ссылкам в редакторе Гутенберга

Вы не увидите атрибут rel, если вы не разрешили открывать ссылку в новой вкладке. В таком случае вы можете вручную добавить атрибут rel = ”nofollow” к тегу привязки.
После добавления nofollow нажмите кнопку с тремя точками и выберите опцию «Редактировать визуально», чтобы вернуться к обычному виду редактора.

Добавление Nofollow в ссылки на изображения

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

Нажмите на изображение и выберите ссылку под опцией «Ссылка на» в настройках ссылки блока.
Вы можете выбрать страницу вложения, медиафайл или настраиваемый URL-адрес для ссылки на изображение.
Введите URL-адрес, если вы выбрали вариант «Пользовательский URL-адрес».
В текстовом поле «Ссылка на ссылку» введите «nofollow».
Теперь вы добавили значение nofollow к ссылке на изображение в Gutenberg.

Добавление Nofollow к ссылкам на изображения в Gutenberg

Предложение SEO: Получите специальную 14-дневную бесплатную пробную версию с SEMrush для анализа вашего сайта.

Добавление нескольких ссылок Nofollow

Если вы хотите добавить несколько ссылок nofollow в одну статью с другим блоком, мы предлагаем сделать это из редактора кода.

Нажмите кнопку настроек с тремя точками, доступную в правом верхнем углу редактора (чуть ниже изображения вашего профиля).
Выберите вариант «Редактор кода», чтобы изменить представление на редактор кода.

Теперь добавьте атрибуты rel = ”nofollow” к нужным ссылкам.
После добавления ссылок нажмите на ту же кнопку с тремя точками и выберите опцию «Визуальный редактор», чтобы изменить режим редактора. Или нажмите кнопку «Выйти из редактора кода», чтобы вернуться в визуальный режим.

Использование настраиваемого элемента HTML

Другой вариант для вставки значения nofollow в гиперссылки — использовать блок «Пользовательский HTML».

Выберите новый блок и добавьте блок «Пользовательский HTML» в блок «Форматирование».

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

Добавить ссылку Nofollow с помощью настраиваемого HTML

Добавление атрибута Nofollow в классический редактор

Хотя Gutenberg является частью ядра WordPress, существует более 4 миллионов активных установок плагина Classic Editor. Это явный признак того, что люди на самом деле не готовы переходить к Гутенбергу. Если вы все еще используете старый классический редактор, вот как вставить nofollow в ссылки.

Сначала установите и активируйте плагин «Классический редактор», если его не было на вашем сайте.

Перейдите в «Настройки»> «Написание» и выберите «Да» для «Разрешить пользователям переключать редакторов». Выберите «Редакторы по умолчанию для всех пользователей» как «Классический редактор».

Включить классический редактор в WordPress

Прокрутите вниз и нажмите кнопку «Сохранить изменения».
Теперь перейдите в «Сообщения> Все сообщения», вы увидите два варианта для каждого сообщения, чтобы отредактировать один с помощью классического редактора, а другой — с помощью редактора Gutenberg.

Откройте сообщение или страницу, которые хотите отредактировать, в классическом редакторе. Или создайте новый пост в классическом редакторе.
Добавьте гиперссылку к выделенному тексту или изображению.
Щелкните параметр редактора «Текст» и добавьте атрибут rel = «follow», как описано выше.
После добавления атрибута верните редактор в режим «Визуальный».