Что такое ссылка на страницу в контакте: Что такое ссылка на страницу и где ее брать

телефонных ссылок: как добавить на свой веб-сайт ссылки с возможностью вызова и CTA

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

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

Подпишитесь на наш канал Youtube

Как работают ссылки для вызова

Сделать телефонный номер интерактивным можно легко с помощью HTML. HTML5 включает такие протоколы, как tel: и mailto:, которые могут использовать браузеры. Браузеры по-разному реагируют на эти протоколы. Некоторые запустят приложение для телефона и добавят номер на дисплей, ожидая, пока вы нажмете кнопку «Позвонить». Другие позвонят, а другие сначала спросят, нормально ли это.

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

Добавление ссылки на телефонный номер в формате HTML на ваш веб-сайт

Добавьте код в виде текста в то место, где должна отображаться ссылка:

  123-456-7890  

Href = tel: создает ссылку для вызова. Это сообщает браузеру, как использовать номер.

«Tel: 123-456-7890» создает номер телефона в формате HTML. Число в кавычках — это номер, по которому он позвонит.

Число в тегах> <- это визуальная часть, и это может быть что угодно, включая номер телефона, строку текста, например «Нажмите, чтобы позвонить» или «Позвоните сейчас», или любой другой призыв к действию. ты хочешь.Он должен описывать, что произойдет, когда они нажмут.

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

  НАЖМИТЕ ДЛЯ ЗВОНКА  

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

Добавление добавочного номера

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

  НАЖМИТЕ ДЛЯ ЗВОНКА  

Набирает номер, ждет одну секунду, а затем набирает добавочный номер.

Вы можете заставить его ждать гудка, используя w вместо p .

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

можно добавить, указав + вместе с кодом страны перед номером телефона.Пример может выглядеть так:

  123-456-7890  

Добавление микроданных для локального SEO

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

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

Например, код может выглядеть так:

 

 Тема WordPress 
Телефон:  
234567890  

 

Другие призывы к действию

С HTML5 вы не ограничены телефонными номерами.Вы можете добавить другие призывы к действию, такие как электронная почта, обмен сообщениями, факс и т. Д. Протоколы HTML5 включают:

• тел: — позвонить по телефону
• mailto: — открыть приложение электронной почты
• callto: открыть Skype
• sms: — отправить текстовое сообщение
• факс: — отправить факс

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

Добавление кода на страницу контактов

Одно из лучших мест для добавления ссылки для звонка — это контактная информация на странице «Контакты».

Независимо от того, используете ли вы классический редактор или новый редактор Гутенберга, вам потребуется просматривать текстовую версию страницы. В классическом редакторе перейдите на вкладку Текст . В Gutenberg щелкните три точки в правом верхнем углу и выберите Code Editor .

Добавьте код вместо своего номера телефона.

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

Создание кода для ссылки электронной почты или URL-адреса

HTML-код для электронной почты — mailto: адрес электронной почты добавляется в конец, например:

  [защита электронной почты] 
Как и в случае телефонной ссылки, вы можете использовать визуальную часть для добавления сообщения, например:
 Нажмите здесь, чтобы отправить мне письмо по электронной почте  

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

Вот пример со страницы контактов пакета макетов спа.Я добавил модуль аннотации со значком и текстом «Отправить электронное письмо». Я выбрал вкладку «Текст» и добавил HTML-код электронного письма. Теперь текст можно щелкнуть, и откроется ваше почтовое приложение.

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

У вас может быть HTML-код для открытия любого URL-адреса. Это хорошо, если вы хотите отправлять читателей на страницы для подписки на информационные бюллетени, событий и т. Д. Для того, чтобы ссылаться на них, ваш HTML-код будет включать URL-адрес. Например:

  См. Образец страницы> 

Я добавил еще одну аннотацию с кодом, чтобы увидеть страницу событий.

Отключить на настольном компьютере и планшете

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

Здесь я создал два модуля с номером телефона: один включает номер телефона в формате HTML, а другой — нет. Я отключил тот, у которого есть интерактивный номер на планшетах и ​​настольных компьютерах, поэтому они никогда не увидят ссылку.Я также отключил модуль без ссылки для телефонов, поэтому пользователи телефонов будут видеть только модуль со ссылкой.

Добавление кода в верхний или нижний колонтитул

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

На панели инструментов выберите Внешний вид> Редактор> Заголовок темы (или Тема Нижний колонтитул ).Поместите код в часть кода. Я поискал конечный тег , нажал «Enter», чтобы добавить несколько дополнительных строк, и вставил свой код. Вы можете увидеть код здесь, в строках 28 и 29.

