Дизайнер обложки Владимир Вдовиченко

© Владимир Вдовиченко, 2022

© Владимир Вдовиченко, дизайн обложки, 2022

ISBN 978-5-0059-4223-4 (т. 4)

ISBN 978-5-0059-4220-3

Создано в интеллектуальной издательской системе Ridero

Предисловие

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

В четвёртой книге мы разберём такие вопросы, как:

· настройка файла Robots. txt;

· теги title, description, h1 и keywords;

· монетизация сайта и извлечение прибыли;

· установка платёжной системы на сайт;

· регистрация сайта в поисковых системах;

· продвижения молодого сайта в интернете;

· рекламная сеть Яндекса, РСЯ, Google;

· работа со СРА сетями;

· таргетированная реклама.

· комплексный seo аудит сайта;

Итак, Вы готовы? Тогда поехали!

Часть 4

Глава 25. Продвижение молодого сайта в интернете

Основная задача владельца сайта – это привлечение посетителей. Для молодого сайта эта задача не из лёгких. Вы должны чётко понимать, что создать сайт сегодня и начать зарабатывать деньги буквально завтра не получится. На то, чтобы достичь первых доходов с рекламы у вас уйдёт 2—3 месяца, и только через 6—12 месяцев, возможно, вы выйдете на полный денежный поток. Почему так?

Да потому, что Яндекс и Гугл, а именно они будут основными источниками посетителей на вашем сайте, негативно относятся к молодым сайтам и поначалу вы будете проигрывать «старичкам» даже в том случае, если ваш сайт намного лучше и информативнее.

Вот что рекомендует Яндекс в этом случае.

Рекомендации

Качество вашего сайта определяется количеством удовлетворённых пользователей и решённых ими задач. https://webmaster.yandex.ru/site/dashboard/ и далее добавьте ваш-сайт в разделе «Качество сайта».

Как привлечь больше пользователей на сайт

Создайте профили вашей организаций в соц. сетях и регулярно публикуйте информацию, интересную вашей целевой аудитории (например, информацию о скидках и акциях).

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

Если на вашем сайте предлагаются товары или услуги:

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

воспользуйтесь услугами подходящих вам сайтов-агрегаторов (оцените потенциальную выручку вашего сайта с помощью калькулятора на Яндекс. Маркете).

Если на вашем сайте много интересного контента, создайте свой канал в Яндекс. Дзен.

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

Как повысить эффективность взаимодействия сайта с поиском и пользователями

Зайдите в https://webmaster.yandex.ru

Исправьте технические проблемы сайта. Их список доступен на странице Диагностика.

Добавьте основные страницы сайта в мониторинг важных страниц и следите за изменениями на них.

Увеличьте скорость загрузки контента на мобильных устройствах с помощью технологии Турбо.

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

Установите на сайте систему аналитики (например, Яндекс. Метрику), повышайте конверсию, анализируя показатели отказов и настроенные цели.

Обеспечьте возможность диалога с пользователями с помощью Алисы и чатов на Поиске на платформе Яндекс. Диалоги.

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

Установка кнопок социальных сетей

http://n-wp.ru/22680

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

Находим плагин

Яндекс. Поделиться: https://wordpress.org/plugins/yandex-share/

Устанавливаем. Активируем.

Консоль/Настройки/Яндекс поделиться.

Добавляем иконки.

Тут же жмём Внешний вид/Иконки/Счётчик.

Сохранить.

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

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

Как увеличить кнопки Поделиться от Яндекса?

https://dolinacoda.ru/kak-uvelichit-knopki-podelitsya-ot-yandeksa/

Чтобы изменить размер кнопок, нужно понять, какой css класс отвечает за это. Кликаем по любой иконке правой кнопкой и нажимаем Исследовать элемент.

Видим в коде, что за размер иконок отвечает класс ya-share2__icon.

В других версиях темы класс может быть другим, например, у автора книги – это класс b-share-icon

service=«vkontakte»> <span class=«b-share-icon b-share-icon_vkontakte»> </span> <span class=«b-share-counter»> 1 </span> </a>

Соответственно в кодах ниже ставим свой класс.

