Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Что такое посадочная страница?
Посадочная страница (иначе «landing page», целевая страница) зачастую означает слишком много несвязанных между собой явлений. Этим термином часто именуют , построенный таким образом, чтобы собрать максимальный трафик и обеспечить наибольшую конверсию в рамках этого трафика.
Да, выражение абсолютно верно, однако это необязательно должна быть одна страница, ибо целевых страниц у сайта, например, у интернет-магазина, может быть очень много.
С точки зрения веб-аналитики, посадочная страница – это страница входа, куда поступает трафик.
Зачем нужны лендинги?
Создают, как правило, в вопросах оптимизации конверсии: тогда, когда нужно мотивировать пользователя совершить целевое действие. Конверсия предполагает процесс выполнения определенных целевых действий (покупка, скачивание, просмотр и т.д), а показатель конверсии – это процент пользователей, совершивших это самое целевое действие. Отсюда вытекает небольшая неточность, когда речь идет об именовании их как «продающие» страницы, потому что продажа - это не единственное целевое действие.
Факторы, влияющие на конверсию:
- Качество трафика. Кто приходит на страницу, откуда эти люди, что хотят видеть на сайте.
- Интерфейс. Дизайн страницы должен быть выполнен таким образом, чтобы вся необходимая информация была перед глазами.
Стоит заметить, что правильная настройка посадочной страницы увеличивает количество заявок в 5 - 10 раз.
Чтобы добиться увеличения конверсии необходимо правильно оптимизировать целевые страницы.
В правильном лендинге не должно быть никаких отвлекающих ссылок, невнятных (не мотивирующих) текстов и перегруженных форм.
Как сделать правильную посадочную страницу?
- Определитесь с целями. Каких действий вы хотите от пользователя: отправление заявки, покупка, просмотр. Это опорные моменты.
- Напишите хороший текст. Заголовок должен быть привлекательным и соответствовать поисковому запросу пользователя. Расскажите о товаре, или услуге. Чем вы можете понравиться покупателю, опишите преимущества. Например, заголовок «Продаем надежные охранные системы в Воронеже» лучше, чем «Вы обратились по адресу» и т.п. Помните, что в тексте не должно быть ошибок и опечаток.
- Дизайн должен привлекать внимание. Если вы что-то продаете, имеет смысл показать «товар лицом» и еще лучше – показать его в использовании. Видео и красивые картинки удерживают внимание.
- Если цель - отправка пользователем формы, ее нужно располагать на видном месте. И так, чтобы она не нарушала его общий путь движения по странице. Целевое действие должно находиться там, куда падает взгляд. Ссылки на другие товары, красивые картинки – все, что может замотивировать посетителя смотреть ваш сайт дальше. Форма заявки должна запрашивать только обязательную информацию. Не перегружайте форму большим количеством полей. Оставьте только необходимые данные для дальнейшей обработки. Обязательно: форма должна отдавать ответ об успешной (или неуспешной, указать причины) отправке.
Пример хорошей формы заявки
И еще:
- Контент должен работать на повышение доверия.
- Размещайте логотипы известных брендов, с которыми вы сотрудничали, адреса, телефоны – все, что может доказать, что вы реальны и вам можно довериться.
Примеры посадочных страниц с высокой конверсией
Рассмотрим целевую страницу курса техники речи:
- Обратите внимание на картинку: человек не ней смотрит на заголовок и это еще один прием управления вниманием. Картинки сами по себе привлекают взгляд, но если модель смотрит не на вас, а на рекламируемый объект, вы неосознанно переведете взгляд.
- Сразу поданы выгоды и гарантии: избавление от дефектов, указана гарантия результата через 6 занятий.
- Наличие цены и кнопки «Отправить заявку» на главной картинке также являются важным фактором.
Есть небольшое замечание: Блок «Программа курса» сам по себе не является целевой частью, однако может оттягивать внимание пользователей на себя так, что пользователи, заинтересовавшись программой, могут не долистать до конца страницы.
Страница контактов оформлена с учетом ближайшей станции метро и времени.
Здесь мы видим другую форму «Заказать звонок». Не упускаем пользователя, который не хочет оставлять заявку, предоставляем альтернативный вариант.
Логотипы известных брендов повышают доверие.
И наконец:
И наконец, мы «подхватываем» пользователей, которые, просмотрев страницу до конца, не хотят скроллить вверх.
Примеры далеко не лучших посадочных страниц
А теперь давайте рассмотрим немного неоднозначный лендинг.
Сайт доставляет пиццу. У которой нет фото...
Кроме того, что нет фото пиццы, на сайте отсутствует название ресторана, или службы доставки.. вообще какое-либо название…
Лишь проскроллив вниз можно увидеть текст и в самом его низу телефон. Но названия по-прежнему нет нигде. Доставка? А просто доставка еды на дом.. Секретная, видимо.
Надеюсь, статья была вам полезна. Жду вопросы в комменты.
Посадочная страница (англ. Landing Page) — это та страница на вашем сайте, на которую переходят пользователи из результатов поиска или с рекламы по определенному запросу или объявлению. Посадочную страницу еще иногда называют целевой страницей , т.к. имеется цель привести пользователя интересующегося определенной информацией именно на эту страницу и перевести его в клиента.
Последние годы стали популярны одностраничные сайты, предлагающие какой-то товар или услугу и содержащие всю необходимую информацию для принятия решения о покупке/заказе. Их тоже называют Landing Page. Обычно они очень красочные, содержат видео, таймеры, отзывы и прочие элементы сделанные для того, чтобы «соблазнить» человека на покупку. Но я бы, все таки, называл их именно одностраничными сайтами.
Пример посадочной страницы
Не каждая посадочная страница обязательно должна быть красочным одностраничником. Но желательно, чтобы большинство страниц вашего сайта отвечали базовым требованиям посадочных страниц.
Вообще говоря, каждая страница на сайте является посадочной для каких-то поисковых запросов. Страницу, на которую попадают люди, переходя из результатов поисковой системы, можно назвать посадочной. Бывает так, что по определенным запросам в результатах поиска стоит не та страница вашего сайта, которая нужна. Тогда говорят, что у сайта неправильные посадочные страницы.
Зачем нужна посадочная страница?
Посадочная страница обычно представляет собой предложение конкретного товара или услуги. Содержимое страницы должно быть таким, чтобы человек сразу понял:
- Что предлагается
- Сколько стоит
- Преимущества
- Прочая нужная для принятия решения информация
Т.е. посадочная страница — это наш виртуальный продавец, который круглосуточно рассказывает всем желающим о нашем предложении. Учитывая, что большинство сайтов создается для продажи товаров и услуг, то страницы на таких сайтах должны продавать эти товары или услуги.
Часто, на сайтах компаний можно найти много полезной и интересной информации. Информационная страница тоже является посадочной страницей, но для людей, которые интересуются именно информацией. К ней не много требований: главное, чтобы информация была актуальной и полезной.
Если же мы собираемся что-то продать, то нужно сделать страницу с конкретным предложением.
Главный элемент посадочной страницы
В настоящее время существует сотни агентств предлагающих разработку Landing Page, в основном имеются в виду красочные одностраничные сайты. Все такие лэндинги представляют собой однотипные сайты слизанные с друг друга как будто под копирку. Везде есть: форма заявки, таймер, преимущества, отзывы, «как мы работаем», гарантия и т.п.
Но никто не упоминает про главный элемент продающей посадочной страницы — УТП. УТП — это уникальное торговое предложение. То чем вы отличаетесь от других компаний. Во многих нишах можно открывать подряд сайты конкурентов и у всех одно и тоже — красочные лэндинги. И тогда, чтобы выбрать приходится ориентироваться на цену, либо выбирать на угад.
На самом деле ничто так не важно, как УТП . Дизайн, отзывы, таймер, красивые иконки не имеют значения, когда у вас действительно хорошее предложение. Вот пример.
Компания «Окна Рехау» специализируется на производстве и установке пластиковых окон и дверей в Москве. С момента разработки сайта компания заказывает услуги SEO и интернет-рекламы в WebCanape, поэтому специалисты по продвижению тщательно следят за позициями сайта в поиске и планируют долгосрочное развитие ресурса.
После появления новости, что с 1.01.2017 сайты, на которых собираются данные кредитных карт или пароли, будут отмечаться в браузере Google Chrome как потенциально опасные для пользователей, принято решение об установке SSL-сертификата и переводе сайта на защищенный протокол.
HTTPS (от англ. HyperText Transfer Protocol Secure) — расширение http-протокола, которое поддерживает шифрование данных и обеспечивает их защиту от прослушивания и изменения.
Зачем нужен https-протокол?
- Обеспечивает безопасный обмен информацией между сайтом и девайсом пользователя
- Повышает доверие к сайту и поддерживает его репутацию в глазах посетителей
- Число сайтов, которые работают по незащищенному http-протоколу сокращается. HTTPS становится основным стандартом
- HTTPS входит в перечень ранжирующих факторов при поисковой выдаче Google
Как он работает?
Для корректной работы HTTPS используется сертификат, состоящий из открытого и приватного ключа.
Первый нужен клиенту, другой — серверу для шифрования и дешифрования запросов.
Для повышения безопасности передачи данных используются другие средства защиты. Например, идентификационный номер сессии, алгоритм сжатия данных, параметры шифрования и др.
Почему это важно для сайта?
- С начала 2017 года Google Chrome помечает некоторые сайты без https как небезопасные и понижает их в выдаче поисковых систем.
- Если сайт обеспечивает надежную передачу данных (то есть использует протокол https), он может рассчитывать на дополнительный бонус при ранжировании.
Покупаем и устанавливаем SSL-сертификат — 7 простых шагов
Шаг 1 . Переходим на страницу заказа SSL-сертификатов.
Шаг 2 . Выбираем нужный тип сертификата.
Шаг 3 . Генерируем CSR-запрос.
CSR (Certificate Signing Request) — запрос на получение сертификата. Это текстовый файл, содержащий открытый ключ и закодированную информацию об администраторе домена.
Важно! Обязательно сохраните полученный при генерации CSR-запроса файл ключа. Он еще понадобится.
Шаг 4 . Заполняем анкетные данные сертификата (на английском языке), оплачиваем услугу любым удобным способом.
Шаг 5 . Подтверждаем владение доменом. Потребуется электронная почта в зоне вашего домена, куда будет отправлено письмо с кодом. Вы можете перейти по ссылке в письме или скопировать код и ввести его на странице центра сертификации.
Важно! Письмо может быть отправлено только на «approver email», который вы указываете при заказе сертификата.
При необходимости отправку письма подтверждения SSL-сертификата можно повторить.
Письмо подтверждения выглядит так:
Шаг 6 . Дожидаемся выпуска сертификата и скачиваем его с сайта сертификационного центра или сайта-партнера.
Шаг 7 . Устанавливаем сертификат на хостинг, где размещается сайт. Для этого используем файл(ы) сертификата и файл ключа, полученный на 3-м шаге.
Предварительная подготовка сайта к переходу на https
Подготовка проходит в девять этапов.
- Меняем все ссылки на страницы сайта (и элементы страниц), для которых устанавливается защищенное соединение.
- Весь контент сайта, в том числе внешние модули, фото и скрипты, тоже должен подгружаться по протоколу https. Иначе браузер посчитает, что на странице есть небезопасные материалы и не покажет в адресной строке зеленый значок. Несмотря на то, что страница будет загружена по https.
Самая распространенная ошибка — размещение на сайте, который работает по https, не только защищенного, но и обычного контента. В таких случаях один или несколько элементов (обычно изображения, скрипты, Flash-файлы или CSS) загружаются на странице https с использованием незащищенного внешнего URL, начинающегося с http://.
Список незащищенных элементов на страницах со смешанным содержанием можно найти в консоли JavaScript (в некоторых браузерах она может называться отладчиком JavaScript) либо в инструментах разработчика браузера.
- Убеждаемся, что все ссылки на сайте имеют относительный протокол или ведут на страницы, доступные по защищенному протоколу.
- Исправляем все ссылки, в том числе на графику, консультанты, виджеты и другие внешние скрипты.
Убедитесь, что SSL-сертификат корректно настроен. Получить подробный анализ конфигурации SSL можно с помощью специального сервиса >>
- Версия сайта с https должна быть доступной и работать без ошибок, как и версия с http. Для обеих версий файл robots.txt должен быть одинаковым.
Важно! Ранее рекомендовалось использовать параллельно два файла robots.txt и на период переклейки в Яндекс закрыть https-версии сайта от индексации Google. Сейчас этого не требуется. Был протестирован и утвержден вариант без закрытия от индексации в Google. Если доступны обе версии сайта, Google по умолчанию показывает в выдаче https-версию, а Яндекс делает это только после переиндексации.
В robots.txt должна быть строчка:
Host: https://www. адрес-сайта.ru/
Это значит, что https-версия является главным зеркалом.
Если все сделано верно, результат будет выглядеть так:
- Добавляем обе версии сайта в Вебмастер Яндекса, указываем предпочтительный протокол в разделе «Настройка индексирования — Переезд сайта».
- В Google Search Console добавляем сайт с протоколом https и подтверждаем права.
Google понимает, что http и https являются разными протоколами одного и того же сайта. Если он найдет работающий https протокол, по ходу переиндексации контента заменит http на https. Это произойдет даже без перенаправления и добавления https-версии в Google Search Console.
- Ждем переиндексации сайта в Яндекс. Это произойдет, когда в индекс зайдут версии страниц с https, а версии с http выпадут из него.
Переклейка начинается через 2-3 недели. К сожалению, повлиять на ее скорость невозможно — это автоматический процесс.
Когда начнется переклейка, в Вебмастере Яндекса появится уведомление:
Также можно увидеть, что https-версия стала отображаться как основная:
Неглавное зеркало начнет выпадать из индекса Яндекса, главное — попадать в него:
У крупного ресурса все страницы не переиндексируются мгновенно.
- После склейки сайтов настраиваем постраничный 301-редирект со страниц с http на страницы с https (за исключением файла robots.txt).
Нежелательно делать это прежде чем сайты будут признаны зеркалами. Иначе по правилам Яндекса при обработке перенаправлений страницы с редиректами исключатся из поиска.
На период склейки зеркал сайт должен оставаться доступным по обоим адресам.
Для перенаправления с http:// на https:// в.htaccess можно воспользоваться тремя способами:
- ручной корректировкой файла htacces;
- настройкой редиректов через панель управления хостингом;
- написанием программного скрипта настройки редиректов.
Результаты
Приведенный алгоритм действий подтвержден Яндексом и протестирован при переезде нескольких сайтов с хорошей историей. Он позволяет свести к минимуму потери трафика и позиции сайта в результатах поиска.
Однако служба поддержки Яндекса отвечает, что не может гарантировать 100% сохранение позиций сайта при склейке зеркал.
Как правило, на время переклейки сайта наблюдается временное ухудшение позиций в результатах поиска как в Яндекс, так и в Google. Но позиции в течение одного-двух месяцев полностью восстанавливаются.
Что еще нужно помнить?
- Базовый алгоритм перевода сайта на https, который используем при переездах, доступен по ссылке >>
- Удостоверьтесь в работоспособности и наличии доступов к почтовому ящику, на который высылается письмо со ссылкой на подтверждение выпуска сертификата.
- Созданная версия с https доступна наряду с версией с http. Причем в robots.txt должна быть прописана строчка, указывающая на то, что https-версия является главным зеркалом.
- После того как сайты склеятся, нужно настроить постраничный 301-редирект с http на https.
- Если домен https был признан зеркалом домена http до переклейки (то есть https-версия была признана неглавным зеркалом), нужно расклеить зеркала, а затем выбрать https-версию в качестве главного зеркала.
Хотите заказать установку SSL-сертификата? Свяжитесь с нами по телефону: 8-800-200-94-60 , доб. 321 или оставьте запрос на
С каждым днем необходимость в защищенном соединения стает все острее. Во-первых, это более безопасная работа с сайтом, потому что все данные передаются в шифрованном виде, во-вторых, это зелёный замочек рядом с адресом сайта, что вызывает некое доверие к порталу, в-третьих, по заявлению представителей Google, сайты работающие на https имеют преимущество в поисковой выдаче.
SSL-сертификатов существует несколько видов: от простых с проверкой домена, до мультидоменных с информацией о компании (зеленой строкой). Рассматривать все виды и преимущества каждого мы не будем, главная задача, разобраться как получить SSL-сертификат бесплатно .
Получения и установка SSL-сертификата Let’s Encrypt
1. Для получения сертификата воспользуемся сайтом https://www.sslforfree.com/ . Переходим по ссылке и прямо на главной странице видим основное поле. Вбиваем туда имя нашего домена и нажимаем кнопку “Create Free SSL Certificate” .
2. Далее сайт нам предлагают на выбор несколько вариантом подтверждения домена. Нажимаем “Manual Verification” , после “Retry Manual Verification” . В итоге, мы получаем два файла которые необходимо залить на сайт в папку /.well-known/acme-challenge . Выполняем данные действия и нажимаем “Download SSL Certificate” .
3. Наш SSL-сертификат готов, срок его действия 90 дней , после необходимо повторить процедуру. Остается только установить его на сайт.
4. Процесс установки сертификата на каждом хостинге может немного отличаться, если у вас установлена какая-либо панель управления (ISP Manager, cPanel и т.д.), то сделать через нее не составит большого труда. Для этого переходим в раздел “SSL сертификаты” и выполняем установку по инструкции. В случае отсутствия панели установка происходит через конфиги web-сервера, подробнее о процессе установки SSL-сертификата на Apache в CentOS.
5. Настройка редиректа с http на https . Сделать это можно несколькими способами, через панель хостинга, через файл.htaccess, через конфигурацию вашего web-сервера или через PHP (любой другой язык, на котором сделан сайт).
Все способы рассматривать не будем, это материал для другой статьи. Самый распространённый пример, редирект с http на https через.htaccess . Добавляем нижеуказанный код в начало файла.htaccess:
< IfModule mod_rewrite . c > RewriteEngine On RewriteCond % { HTTPS } off RewriteRule ^ (. * ) $ https : //%{HTTP_HOST}%{REQUEST_URI} < / IfModule > |
6. Процесс установки закончен, теперь необходимо проверить сайт, чтобы все картинки, стили, скрипты подгружались по https соединению , в противном случае сайт не будет помечаться как безопасный. Проще всего вообще удалить “http:” из подключаемых файлов, то есть сделать так.
Google уже предупредил, что защищенные сайты получат преимущества при ранжировании в поисковой выдаче. Это означает, что сайт может быть оценен выше, если его доменное имя начинается с префикса «HTTPS :». Данный тип протокола защищает посетителей сразу от нескольких видов мошенничества за счет шифрования данных. Что значительно затрудняет «отслеживание » и кражу информации. Если вы хотите защитить своих пользователей и улучшить ранжирование страниц, то установка даже бесплатного SSL сертификата для сайта на WordPress является одним из самых простых способов.
Во сколько обойдется использование SSL?
Стоимость SSL-сертификата будет зависеть от услуг хостинга. Также необходимо учитывать то, какой SSL-сертификат вам нужен. Например, стандартный сертификат для личных и бизнес сайтов может стоить значительно дешевле по сравнению с более надежным сертификатом для электронной коммерции.
Установка SSL-сертификата на WordPress-сайте
Установка SSL-сертификата на WordPress относительно проста. За короткий промежуток времени можно выполнить все необходимые действия и предложить своим посетителям безопасные страницы.
Перед тем, как установить SSL сертификат на сайт , нужно понимать, что все изменения, связанные с редиректами, можно внести вручную. Но намного проще использовать специализированный плагин.
Получение SSL-сертификата
Для начала необходимо приобрести SSL-сертификат у своего хостинг-провайдера. Некоторые сервисы позволяют передавать сертификат третьим лицам. Но сначала стоит убедиться, чтобы у вас еще нет SSL-сертификата . На определенных тарифных планах хостинга можно установить SSL-сертификат по умолчанию.
Установка SSL-сертификата
После того, как вы приобрели SSL-вертификат , его необходимо установить. Если у вас хостинг с неограниченным количеством доменов и вы запускаете несколько сайтов, то нужно выбрать, какой из них получит только что купленный SSL-сертификат .
Использование специализированного плагина для внесения необходимых изменений
Используя специализированный плагин, можно переложить на него большую часть работы. Многие из них автоматически вносят необходимые изменения сразу после приобретения SSL сертификата для сайта . Некоторые специализированные плагины полностью автоматически настраивают сайт сразу после собственной активации — от вас не требуется никаких действий. Ниже приводится несколько лучших WordPress-плагинов для установки SSL-сертификата :
Really Simple SSL
Этот плагин не требует дополнительной настройки после установки и активации. Он автоматически внесет необходимые изменения в файл .htaccess , если на сайте обнаружен SSL-сертификат .
CTW SSL для CLoudflare
Для тех, кто использует Cloudflare для SSL , этот плагин автоматически внесет необходимые изменения, а также решит распространенную проблему перенаправления циклов. Это один из тех плагинов, которые автоматически вносят все изменения сразу после собственной установки и активации.
WP Force SSL
Плагин, предназначенный для перенаправления доступа к страницам и записям с HTTP на защищенный HTTPS . Он автоматически перенаправляет весь трафик сайта на нужный контент. Кроме этого плагин вносит все необходимые изменения автоматически. Так что установите его перед тем, как купить SSL сертификат для сайта .
Изменение настроек WordPress
После установки плагина для управления SSL нужно будет изменить настройки WordPress . Перейдите в раздел «Настройки» в панели администрирования. Здесь вы увидите текстовое поле «Адрес сайта» . Убедитесь, что префикс вашего домена — «https ». Это поможет перенаправить пользователей на защищенный контент и решит сразу несколько проблем с записями и страницами, которые отображаются не правильно.
Изменение файла.htaccess вручную
Если хотите изменить файл .htaccess вручную, то нужно будет ввести простой код. Откройте файл .htaccess в редакторе и введите следующие строки:
Настройка SSL-сертификата на WordPress — это проще, чем вы думаете. Его использование позволит посетителям чувствовать себя уверенно на страницах вашего ресурса. Представьте, как это улучшит маркетинговые возможности. Ваш контент станет более доступным по сравнению с конкурентами.
Какие меры безопасности вы используете на своем WordPress-сайте ? Считаете ли вы, что затраты на установку SSL сертификата на сайт оправдывают себя?
Перевод статьи «How to Install a SSL Certificate On Your WordPress Site» был подготовлен дружной командой проекта
Хорошо Плохо
В этой статье мы рассмотрим разницу между SSL и HTTPS. А также узнаем, как установить, активировать SSL-сертификат и как перевести WordPress -сайт на HTTPS.