Вот как это выглядит, когда я поместил ссылку для звонка и ссылку электронной почты в заголовок темы Twenty Nineteen. Он есть, и работает, но не очень красиво. Это можно исправить, добавив цвет и поле для полей, чтобы они стояли отдельно друг от друга. Конечно, это делается в CSS.= «mailto:»] { оранжевый цвет; текстовое оформление: нет; поле справа: 0,8em; }

Это говорит CSS, как стилизовать текст для tel: и mailto :. Он изменяет шрифт телефонного номера на коричневый, шрифт электронного письма — на оранжевый, а также добавляет небольшое поле справа от каждой ссылки.

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

Добавление кода во вторичное меню Divi

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

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

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

  123-456-7890 НАЖМИТЕ ДЛЯ ЗВОНКА  

В этом примере показан только текст.

В этом я добавил номер телефона вместе с текстом.

Тестирование на мобильном телефоне

Рекомендую проверить ссылки с мобильных устройств, чтобы убедиться, что они работают. Если у вас нет доступа к смартфону, вы можете использовать Инструменты разработчика Google Chrome.

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

Добавление ссылок для вызовов с помощью плагинов

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

Кнопка вызова

Call Now Button добавляет кнопку для звонка в нижнюю часть экрана для посетителей вашего мобильного устройства. Он не отображается на других устройствах. Вы также можете добавить текст, если хотите. Кнопка представляет собой значок телефона, поэтому легко понять, для чего она нужна. Все, что вам нужно сделать, это включить кнопку и ввести свой номер телефона. Вы можете изменить поведение по умолчанию в дополнительных настройках.

Дополнительная информация

Липкие боковые кнопки

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

Дополнительная информация

Скоростной контактный стержень

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

Дополнительная информация

Мобильная контактная панель

Этот плагин добавляет ссылки на ваш сайт при просмотре на мобильных устройствах. Вы можете выбрать, какие ссылки будут отображаться, из 13 вариантов, включая телефон, электронную почту, Skype, настраиваемые URL-адреса и социальные сети. Он имеет интеграцию с FontAwesome для иконок. Вы можете стилизовать ссылки и выбрать размер, границу, непрозрачность и т. Д. Установите меню вверху или внизу экрана.Меню остается на экране, когда пользователь прокручивает. Он также включает прокрутку вверх и корзину WooCommerce с кнопками счетчика товаров.

Дополнительная информация

Последние мысли

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

Мы хотим услышать от вас. Вы добавили на свой сайт ссылки для звонков? Расскажите нам о своем опыте в комментариях ниже.

Изображение предоставлено Джейн Келли / shutterstock.com

Создание ссылок для звонков по телефону и по электронной почте

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

Добавление ссылок для звонков по нажатию и по электронной почте

Если вы добавляете ссылки прямо на свою веб-страницу, вы можете сделать это с помощью всплывающего окна «Вставить / изменить ссылку».

Чтобы добавить ссылку:

1. Войдите в свою учетную запись
2. Выберите «Контент» в верхнем меню.
3. Щелкните значок редактирования рядом со страницей, на которую вы хотите ее добавить, или создайте новую страницу
4. Добавьте текст, который вы хотите связать, и затем выделите его
5. Щелкните значок «Вставить / изменить ссылку» на панели инструментов редактора.
6. Во всплывающем окне добавьте свою ссылку в поле «Добавить внешнюю ссылку».Чтобы позвонить по телефону, добавьте « tel: + », а затем свой номер телефона, а для отправки по электронной почте добавьте « mailto: », а затем свой адрес электронной почты

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

Добавление щелчка для звонка и щелчка по электронной почте с использованием фрагментов HTML

URL-адрес для вызова по щелчку должен иметь следующий формат:

Ваш текст здесь

URL-адрес электронной почты должен иметь следующий формат:

Ваш текст здесь

После создания URL-адреса вы можете добавить его к фрагменту HTML.

Чтобы перейти на экран фрагментов HTML, выполните следующие действия:

1. Войдите в свою учетную запись
2. Выберите «Контент» в верхнем меню.
3. Щелкните «Фрагменты HTML» в меню слева.

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

Чтобы создать новый фрагмент HTML:

1. Нажмите кнопку «Новый фрагмент HTML» в верхней части экрана.
2. В поле «Описание» введите что-нибудь описательное, чтобы вы знали, для чего нужен HTML-код или для чего он нужен. Это просто для справки и не будет отображаться на вашем сайте.
3. Вставьте URL-адрес в большое поле «HTML-код».
4. Нажмите кнопку «Добавить фрагмент HTML».
5. Вы вернетесь к экрану «Фрагменты HTML», где теперь будет указан ваш новый фрагмент.

Теперь, когда ваш фрагмент создан, вы можете добавить его на свою страницу.

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

Создайте ссылку для звонка или электронной почты

При нажатии кнопки вызова по нажатию связывают посетителей на мобильных устройствах с определенным номером телефона.

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

