Руководство для начинающих о том, как добавить ссылку в WordPress

Вы хотите добавить ссылку в WordPress? Существует несколько способов добавления ссылок в WordPress. Вы можете добавлять ссылки в сообщения, страницы,...

Вы хотите добавить ссылку в WordPress?

Существует несколько способов добавления ссылок в WordPress. Вы можете добавлять ссылки в сообщения, страницы, навигационное меню, виджеты боковой панели, область нижнего колонтитула и т.д.

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

Почему ссылки важны?

Ссылки — это кровеносная система Интернета. Они соединяют веб-сайты и веб-страницы, образуя всемирную информационную паутину.

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

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

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

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

  • Как добавлять ссылки в посты и страницы WordPress
  • Как автоматически добавлять ссылки в сообщения и страницы WordPress
  • Как добавлять ссылки в виджеты WordPress
  • Как добавить ссылки в меню навигации WordPress
  • Как добавить заголовок и NoFollow к ссылкам в WordPress
  • Как добавить ссылки к кнопкам в WordPress
  • Как вставить связанный контент в WordPress
  • Как добавить партнерские ссылки в WordPress
  • Как вручную добавить ссылку в HTML
  • Как добавить анкорные ссылки в WordPress
  • Как добавить ссылки на социальные акции в WordPress

Как добавить ссылки в сообщения и страницы WordPress

WordPress позволяет легко добавлять ссылки в сообщения и страницы блога с помощью редактора блоков.

Просто отредактируйте свой пост или страницу, или создайте новую.

Далее вам нужно выделить текст, к которому вы хотите прикрепить ссылку. Этот выделенный текст называется якорным текстом для ссылки. Теперь вы должны нажать кнопку ‘Link’ на панели инструментов.

Выделите текст и нажмите кнопку

Вы увидите поле, в которое можно ввести URL-адрес. URL — это веб-адрес. Например, в руководстве WPBeginner о том, как начать блог WordPress, есть URL:

https://www.wpbeginner.com/start-a-wordpress-blog

Вы можете просто скопировать и вставить URL-адрес поста или страницы, на которую вы хотите сослаться, вот так:

Вставьте ссылку и нажмите Enter

Вам нужно будет нажать кнопку «Отправить» или клавишу Enter, чтобы вставить ссылку в сообщение.

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

Поиск страницы для ссылки с помощью редактора блоков WordPress

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

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

Настройка ссылки на открытие в новой вкладке с помощью редактора блоков WordPress

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

Добавление ссылок в классическом редакторе WordPress

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

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

Создание ссылки с помощью классического редактора WordPress

Затем вы можете вставить URL-адрес, на который хотите сослаться, или найти пост или страницу, как в блочном редакторе.

Вставка вашего URL непосредственно в анкорный текст

Еще более быстрый способ добавить ссылку как в блочном, так и в классическом редакторе — просто вставить URL в якорный текст.

Сначала скопируйте URL-адрес, на который вы хотите поставить ссылку. Затем выделите выбранный якорный текст в своем посте.

Далее, вы можете либо щелкнуть правой кнопкой мыши и выбрать «Вставить», либо просто нажать Ctrl+V (Windows) или Command+V (Mac), чтобы вставить URL-адрес.

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

WordPress автоматически определит, что вы вставляете URL, и превратит якорный текст в ссылку.

Совет: Посмотрите наши советы по освоению редактора контента WordPress, чтобы узнать больше об эффективном использовании редактора блоков.

Как автоматически добавлять ссылки в сообщения и страницы WordPress

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

Чтобы облегчить управление внутренней перелинковкой, мы используем плагин AIOSEO. Это лучший плагин WordPress SEO, который используют более 3 миллионов сайтов.

У них есть функция Link Assistant, которая просмотрит весь ваш сайт и автоматически найдет возможности внутренней перелинковки.

После установки плагина вы можете перейти по адресу Все в одном SEO » Link Assistant в вашей приборной панели WordPress.

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

Приборная панель помощника AIOSEO Link

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

Вы можете быстро добавить эти ссылки к своему контенту, нажав кнопку «Добавить ссылку». Нет необходимости открывать каждый пост по отдельности.

Пример ассистента внутренних ссылок AIOSEO

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

Как добавить ссылки в виджеты WordPress

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

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