Как теперь изменить размер кнопок?

– Открываем Консоль/Внешний вид/Редактор/главный css-файл вашего сайта, обычно называется style. css или main. css.

– Вставляем туда сразу после вступительного комментария такой код:

– ya-share2__icon {

– width: Npx! important;

– height: Npx! important;

– background-size: Npx Npx! important;

– }

Все N нужно заменить на числа – сколько именно пикселей размером вы хотите сделать иконки. По умолчанию средние иконки от Яндекса имеют ширину 24 пикселя и такую же высоту, а размер фона 24×24. Как видите, все 4 значения должны быть одинаковыми, если вы хотите сохранить иконки в их текущем виде.

Ключевое слово! important нужно для того, чтобы точно перебить стили, поставленные по умолчанию. Теперь пробую сделать большие иконки:

ya-share2__icon {

width: 36px! important;

height: 36px! important;

background-size: 36px 36px! important;

}

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

Другие манипуляции

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

ya-share2__counter {

font-size: 18px! important;

line-height: 36px! important;

}

Вот, изначальные значения были 12 пикселей (размер шрифта) и 24 пикселя (высота строки). Мы их увеличили пропорционально иконкам.

Заодно покажем, как добавить кнопкам отступы.

ya-share2 {margin: 20px 0;}

ya-share2 это как раз общий контейнер для кнопок. Отступы будут добавлены сверху и снизу по 20 пикселей. А вообще, как вы поняли, зная css можно как угодно перемещать, позиционировать, увеличивать и крутить кнопки от Яндекса, адаптировав их под ваш конкретный сайт.

Ну а если вам вообще нужен полностью уникальный дизайн ваших соц. кнопок, можете почитать эту статью https://dolinacoda.ru/kak-dobavit-na-sajt-knopki-sotsialnyh-setej/ там написано про один из сервисов, который предлагает такую возможность.

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

.b-share-icon {margin: 36px 50px;}

Получился вот такой результат:

Сервис Share42. Установки кнопок социальных сетей:

В этом варианте кнопки социальных сетей мы будем создавать с помощью сервиса Share42

Переходим на сайт по ссылке: http://share42.com/ru

Выбираем размер 24х24 (или другой).

Выбираем самые популярные сети.

Для этого кликаем по ним.

Далее выбираем вертикальная панель (она будет видна всегда)

Снимаем галочку «Добавить иконку Share42».

Ниже поставим галочку у пунктов «К вашему сайту подключён jQuery» и «Показывать счётчики публикаций».

Жмём «Скачайте новый скрипт».

Переходим в наш хостинг— в нашем случае в Beget.

Перейдите в корневую папку вашего сайта. В файловом менеджере будет сначала папка с названием вашего сайта.

Откройте её. Затем откройте корневую папку public_html.

В открывшемся окне жмём «Загрузить файлы»

Открываем Browser и находим наш файл Share42. Открываем его и жмём «Загрузить», а когда появится зелёная галочка жмём «Закрыть»

Заходим в корневую папку, кликаем правой кнопкой мыши на папке с архивом и жмём «Разархивировать»

Жмём ОК

В корневой папке нашего сайта появится папка Share42

Закрываем файловый менеджер. Возвращаемся на сайт Share42

Внизу:

Укажите путь к папке Share42: http://имя сайта/share42/

Выберите тип сайта, отмечаем WordPress

И ещё немного ниже скопируйте код.

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

Следующий шаг. Зайдите в корневую папку public_html вашего сайта. Откройте файл single.php и найдите строчку <?php the_content ();?> Если хотите, чтобы кнопки отображались в начале поста, тогда вставляйте скопированный код чуть выше найденной строчки, если после сообщения, тогда чуть ниже. Вертикальные социальные кнопки Share42 можно вставить сразу после тега body или также чуть ниже <?php the_content ();?>.

Зайдите на сайт, откройте любую страницу, и вы увидите сбоку кнопки социальных сетей.

Щёлкните по одной из них, например, Одноклассники. Введите логин и пароль, войдите, Вам предложат опубликовать ваш сайт. Опубликуйте. На иконке Одноклассники появится цифра 1. Значит счётчик сработал.