Вы можете вставлять ссылки Click-to-Call и mailto в модули форматированного текста и призывы к действию (CTA).

Создать ссылку «Звонок по рекламе»

Добавить ссылку «Звонок по клику» в модуль форматированного текста

• В своей учетной записи HubSpot перейдите к своей электронной почте, блогу, целевым страницам, страницам веб-сайта или базе знаний.
• Наведите указатель мыши на содержимое и нажмите Изменить .
• В редакторе содержимого выделите раздел текста или изображения .
• На панели инструментов форматированного текста щелкните ссылку Ссылка InIn Вставить значок ссылки.
• Во всплывающем окне введите tel: , затем номеров телефонного номера. Например, если номер телефона 123-456-7890, введите tel: 1234567890 . Ссылки для звонков по рекламе не могут содержать пробелов и тире.

• Нажмите Добавить ссылку .
• Чтобы применить изменения, нажмите Опубликовать или Обновить в правом верхнем углу.

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

• В своей учетной записи HubSpot перейдите к Marketing > Lead Capture > CTA .
• Наведите указатель мыши на CTA и щелкните раскрывающееся меню Действия , затем выберите Изменить .

• Задайте дизайн CTA, затем нажмите Далее в правом нижнем углу.

• Щелкните раскрывающееся меню Тип перенаправления URL-адреса и выберите Номер телефона .

• В поле Введите номер телефона введите номер телефона .

• В правом нижнем углу нажмите Сохранить .

Создать ссылку на почту

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

Форматировать почту по ссылке

Если вы не используете модуль форматированного текста или CTA, вы можете вместо этого создать ссылку mailto вручную.Выделите текст, который вы хотите связать, затем введите: mailto: [email protected] в качестве ссылки.

Вы можете изменить любую ссылку mailto для создания электронного письма с определенной строкой темы и текстом. Базовая структура выглядит так:

mailto: [адрес электронной почты получателя]? Subject = [тема электронной почты] & body = [тело электронной почты]

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

Например, ссылка mailto для электронного письма с получателем [email protected], строка темы «Зарегистрируйтесь на наш вебинар» и тело письма «Не забудьте зарегистрироваться сейчас!» будет выглядеть так:

mailto: [email protected]? Subject = Зарегистрируйтесь% 20for% 20our% 20webinar & body = Не% 20забудьте% 20to% 20sign% 20up% 20now!

Для более длинных писем и строк темы HubSpot рекомендует использовать бесплатный генератор ссылок mailto, подобный этому.

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

Добавить ссылку mailto в CTA

• В своей учетной записи HubSpot перейдите к Marketing > Lead Capture > CTA .
• Наведите указатель мыши на CTA и щелкните раскрывающееся меню Действия , затем выберите Изменить .

• Задайте дизайн CTA, затем нажмите «Далее» в правом нижнем углу.

• Щелкните раскрывающееся меню Тип перенаправления URL-адреса и выберите Адрес электронной почты .

Целевые страницы Электронное письмо Блог База знаний CTA Страницы веб-сайта

Как создавать ссылки на другие страницы в HTML

Из этого туториала Вы узнаете, как создавать ссылки на другие страницы в HTML.

Создание ссылок в HTML

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

Ссылка имеет два конца, называемых якорями. Ссылка начинается с привязки источника и указывает на привязку назначения, которая может быть любым веб-ресурсом, например изображением, аудио- или видеоклипом, файлом PDF, документом HTML или элементом в самом документе и т. Д. на.

По умолчанию в большинстве браузеров ссылки будут выглядеть следующим образом:

• Непосещенная ссылка подчеркнута синим цветом.
• Посещенная ссылка подчеркнута фиолетовым цветом.
• Активная ссылка подчеркнута красным.

Однако вы можете перезаписать это с помощью CSS. Подробнее о стилизации ссылок.

Синтаксис ссылки HTML

Ссылки указываются в HTML с помощью тега .

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

Поиск в Google Учебная республика

Атрибут href указывает цель ссылки. Его значение может быть абсолютным или относительным URL-адресом.

Абсолютный URL-адрес — это URL-адрес, который включает в себя все части формата URL-адреса, такие как протокол, имя хоста и путь к документу, e.g., https://www.google.com/ , https://www.example.com/form.php и т. д. В то время как относительные URL-адреса — это пути, относящиеся к странице, например, contact.html , images / smiley.png и т. Д. Относительный URL-адрес никогда не включает префикс http: // или https: // .

Установка целей для ссылок

Атрибут цели сообщает браузеру, где открыть связанный документ. Существует четыре определенных цели, и каждое имя цели начинается с символа подчеркивания ( _ ):