Вам нужно перейти на сайт Внешний вид » Виджеты страницу и нажмите на синий значок ‘+ Block Inserter’ в левом верхнем углу. После этого необходимо перетащить виджет Paragraph в боковую панель или другую область виджетов.

Добавление ссылки в виджет

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

Как добавить ссылки в меню навигации WordPress

Хотите ли вы добавить ссылки в навигационное меню вашего сайта? WordPress поставляется со встроенным редактором меню, который позволяет создавать и управлять навигационными меню на вашем сайте WordPress.

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

Добавление внутренних ссылок в меню навигации

Легко добавить ссылки на контент на своем сайте.

Просто выберите посты или страницы, которые вы хотите добавить в меню с левой стороны, а затем нажмите кнопку ‘Добавить в меню’.

Добавление внутренней ссылки в меню навигации

WordPress будет автоматически ставить ссылки на выбранные вами посты и страницы. Вы можете переставлять записи с помощью перетаскивания.

Добавление внешних ссылок в меню навигации

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

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

Добавление пользовательской ссылки в меню навигации

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

Как добавить заголовок и Nofollow к ссылкам в WordPress

Часто полезно давать ссылкам название. Это текст, который появляется при наведении курсора мыши на ссылку, как показано здесь:

Ссылка с заголовком

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

Вы также можете добавить тег nofollow к внешним ссылкам. Это указывает поисковым системам не передавать SEO-результат вашего сайта этой ссылке, поскольку вы не владеете и не контролируете содержимое этого сайта.

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

Добавление Title и Nofollow с помощью плагина AIOSEO (легко)

Бесплатный плагин All in One SEO (AIOSEO) для WordPress позволяет добавлять атрибуты title, nofollow, sponsored и UGC к ссылкам.

В редакторе блоков плагин добавляет тумблеры для nofollow и других атрибутов. Также добавляется поле для заголовка.

All in One SEO Title и Nofollow в блочном редакторе

В классическом редакторе вы можете получить доступ к дополнительным настройкам AIOSEO, нажав на значок шестеренки «Параметры ссылок». Появится всплывающее окно «Вставить/редактировать ссылку», где вы можете ввести заголовок, а также установить флажки для nofollow и других атрибутов ссылки.

All in One SEO Title и Nofollow в классическом редакторе

Добавление Title и Nofollow с помощью HTML-кода

Если вы не хотите использовать AIOSEO, то вам придется вручную добавить атрибуты title и nofollow к вашим ссылкам с помощью HTML-кода.

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

Если вы используете редактор блоков, то вам нужно нажать на три вертикальные точки в конце панели инструментов и выбрать «Редактировать как HTML», чтобы просмотреть HTML-код блока.

Переключение на HTML-вид блока в редакторе блоков WordPress

Если вы используете классический редактор, то вам нужно перейти на вкладку «Текст», чтобы отобразить весь пост в формате HTML.

Переход к текстовому виду сообщения в классическом редакторе WordPress

Теперь вы увидите HTML-код вашей ссылки. Базовая ссылка будет выглядеть следующим образом:

Вам нужно добавить атрибуты title и nofollow, чтобы это выглядело следующим образом:

Вот как это выглядит на нашем демонстрационном сайте (см. скриншот выше):

Согласно исследованию, проведенному ACME Inc, дорожные бегуны на 80% умнее койотов.

Вы можете изменить заголовок на любой другой. Атрибут nofollow всегда должен быть rel=»nofollow» . Не забудьте про двойные кавычки вокруг заголовка и nofollow, так как без них ваша ссылка не будет работать корректно.

Для получения дополнительной информации см. наше руководство для начинающих о том, как добавлять ссылки nofollow в WordPress.

Добавление атрибутов Title и Nofollow в меню навигации WordPress

Процесс превращения ваших навигационных ссылок в nofollow немного отличается.

Под навигационным ярлыком ссылки вам нужно будет ввести ‘nofollow’ в поле Link Relationship (XFN).

Введите nofollow в поле Link Relationship

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

Проверьте Link Relationships и Link Target в опциях экрана

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

Как добавить ссылки к кнопкам в WordPress

Хотите добавить кнопку к своим постам или страницам WordPress?? Самый простой способ сделать это — использовать встроенный в WordPress блок «Кнопка».

Когда вы создадите новый пост или отредактируете существующий, нажмите на значок (+), чтобы создать новый блок. После этого необходимо перетащить блок «Кнопка» на пост, а затем ввести текст для кнопки.