• _blank — открывает связанный документ в новом окне или на новой вкладке.
• _parent — открывает связанный документ в родительском окне.
• _self — открывает связанный документ в том же окне или на той же вкладке, что и исходный документ. Это значение по умолчанию, поэтому явно указывать это значение не требуется.
• _top — открывает связанный документ в полном окне браузера.

Попробуйте следующий пример, чтобы понять, как в основном работает цель ссылки:

   О нас 
 Google 

    
  

Совет: Если ваша веб-страница размещена внутри iframe, вы можете использовать target = "_ top" в ссылках, чтобы выйти из iframe и показать целевую страницу в полном окне браузера.

Создание якорей закладок

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

Создание закладок — это двухэтапный процесс: сначала добавьте атрибут id к элементу, к которому вы хотите перейти, затем используйте значение атрибута id , которому предшествует знак решетки ( # ) в качестве значения . href тега , как показано в следующем примере:

   Перейти к разделу A 
 
 Раздел A 
 
 Lorem ipsum dolor sit amet, conctetur adipiscing elit... 
  

Совет: Вы даже можете перейти к разделу другой веб-страницы, указав URL-адрес этой страницы вместе с привязкой (например, #elementId ) в атрибуте href , например Перейти к TopicA .

Создание ссылок для загрузки

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

В следующем примере мы создали ссылки для загрузки файлов ZIP, PDF и JPG.

   Загрузить Zip-файл 
 Загрузить файл PDF 
 Загрузить файл изображения   

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

39 Вдохновляющие примеры страниц контактов

Большинство страниц контактов разработаны с учетом функций.

Они наносят адрес электронной почты, телефон и местоположение на простой фон и называют это днем.

Но основные страницы контактов не вдохновляют посетителей на общение и общение.

Другие страницы позволяют легко связаться с компанией — и это здорово.

Кроме того, это также может привести к увеличению затрат на обслуживание клиентов.

Так что же делает страницу «Контакты» идеальной?

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

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

39 Превосходная страница контактов Примеры, которые вам нужно увидеть

1. Брокерские заметки

На первый взгляд контактная страница Broker Notes выглядит довольно пустой.

Нет ни графики, ни причудливой копии, только простая старая контактная форма.

Отлично подходит для UX, но не так хорош, чтобы вдохновлять пользователей на общение.

Реклама

Продолжить чтение ниже

Итак, что выделяется на этой странице?

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

Это упрощает сортировку запросов и как можно скорее отвечает на важные контакты.

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

Объявление

Продолжить чтение ниже

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

2.Sleeknote

Sleeknote использует формат, аналогичный Broker Notes: они спрашивают, чем они могут помочь, и предоставляют ссылки, чтобы забронировать демонстрацию или стать партнером.

Если пользователю нужно что-то еще, ему предлагается заполнить контактную форму.

Еще одна особенность, которая выделяется, — это чат в Sleeknote, где пользователи могут связаться, чтобы узнать больше о том, что они предлагают, или задать вопросы.

Упрощение поиска информации служит двум целям. Он:

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

Другими словами, это беспроигрышный вариант.

3. Yeti

Страница контактов Yeti выделяется по нескольким причинам.

Во-первых, они предлагают красивый (и фирменный) фото фон. Это поразительно, не отрываясь от копии.

Текст немного дерзкий: «Хотя мы хорошо разбираемся в дымовых сигналах, есть более простые способы связаться с нами».

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

Реклама

Продолжить чтение Ниже

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

Нажав на кнопку «Отправить нам письмо», вы попадете прямо в контактную форму.

Найти легко, но не так-то просто. (Что также помогает избавиться от этих надоедливых ботов.)

4. BrightLocal

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

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

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

Реклама

Продолжить чтение ниже

5. RedBull

В веб-сайте RedBull есть за что любить, но их контактная страница действительно выделяется .

Как и Yeti, они используют яркое изображение в качестве фона.

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

Чуть ниже стандартной контактной формы они предоставляют специальную форму только для членов прессы, что приятно (и, вероятно, сокращает количество запросов от прессы, которые они получают через обычную контактную форму!)

Реклама

Продолжить чтение ниже

6. Chipotle

Контактная страница Chipotle начинается с непринужденного тона, который соответствует их корпоративному бренду: «У вас есть вопросы, у нас есть ответы на все, что связано с Chipotle.”

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

Мне очень нравятся две вещи на этой странице.

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

Реклама

Продолжить чтение ниже

Ура для установления ожиданий.

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

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

7. MeUndies

Если вам нравится забавное нижнее белье, попробуйте MeUndies.

Бренд предлагает веселую атмосферу, и это отражено на их странице контактов.

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

Не можете найти то, что вам нужно?

Реклама

Продолжить чтение ниже

Они позволяют легко связаться со своим «CheekSquad» через чат, электронную почту, текстовые сообщения или в социальных сетях.

8.Podia

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

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

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

9. Проект «Средний палец»

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

Реклама

Продолжить чтение ниже

Но мы здесь, чтобы поговорить о страницах контактов.

Итак, вот контактная страница The Middle Finger Project:

Формально, это не очень интересно, правда?

Но мне нравится дерзкий язык и «Что я действительно хочу сказать…» и кнопка отправки:

Я не знаю, какова средняя скорость стаи волков, но звучит неплохо.

Кто сказал, что страницы контактов должны быть скучными?

Реклама

Читать ниже

10.Brands to life

Brands to life — австралийское агентство по брендингу и креативу, которое помогает, ну, в общем, воплощать бренды в жизнь.

У них уникальный бренд, простой и понятный.

Их контактная страница включает всю стандартную информацию — имя, местонахождение, адрес электронной почты и т. Д.

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

Реклама

Продолжить чтение ниже

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

11. Kick Point

Kick Point отлично справляется с отсеиванием людей, с которыми они не хотят работать, с самого начала — «Не отправляйте нам свое электронное письмо,« Уважаемые господа ». — довольно сильное утверждение, чтобы ваша контактная форма была в центре внимания!

Чуть ниже на странице контактов команда сообщает, сколько времени им требуется, чтобы ответить.

Реклама

Продолжить чтение ниже

Это все относительное и фирменное.

Копаю.

12. Гольф-центр Лидса

Чему нас может научить поле для гольфа в создании отличной контактной страницы?

Во-первых, они упрощают онлайн-бронирование, что, вероятно, является основной причиной, по которой люди переходят на их веб-сайты.

Смарт.

Чуть ниже они перечисляют всю свою контактную информацию — телефон, электронную почту, даже факс.

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

Пользователи должны установить флажок — они не скрытны, но это простой способ увеличить количество подписчиков на рассылку новостей.

Реклама

Продолжить чтение ниже

13. Nebular

Nebular — американское агентство цифровых разработок.

Их веб-сайт смелый и громкий, и их контактная страница придерживается этой темы.

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

Просто, но эффективно.

14. Basecamp

Кто указан на другом конце этой контактной формы?

Реклама

Продолжить чтение ниже

С некоторыми компаниями вы никогда не узнаете.

Basecamp, однако, показывает улыбающиеся (хотя и нарисованные) лица своих команд прямо в верхней части контактной формы.

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

В результате их контактная страница выглядит приветливой и простой в использовании.

15. ConvertKit

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

Реклама

Продолжить чтение ниже

Их контактная страница подчеркивает одну из их основных целей — успех клиентов.

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

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

Реклама

Продолжить чтение ниже

16. Moon Pie

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

К сожалению, на их контактной странице не было ни единого ироничного очарования, но оно невероятно хорошо изложено.

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

Чуть ниже они делятся часто задаваемыми вопросами, такими как «Где я могу найти MoonPies в моем районе». и «Кошерны ли MoonPies?»

Реклама

Продолжить чтение ниже

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

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

17. Taco Bell

Вот еще один бренд, известный своим вызывающим социальным присутствием.

Как и MoonPies, Taco Bell использует прямую, но небрежную информацию на своей странице контактов.

Они запрашивают контактную информацию и сначала пытаются направить пользователей на свои страницы часто задаваемых вопросов.

Что действительно выделяется, так это то, что Taco Bell позволяет клиентам выбирать, как получить ответ, включая опцию «Ответ не требуется.”

Реклама

Продолжить чтение Ниже

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

18. Focus Lab

Дело в том, что контактные страницы должны быть работоспособными.

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

Но то, что он должен работать, не означает, что он не может быть творческим.

Focus Lab создал эту потрясающую интерактивную контактную форму, которая позволяет пользователям сообщать свое имя, потребности и бюджет (что очень важно для работы с клиентами).

Он уникален, что является частью привлекательности его бренда.

Реклама

Продолжить чтение ниже

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

19. 99Designs

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

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

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

Реклама

Продолжить чтение ниже

20. Freshbooks

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

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

В мире чат-ботов и форм электронной почты это здорово освежает!

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

Реклама

Продолжить чтение ниже

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

22. Five

Теперь я могу быть неравнодушен к странице контактов Five с нами (полное раскрытие информации : я работал с ними в прошлом ), но я одержим ее раскрывающимся списком из основной навигации .

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

Реклама

Продолжить чтение ниже

23. Xbox

Моя любимая часть страницы контактов Xbox — это «Служба поддержки инвалидов».

Я еще не видел, чтобы другая компания добавляла эту функцию на свою страницу контактов.

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

Спасибо за руководство, Xbox!

24. Zendesk

Zendesk дает нам атмосферу в стиле Матрицы, предлагая выбрать между разговором с продавцом или просмотром справочного центра.

Объявление

Продолжить чтение ниже

Вы примете красную или синюю таблетку?

Это обычная практика. Я начинаю замечать тенденции в области SaaS.

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

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

25. Dollar Shave Club

Пока я надеялся на единорога или какой-то сарказм, просматривая страницу контактов Dollar Shave Club, я был приятно удивлен, обнаружив эту интерактивную страницу контактов.

Dollar Shave Club объединяет справочный центр со своей страницей контактов на основе вашего запроса.

Реклама

Продолжить чтение ниже

26. Kinsta

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

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

Но хостинг WordPress Kinsta — не единственное, что мне нравится.

Контактная страница Kinsta дает прямые ответы на вопросы, а также прямой адрес электронной почты и чат.

Полное раскрытие информации: в прошлом я предоставлял услуги копирайтинга для Kinsta.

Реклама

Продолжить чтение ниже

27. Swab the World

Swab the World становится одним из моих любимых веб-сайтов, в основном из-за его необычной копии.

Вы можете увидеть на странице контактов Swab the World, они передают свой разговорный тон даже в минимальной копии на странице.

Плюс, я люблю кричать на обычную почту. Кто-нибудь все еще любит получать обычную почту? 🙋‍♀️

28. Shopify

Shopify обслуживает дружественную страницу контактов с теплой приветливой улыбкой в ​​визуальных эффектах.

Реклама

Продолжить чтение ниже

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

Shopify выделяет свои форумы сообщества, справочный центр и контактную информацию для поддержки.

Заметили расположение?

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

29. Trello

Подобно Shopify, Trello обращается к своему сообществу Trello, чтобы помочь пользователям получить поддержку.

Реклама

Продолжить чтение ниже

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

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

30. PayPal

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

Ниже показано, как PayPal выделяет проблемы с паролями, платежами, пожертвованиями, спорами и т. Д.

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

Реклама

Продолжить чтение ниже

32. Ben & Jerry’s

Хотя Ben & Jerry’s — один из моих любимых брендов мороженого (привет любителям Phish Food!), Дизайн и текст веб-сайта Ben & Jerry всегда были на виду. верхняя часть моего списка.

Опять же, как и в PayPal, Ben & Jerry’s предоставляет раздел часто задаваемых вопросов с наиболее часто задаваемыми вопросами, чтобы ускорить время ответа.

33. Friends

Команда Friends остается верной своему бренду с монотонными цветами и игривыми копиями.

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

34. Bite Size Entertainment

Bite Size Entertainment сделала интересный поворот на своей странице контактов.

Реклама

Продолжить чтение ниже

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

Bite Size Entertainment демонстрирует свою индивидуальность, используя вдохновляющие тексты, такие как «работа вашей будущей мечты», и переходя на личные темы с помощью «разговоров за чашечкой кофе».

Даже на странице контактов с нами тон разговора передается по всему сайту.

35. Poo-Pourri

Послушав подкаст с Сьюзи Батиз несколько лет назад, я стал большим поклонником копии Poo-Pourri.

Реклама

Продолжить чтение ниже

Они играют прямо на свою целевую аудиторию, как вы можете видеть в чате: «Расскажите нам немного о себе.”

36. Squatty Potty

Squatty Potty стал большим событием после его премьеры на Shark Tank и этого ролика на YouTube, который стал вирусным.

Но уникальное чувство юмора Squatty Potty и его любовь к 💩 — не единственное, что мне нравится в этом бренде.

Реклама

Продолжить чтение ниже

Squatty Potty — это страница контактов с нами, на которую вы захотите взглянуть.

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

37. Velocity

Velocity — это маркетинговое агентство B2B, которое уже много лет заставляет меня смеяться над копией своего веб-сайта.

Он играет на своих собственных услугах, признавая, что если вы попадаете на эту страницу, вы находитесь на «более поздних этапах пути к покупке B2B».

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

38. Энн Хэндли

Энн Хэндли долгое время была фаворитом фанатов команды Search Engine Journal.

Реклама

Продолжить чтение ниже

Но мы не просто поклонники рассказов Анны.

Ее страница «Контакты» снова прибивает.

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

39. Солнцезащитные очки Pit Viper

Должен признать, я купил пару этих солнцезащитных очков, основываясь только на дизайне веб-сайта и копии Pit Vipers.

Из-за пограничного грубого и язвительного копирования веб-сайта и использования шрифта без комиксов, как ботанику-оптимизатору сложно не захотеть покупать на этом сайте.

Страницы для связи — это татуировки вашего сайта

Это печально, но факт, страницы для связи — это татуировки с вашего веб-сайта.

Реклама

Продолжить чтение ниже

Вы знаете, что они там, но, вероятно, забыли позаботиться о них и подправить их.

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

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

Дополнительные ресурсы:

Авторы изображений

Рекомендуемое изображение: Создано автором, сентябрь 2020 г.
Все снимки экрана сделаны автором, сентябрь 2020 г.

Семь заповедей внутреннего связывания, которые будут Улучшите SEO-маркетинг контента

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

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

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

Праймер по внутреннему соединению

Какими бы ни были ваши навыки SEO, это поможет освежить некоторые основы внутренних ссылок.

Определение внутренних ссылок

Внутренняя ссылка соединяет одну страницу веб-сайта с другой страницей того же веб-сайта. Во внутренней ссылке исходный домен и целевой домен совпадают.

Цель внутреннего связывания

Внутренняя перелинковка преследует три основные цели:

1. Средства навигации по сайту
2. Определяет архитектуру и иерархию веб-сайта
3. Распределяет авторитет страницы и рейтинг по всему сайту

Мы будем обсуждать третий пункт — как внутренние ссылки могут распространять авторитет и рейтинг на нескольких страницах веб-сайта.

Теория внутренней связи

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

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

Итак, как вы это делаете? Вот семь заповедей.

Семь заповедей внутреннего связывания для первоклассного SEO

1. Создайте много контента.

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

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

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

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

Нет «циклов». Нет никаких «разрозненных». Нет никаких «ярусов». Структурированных блок-схем нет. Есть просто множество приятных ссылок на полезные места.

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

Шаг № 1: Введите ключевое слово и нажмите «Поиск»

Шаг № 2: Щелкните варианты ключевых слов на левой боковой панели

Шаг № 3: Выбирайте ключевые слова с умом

С 292 ключевыми словами нет недостатка в вариантах.Делая свой выбор, сосредоточьтесь на ключевых словах, у которых много поисковых запросов, 1000+ — хорошее начало, а SD (сложность SEO) низкая. Это увеличивает ваши шансы попасть на первую страницу. И когда вы это сделаете, вы знаете, что поисков достаточно, чтобы оправдать их.

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

Например, вы можете создать сообщение под названием «Как сравнить водонепроницаемые чехлы.В нем вы используете такие ключевые слова, как водонепроницаемый чехол для iphone 6s plus и водонепроницаемый чехол для iphone 7. Затем, когда вы создаете контент, используя их в качестве основных ключевых слов, вы можете связывать страницы между собой.

2. Используйте якорный текст.

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

Пока мы обсуждаем альтернативные теги, Шон Ворк говорит:

Напишите свои альтернативные теги, как если бы вам пришлось описать их слепому…

— Шон Ворк (@seanvwork) 1 мая 2014 г.

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

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

3. Ссылка глубокая.

Чем глубже будут ссылки, тем лучше.

Есть два типа ссылок, которые вам следует избегать в своем контенте:

• Домашняя страница .Большинство сайтов и так имеют слишком много ссылок на домашнюю страницу. Вы бы предпочли укрепить внутренние страницы для повышения общего SEO вашего сайта, а не просто указывать больше ссылок на главной странице.
• Контакты us . Это распространенная ошибка многих, кто только начинает заниматься контент-маркетингом. В качестве обязательного призыва к действию в конце сообщения они могут написать что-то вроде: «Позвоните нам, чтобы узнать больше о наших замечательных услугах!» Затем они ссылаются на страницу «свяжитесь с нами» с помощью якоря «позвоните нам».»Не делайте ссылки на страницу контактов без крайней необходимости.

В общем, вы хотите избегать ссылок на страницы верхнего уровня на сайте — страницы, на которые в главном меню навигации уже есть ссылки.

Лучшие ссылки — и самые естественные ссылки в стратегии контент-маркетинга — находятся глубоко внутри структуры сайта.

4. Используйте ссылки, которые естественны для читателя.

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

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

Дэйв Дэвис в своей статье Search Engine Watch сделал хорошее замечание.

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

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

Win. Выиграть.

5. Воспользуйтесь соответствующими ссылками.

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

Другими словами, допустим, у меня на сайте есть страница о кормах для собак.На моем сайте есть страница о гнездовых привычках попугаев. (У меня ни того, ни другого.)

Должен ли я связать две страницы?

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

Но, если у меня есть страница о попугаях food , то она могла бы стать отличной внутренней ссылкой для моей статьи о Parakeet nest . Скорее всего, информация о «попугаях» будет на обеих страницах.Из-за перекрытия содержания ссылка актуальна.

Как можно больше дайте ссылку на релевантный контент во внутренних ссылках.

6. Используйте следующие ссылки.

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

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

Еще в 2005 году поисковые системы придумали nofollow, известный по атрибуту rel = nofollow. Идея nofollow заключалась в том, что ссылка «не должна влиять на рейтинг цели ссылки в индексе поисковой системы». Как заявила Википедия, такие ссылки «снизят эффективность определенных типов интернет-рекламы, поскольку их алгоритм поиска сильно зависит от количества ссылок на веб-сайт».

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

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

7.Используйте разумное количество внутренних ссылок.

Вам не нужны тонны ссылок во внутреннем контенте. Инструкции Google просты: «Сохраняйте разумное количество ссылок на данной странице».

Вопрос: Какого черта это разумное число?

Ответ: Никто не знает.

Умные люди пытались ответить на этот вопрос, но даже Мэтт Каттс не дал окончательного утверждения. Он написал: «Казалось правильным рекомендовать около 100 ссылок» и «в некоторых случаях может иметь смысл иметь более сотни ссылок.”

Итак, стоит ли брать 100 ссылок? Возможно, но эти 100 ссылок включают в себя всех ссылок на странице — нижние колонтитулы, заголовки, панели навигации, рекламу, всего. 100 ссылок не так сложно, как кажется, если подсчитать общее количество HREF на всей странице.

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

Нет никакого магического числа. Однако есть — это , самый важный пользователь. Добавьте столько ссылок, сколько будет полезно для пользователя.

Не создавайте массивные блоки ссылок нижнего колонтитула всего сайта!

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

Заключение

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

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

• SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
• Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
• Paid Media — эффективные платные стратегии с четкой окупаемостью.

Заказать звонок

Прямой переход к ссылке, разделу, всплывающему окну, адресу электронной почты или номеру телефона с помощью Click Action

В этой статье вы узнаете, как направить действие щелчка на ссылку , на раздел , — адрес электронной почты и / или номер телефона для элемента, чтобы ваши клиенты могли быстро получить доступ к другим ссылкам, разделу, отправить вам электронное письмо или позвонить вам, не покидая страницы.

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

Этот видеоурок предоставит вам подробную информацию о настройке действия Click:

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

Прямой переход к другой ссылке

• Шаг 1: Выберите элемент, который вы хотите вставить прямую ссылку на (кнопку, значок или блок — проверьте хлебные крошки, чтобы убедиться, что вы выбрали правильный)
• Шаг 2: Перейдите на вкладку Общие > ACTION > Нажмите Action > Выберите первый значок с именем Перейти к URL-адресу .
• Шаг 3. Вставьте URL-адрес, вставив нужный URL-адрес в поле. Если вы хотите, чтобы он был связан с любыми коллекциями / продуктами / страницами / сообщениями в блогах в вашем магазине, вы можете нажать на соответствующую кнопку.
• Шаг 4. Включите Открыть в новой вкладке , чтобы действие перенаправлялось на другую вкладку (необязательно).

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

Направить к внутреннему разделу страницы

Назовите раздел

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

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

Гифка ниже лучше продемонстрирует, как это сделать. Вы можете изменить название раздела с помощью параметра АТРИБУТЫ:

Вы можете посмотреть это видео о том, как назвать раздел:

• Шаг 1 : Выберите элемент, в который вы хотите вставить прямую ссылку (кнопка, значок или блок — проверьте навигационные цепочки, чтобы убедиться, что вы выбрали правильный)
• Шаг 2: перейдите на вкладку Общие > ДЕЙСТВИЕ > Щелкните Действие > Выберите второй значок с именем Прокрутите до раздела.
• Шаг 3. Выберите раздел в раскрывающемся списке «Прокрутить до раздела».

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

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

Открыть всплывающее содержимое

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

• Выберите элемент, в который вы хотите вставить ссылку (кнопка, значок или блок — проверьте хлебные крошки, чтобы убедиться, что вы выбрали правильный).
• Перейдите на вкладку Общие > ДЕЙСТВИЕ > Щелкните Действие > Выберите пятый значок с именем Открыть всплывающее окно .
• Выберите Всплывающее содержимое в раскрывающемся меню: Youtube Video или Хранить содержимое , затем вставьте URL-адрес и измените другие параметры соответствующего содержимого.

Ссылка на номер телефона

• Шаг 1: Выберите элемент, в который вы хотите вставить ссылку (кнопка, значок или блок — проверьте навигационные крошки, чтобы убедиться, что вы выбрали правильный).
• Шаг 2: перейдите на вкладку Общие > ДЕЙСТВИЕ > Выберите четвертый значок с именем Номер вызова из Нажмите Действие option
• Шаг 3: Введите номер телефона в поле. Например: (+0) 111222333.

Ссылка на адрес электронной почты

• Шаг 1. Выберите элемент, в который вы хотите вставить ссылку (кнопка, значок или блок — проверьте хлебные крошки. чтобы убедиться, что вы выбрали правильный).
• Шаг 2: перейдите на вкладку « Общие» > ДЕЙСТВИЕ > Выберите третий значок с именем Отправить электронное письмо из Нажмите «Действие », как показано на изображении ниже.