Добавление кнопки ссылки в редакторе блоков

После этого вы можете добавить ссылку с помощью кнопки «Ссылка» на панели инструментов. Это точно так же, как и при добавлении любой другой ссылки с помощью редактора блоков WordPress.

Чтобы узнать больше способов добавления кнопок в ваши посты, смотрите наше руководство о том, как добавить кнопки призыва к действию в WordPress.

Как вставить связанный контент в WordPress

Вы можете легко встроить определенные типы контента в WordPress, просто вставив его URL в свой пост. Иногда это называется созданием «карточки контента» в вашем посте.

Просто вставьте весь URL в отдельный блок абзацев.

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

Вставка ссылки из твита путем вставки ссылки

Процесс такой же, как и для видео на YouTube. Просто найдите видео, которое вы хотите использовать, на YouTube и скопируйте URL в верхней части окна браузера.

Получите URL-адрес выбранного вами видео YouTube

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

Вставка видео YouTube в сообщение

Помимо того, что этот метод отлично подходит для постов в Twitter и видео на YouTube, он также работает для многих других типов контента. Вы можете узнать больше из статьи поддержки WordPress о «Встраиваниях».

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

Хотите ли вы увеличить доходы своего сайта с помощью партнерских ссылок?? Партнерский маркетинг приносит стабильный доход многим блогам и сайтам.

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

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

Лучший способ добавления и управления партнерскими ссылками — это использование плагина для управления партнерскими ссылками. Мы рекомендуем использовать либо Pretty Links, либо Thirsty Affiliates.

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

www.yoursite.com/refer/partnersitename

Плагины добавят новую опцию в меню WordPress, где вы сможете добавлять свои партнерские ссылки. Вот как это выглядит с ThirstyAffiliates. Вы просто копируете и вставляете свою специальную партнерскую ссылку в поле ‘Destination URL’.

Добавление ссылки в ThirstyAffiliates

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

Настройка параметров партнерской ссылки с помощью ThirstyAffiliates

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

После настройки партнерских ссылок вы можете легко добавлять их в свои посты и страницы. В блоке абзацев нажмите стрелку вниз и выберите опцию ‘Affiliate Link’:

Добавление партнерской ссылки в сообщение

Далее введите начало того, как вы назвали эту партнерскую ссылку. В нашем примере это «Наш партнер».

Поиск партнерской ссылки с помощью поиска

Затем вы можете щелкнуть по названию и нажать «Применить», чтобы добавить партнерскую ссылку в свой пост.

Партнерскую ссылку легко изменить, например, когда компания, на которую вы ссылаетесь, переходит на другую партнерскую программу.

Вы просто измените ссылку один раз на странице ThirstyAffiliates или Pretty Links на вашей приборной панели. Ссылка в ваших постах останется такой же, как и раньше, но теперь будет перенаправлять на новую партнерскую ссылку везде, где она используется.

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

Как вручную добавить ссылку в HTML

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

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

Легко создать ссылку в HTML. Чтобы попробовать, добавьте пользовательский HTML-блок в пост или на страницу. Вы можете найти этот блок в разделе ‘Виджеты’ или найти его с помощью строки поиска.

Добавление пользовательского HTML-блока к посту или странице

Далее вы увидите поле, в котором можно написать HTML. Скопируйте этот код в поле:

Это должно выглядеть следующим образом:

HTML-код для создания ссылки

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

Предварительный просмотр того, как HTML будет отображаться в посте или на странице

Теперь вернитесь к тегу ‘HTML’, чтобы изменить URL на правильную веб-страницу. Вы также можете изменить слово «Текст» на любое слово или слова, которые вы хотите использовать для вашей ссылки.

Вы можете добавить заголовок к ссылке, как мы делали ранее. Вам нужно будет включить код, подобный этому, и вы можете изменить «This is the title» на любой другой, какой захотите.

Если вы хотите, чтобы ваша ссылка открывалась в новой вкладке, просто добавьте target=»_blank» в HTML-код, как показано здесь:

Если вы хотите, чтобы ваша ссылка не следовала за вами, то добавьте rel=»nofollow», как показано здесь:

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

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

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

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

Посмотрите на анимированный скриншот ниже:

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

Как добавить ссылки на социальные акции в WordPress

Хотите добавить ссылки или кнопки социальных акций на свой сайт?

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

Ссылки на социальные акции

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

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий