Опубликовано

Опубликована книга “Создание сайта, его SEO-продвижение и монетизация. Самоучитель”

Создание сайта, его SEO-продвижение и монетизация. Самоучитель

В нашем издательстве вышла книга Владимира Молочкоыв “Создание сайта, его SEO-продвижение и монетизация. Самоучитель“.

Подробно рассмотрено создание сайта с использованием CMS WordPress: выбор хостинга, подключение домена, установка шаблонов и плагинов. Рассказано о наполнении сайта контентом, о поисковой (SEO) оптимизации, подключении аналитических сервисов Яндекса и Google. Даны советы по бесплатному и коммерческому продвижению сайта в социальных сетях «ВКонтакте», «Одноклассники», Instagram, Facebook, Twitter а также в Telegram. Описано создание подписок и почтовых рассылок для посетителей сайта. Приводятся практические рекомендации по монетизации, рассматриваются инструменты для получения дохода с помощью сайта или личного блога.

Для начинающих веб-мастеров и разработчиков

Шаг за шагом к успешному сайту

  • Cоздание сайтов c использованием WordPress
  • Самостоятельный запуск блога или многостраничника
  • Оформление сайта и наполнение его контентом
  • Полезные плагины
  • Аудит работы сайта
  • Инструменты Google и Яндекса для веб-мастера
  • Создание рассылок и подписок
  • Продвижение сайта в социальных сетях
  • Эффективные способы монетизации

Молочков Владимир ПетровичВладимир Петрович Молочков — кандидат педагогических наук, преподаватель высшей квалификационной категории Политехнического колледжа Новгородского госуниверситета им. Ярослава Мудрого. Автор 18 книг по компьютерной тематике и более 200 статей в СМИ.

Книгу можно купить в нашем интернет-магазине.

Оглавление

Предисловие…………………………………………………………………………………………… 11

История WordPress……………………………………………………………………………………………………………………… 12

Когда WоrdPress погубит HTML?…………………………………………………………………………………………….. 13

От издательства…………………………………………………………………………………………………………………………. 13

Часть I. Создание сайта в WordPress
и размещение его на хостинге……………………………………………….. 15

Глава 1. Установка WordPress на хостинг……………………………………………… 16

Основные понятия, связанные с WordPress………………………………………………………………………………. 16

Плюсы WordPress……………………………………………………………………………………………………………….. 16

Тема WordPress…………………………………………………………………………………………………………………… 16

Плагин…………………………………………………………………………………………………………………………………. 17

Хостинг……………………………………………………………………………………………………………………………….. 17

Виртуальный хостинг………………………………………………………………………………………………………… 17

Хостинг WordPress……………………………………………………………………………………………………………… 17

Домен…………………………………………………………………………………………………………………………………… 17

Как на практике разместить сайт на хостинге в Сети?………………………………………………………….. 18

Знакомство с консолью (панелью администратора)……………………………………………………………… 21

Базовые настройки WordPress после установки……………………………………………………………………… 23

Общие………………………………………………………………………………………………………………………………….. 23

Написание…………………………………………………………………………………………………………………………… 24

Чтение………………………………………………………………………………………………………………………………….. 24

Обсуждение………………………………………………………………………………………………………………………… 25

Медиафайлы………………………………………………………………………………………………………………………. 26

Постоянные ссылки……………………………………………………………………………………………………………. 26

Приватность (настройка конфиденциальности)……………………………………………………………… 27

Специальные настройки WordPress………………………………………………………………………………………….. 29

Заменяем кириллицу латиницей (организуем транслит)……………………………………………….. 29

Плагин Cyr to Lat enhanced………………………………………………………………………………………. 29

Плагин Rus-To-Lat……………………………………………………………………………………………………… 30

Делаем ссылки короткими: плагин Bring Back the Get Shortlink Button……………………….. 30

Протокол SSH…………………………………………………………………………………………………………………….. 31

Глава 2. Выбор и установка темы WordPress для сайта…………………………. 32

Способ 1. Установка темы через поиск……………………………………………………………………………………. 32

Способ 2. Устанавливаем тему из ZIP-архива………………………………………………………………………… 33

На что обратить внимание при выборе темы WordPress?………………………………………………………. 34

Никто не любит медленные веб-сайты…………………………………………………………………………….. 34

Валидность шаблона…………………………………………………………………………………………………………. 35

Валидатор validator.w3.org……………………………………………………………………………………… 36

Валидатор jigsaw.w3.org/css-validator……………………………………………………………………. 36

Адаптивность шаблона……………………………………………………………………………………………………… 37

Убираем из шаблона рекламную фразу «Сайт работает на WordPress» или аналогичную. 38

Используем редактор тем………………………………………………………………………………………………….. 38

Вывод копирайта (указателя ваших авторских прав)……………………………………………………. 39

Используем плагин Remove «Powered by WordPress»…………………………………………………….. 40

Редактируем нижний колонтитул с помощью плагина Remove Footer Credit……………… 41

Редактируем PHP-код в WordPress с помощью плагина Code Snippets…………………………. 42

Законно ли убирать копирайты WordPress из подвала?…………………………………………………. 43

Проверка темы плагином Theme Authenticity Checker……………………………………………………………. 44

Организуем скачивание архивов с сайта по паролю……………………………………………………………… 46

Кнопки соцсетей для сайта WordPress……………………………………………………………………………………… 50

Глава 3. Практический пример создания сайта на WordPress………………… 52

Важные настройки WP после установки сайта на хостинг…………………………………………………… 53

Общие настройки……………………………………………………………………………………………………………….. 53

Постоянные ссылки……………………………………………………………………………………………………………. 53

Латинизация ссылок: плагин Cyr to Lat enhanced…………………………………………………………… 54

Установка темы для сайта………………………………………………………………………………………………………… 54

Основное……………………………………………………………………………………………………………………………… 55

Макет…………………………………………………………………………………………………………………………………… 55

Цвета……………………………………………………………………………………………………………………………………. 55

Разное………………………………………………………………………………………………………………………………….. 57

Настройка виджетов………………………………………………………………………………………………………………….. 57

Создание страниц сайта……………………………………………………………………………………………………………. 59

Настройка меню: плагин Простая сортировка страниц……………………………………………………… 61

Установка формы Контакты: плагин Contact Form by BestWebSoft……………………………………. 61

Создание рубрик (категорий)……………………………………………………………………………………………………. 62

Сокращение длины интернет-адресов записей………………………………………………………………………. 64

Удаление лишних записей, присутствующих в теме по умолчанию……………………………………. 65

Удаление лишних тем, присутствующих в консоли……………………………………………………………….. 65

Создание гиперссылок………………………………………………………………………………………………………………. 66

Создание ссылки на файл…………………………………………………………………………………………………………. 66

Установка на сайт счетчика……………………………………………………………………………………………………… 68

Вставка на сайт баннера…………………………………………………………………………………………………………… 71

Соглашение об обработке персональных данных…………………………………………………………………. 72

Создание шапки сайта………………………………………………………………………………………………………………. 76

Редактируем файл robots.txt……………………………………………………………………………………………………… 78

Создание карты сайта: плагин XML Sitemaps…………………………………………………………………………. 80

Создание страницы с картой сайта: плагин WP DS Blog Map………………………………………………. 81

Добавляем на сайт кнопки соцсетей: плагин Яндекс Поделиться………………………………………… 82

Создаем свой граватар……………………………………………………………………………………………………………… 83

Глава 4. Оформление вида сайта и наполнение его контентом………………. 86

Фавикон………………………………………………………………………………………………………………………………………. 86

Логотип……………………………………………………………………………………………………………………………………….. 88

Установка фона сайта……………………………………………………………………………………………………………….. 90

Получение сертификата безопасности SSL…………………………………………………………………………….. 91

Чем отличается бесплатный SSL-сертификат от платного?………………………………………….. 91

Пример установки сертификата на хостинге TimeWEB…………………………………………………. 91

Пример установки сертификата на хостинге SprintHost………………………………………………… 96

Шаг 1. Установка SSL………………………………………………………………………………………………. 96

Шаг 2. Замена протокола HTTP на HTTPS…………………………………………………………….. 97

Шаг 3. Перенаправление на HTTPS………………………………………………………………………… 98

Шаг 4. Для очень больших сайтов…………………………………………………………………………… 99

Установка меню «Хлебные крошки»: плагин Flexy Breadcrumb…………………………………………. 101

Создание эффекта «лайтбокс» для изображения: плагин Simple Lightbox…………………………. 105

Создание кнопки………………………………………………………………………………………………………………………. 108

Создаем кнопку «Наверх»: плагин WPFront Scroll Top……………………………………………………….. 109

Ссылка на сайте на номер телефона, Skype и отправку СМС…………………………………………….. 110

Список основных мероприятий по обслуживанию веб-проекта…………………………………………. 111

Глава 5. Полезные плагины и приемы работы с сайтом………………………. 112

Защита текста на сайте от копирования: плагин WP-CopyProtect……………………………………… 112

Защита изображений на сайте: плагин водяного знака Image Watermark…………………………. 113

Делаем оглавление: плагин Table of Contents Plus………………………………………………………………. 116

Защита сайта от взлома: плагин Limit Login Attempts………………………………………………………….. 117

Исключаем спам на своем сайте: плагин Akismet Spam Protection……………………………………… 118

Публикуем на сайте видео………………………………………………………………………………………………………. 121

Вариант 1: берем видео с YouTube………………………………………………………………………………… 121

Способ 1: используем блок HTML………………………………………………………………………… 121

Способ 2: используем блок YouTube……………………………………………………………………. 123

Вариант 2: выкладываем на сайт свое видео………………………………………………………………… 124

Публикуем на сайте звуковые файлы…………………………………………………………………………………….. 125

Способ 1: используем блок Аудио…………………………………………………………………………………. 125

Способ 2: используем виджеты………………………………………………………………………………………. 125

Публикуем на сайте неуникальный контент…………………………………………………………………………. 126

Создаем на сайте опрос: плагин WP-Polls…………………………………………………………………………….. 127

Шаг 1: выводим опрос на страницу……………………………………………………………………………….. 127

Шаг 2: помещаем опрос в сайдбар…………………………………………………………………………………. 129

Создание галереи: плагин Slider, Gallery, and Carousel by MetaSlider………………………………. 130

Добавление смайликов……………………………………………………………………………………………………………. 133

Организуем скачивание с сайта предназначенных для этого материалов………………………… 134

Оценка звездочками рейтинга статьи: плагин Rate My Post………………………………………………… 136

Режим заглушки на сайте WordPress: плагин WP Maintenance Mode…………………………………. 137

Часть II. Анализ работы и продвижение сайта………………… 139

Глава 6. Организуем продвижение сайта……………………………………………… 140

Подготовка к созданию семантического ядра сайта……………………………………………………………. 141

Установка программы «Магадан»…………………………………………………………………………………. 141

Сбор ключевых фраз в «Магадане»……………………………………………………………………………….. 144

Работа с экспортным файлом в таблицах Google…………………………………………………………. 147

Кластеризация ключевых фраз………………………………………………………………………………………. 148

Создание контент-плана…………………………………………………………………………………………………………. 153

Советы по SEO-оптимизации сайта WordPress……………………………………………………………………… 157

Глава 7. Как написать SEO-статью?…………………………………………………….. 160

Настройка SEO-плагина Yoast SEO……………………………………………………………………………………….. 160

Проверяем SEO-заголовок……………………………………………………………………………………………….. 165

Проверяем метаописание………………………………………………………………………………………………… 165

Пишем SEO-статью для сайта………………………………………………………………………………………………… 165

Требования к SEO-тексту………………………………………………………………………………………………… 165

Пример написания SEO-статьи……………………………………………………………………………………….. 166

Уникальность текста на сайте………………………………………………………………………………………………… 171

Проверка релевантности страниц………………………………………………………………………………………….. 174

Перелинковка…………………………………………………………………………………………………………………………… 176

Правильность HTML-кода……………………………………………………………………………………………………… 177

Советы по попаданию сайта в топ выдачи поисковых систем……………………………………………. 178

Показатели раскрученности сайта: PR, ТИЦ и ИКС……………………………………………………………. 178

Глава 8. Сервисы Яндекса для веб-мастера………………………………………….. 180

О сервисе Яндекс.Вебмастер………………………………………………………………………………………………….. 180

Шаг 1: подключаем сайт к Яндекс.Вебмастеру……………………………………………………………. 181

Шаг 2: добавляем в Яндекс.Вебмастер карту сайта (Sitemap)……………………………………. 184

Работаем с Яндекс.Метрикой…………………………………………………………………………………………………. 185

Установка на сайт поисковой формы от Яндекса………………………………………………………………… 188

Плагин «турбо-страницы» для WordPress……………………………………………………………………………… 193

Привязка Яндекс.Метрики к Яндекс.Вебмастеру…………………………………………………………………. 198

Ускорение индексирования сайта вручную………………………………………………………………………….. 200

Добавление на сайт географической карты с Яндекса………………………………………………………… 202

Глава 9. Сервисы Google для веб-мастера…………………………………………….. 205

Добавление сайта в Google Search Console………………………………………………………………………….. 205

Шаг 1: подтверждаем право владения сайтом……………………………………………………………… 205

Шаг 2: отправляем в Google Search Console файл Sitemap………………………………………….. 207

Подключение Google Аналитики……………………………………………………………………………………………. 209

Шаг 1: создание аккаунта……………………………………………………………………………………………….. 209

Шаг 2: настройка ресурса………………………………………………………………………………………………. 210

Шаг 3: информация о компании……………………………………………………………………………………… 211

Шаг 4: настройка потока данных…………………………………………………………………………………… 212

Шаг 5: проверка работы Google Аналитики………………………………………………………………….. 214

Подключение поиска от Google………………………………………………………………………………………………. 214

Ускорение загрузки мобильных страниц сайта: плагин AMP……………………………………………… 217

Ускорение индексации Google вручную………………………………………………………………………………… 219

Добавление на сайт географической карты от Google…………………………………………………………. 220

Проверка кроссбраузерности сайта………………………………………………………………………………………. 223

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

Адаптивность сайта…………………………………………………………………………………………………………. 223

Скорость сайта…………………………………………………………………………………………………………………. 224

Глава 10. Анализ работы сайта…………………………………………………………….. 225

Посещаемость сайта……………………………………………………………………………………………………………….. 225

Аналитический сервис Яндекс.Метрика……………………………………………………………………………….. 225

Аналитический сервис Google Аналитика…………………………………………………………………………….. 226

Как узнать целевую аудиторию по Яндекс.Метрике?…………………………………………………………. 228

Веб-визор от Яндекс.Метрики………………………………………………………………………………………………… 230

Карты Яндекс.Метрики…………………………………………………………………………………………………………… 232

Отчет о посещаемости сайта в реальном времени на Google Аналитике…………………………… 234

Как узнать целевую аудиторию в Google Аналитике?…………………………………………………………. 235

Анализ поведения пользователя на сайте в Google Аналитике…………………………………………… 236

Проверка и оптимизация скорости загрузки сайта………………………………………………………………. 237

Ускорение загрузки сайта: плагин WP-Optimize…………………………………………………………………… 238

Оптимизация графики: плагин WebP Express………………………………………………………………………… 242

Адаптивность сайта………………………………………………………………………………………………………………… 244

Анализ сайта по сервису be1.ru……………………………………………………………………………………………… 246

Глава 11. Создание рассылок и подписок…………………………………………….. 249

Создание на хостинге доменной почты…………………………………………………………………………………. 249

Работа с сервисом SendPulse…………………………………………………………………………………………………… 253

Регистрация в сервисе SendPulse…………………………………………………………………………………….. 253

Создание формы подписки на рассылку……………………………………………………………………….. 253

Создание рассылки писем……………………………………………………………………………………………….. 260

Создание Push-рассылки…………………………………………………………………………………………………. 265

Часть III. Продвижение сайта через соцсети……………………. 273

Глава 12. Продвижение сайта на YouTube……………………………………………. 274

Создаем канал………………………………………………………………………………………………………………………….. 274

Оформляем вид канала……………………………………………………………………………………………………………. 274

Выполняем настройку канала………………………………………………………………………………………………… 278

Прямая трансляция на YouTube…………………………………………………………………………………………….. 282

Загрузка видео на YouTube…………………………………………………………………………………………………….. 283

Редактирование загруженного видео…………………………………………………………………………………….. 286

Команда Обрезать…………………………………………………………………………………………………………… 287

Другие операции………………………………………………………………………………………………………………. 288

Удаление своего видео…………………………………………………………………………………………………….. 288

Анализ каналов конкурентов………………………………………………………………………………………………….. 289

Анализ своего канала……………………………………………………………………………………………………………… 294

Информер YouTube на вашем сайте………………………………………………………………………………………. 295

Делаем интродукцию для видео…………………………………………………………………………………………….. 298

Глава 13. Видеоредактор Camtasia Studio……………………………………………… 303

Первое знакомство с программой…………………………………………………………………………………………… 303

Пример записи видеоурока…………………………………………………………………………………………………….. 306

Сохранение готового фильма…………………………………………………………………………………………………. 309

Полезные приемы работы и команды……………………………………………………………………………………. 311

Разделение аудио и видео……………………………………………………………………………………………….. 311

Объединение двух видео в одно……………………………………………………………………………………… 312

Вырезание фрагмента видео…………………………………………………………………………………………… 312

Добавление надписи в видео…………………………………………………………………………………………… 313

Масштабирование…………………………………………………………………………………………………………… 313

Добавление к видео своего водяного знака…………………………………………………………………… 313

Сохранение видео для его последующей загрузки на YouTube………………………………………….. 314

Рисование экранных примитивов…………………………………………………………………………………………… 315

Глава 14. Соцсети ВКонтакте и Instagram……………………………………………. 317

Продвижение сайта через сообщество ВКонтакте………………………………………………………………. 317

Создание сообщества ВКонтакте…………………………………………………………………………………… 317

Наполнение и продвижение сообщества……………………………………………………………………….. 323

Хештеги ВКонтакте…………………………………………………………………………………………………………. 324

Пример написания поста о новой статье на сайте……………………………………………………….. 325

Способы «раскрутки» сообщества…………………………………………………………………………………. 327

Делаем информер для сайта о своем сообществе ВКонтакте……………………………………… 328

Платное продвижение сообщества через рекламу……………………………………………………….. 330

Рассылки подписчикам ВКонтакте через приложение Senler……………………………………… 333

Продвижение сайта через Instagram……………………………………………………………………………………… 340

Добавление фото или видео в Instagram с компьютера……………………………………………….. 341

Загрузка фото………………………………………………………………………………………………………….. 341

Загрузка видео………………………………………………………………………………………………………… 343

Требования к видеофайлам в Instagram…………………………………………………………………………. 345

Как и что публиковать?…………………………………………………………………………………………………… 345

Продвижение в Instagram………………………………………………………………………………………………… 345

Виджет Instagram у вас на сайте……………………………………………………………………………………. 349

Глава 15. Соцсети Facebook и Twitter…………………………………………………… 353

Продвижение сайта через Facebook………………………………………………………………………………………. 353

Создание и настройка личного профиля на Facebook…………………………………………………. 353

Создание и настройка страницы……………………………………………………………………………………. 355

Создание и настройка группы………………………………………………………………………………………… 357

Что публиковать на Facebook?……………………………………………………………………………………….. 360

Создание публикации на Facebook………………………………………………………………………………… 360

Публикация в профиле……………………………………………………………………………………………. 360

Редактирование публикации, размещенной на Facebook…………………………………… 361

Публикация на странице………………………………………………………………………………………… 363

Публикация в группе………………………………………………………………………………………………. 364

Продвижение страницы и группы…………………………………………………………………………………… 365

Работа с Twitter………………………………………………………………………………………………………………………… 367

Создание постов на Twitter……………………………………………………………………………………………… 369

Ставим виджет Twitter на свой сайт……………………………………………………………………………….. 369

Глава 16. Соцсети Одноклассники и Мой мир и мессенджер Telegram… 373

Социальная сеть Одноклассники…………………………………………………………………………………………… 373

Создание группы……………………………………………………………………………………………………………… 374

Создание публикаций (постов) в группе………………………………………………………………………… 377

Продвижение группы……………………………………………………………………………………………………….. 379

Виджет вашей группы в Одноклассниках……………………………………………………………………… 380

Монетизация в Одноклассниках…………………………………………………………………………………….. 381

Донаты…………………………………………………………………………………………………………………….. 381

Платный контент…………………………………………………………………………………………………….. 384

Платный доступ………………………………………………………………………………………………………. 384

Социальная сеть Мой мир………………………………………………………………………………………………………. 385

Настройка профиля…………………………………………………………………………………………………………. 385

Создание группы……………………………………………………………………………………………………………… 387

Создание публикации……………………………………………………………………………………………………… 389

Мессенджер Telegram……………………………………………………………………………………………………………… 389

Создание и настройка профиля………………………………………………………………………………………. 389

Создание канала в Telegram……………………………………………………………………………………………. 391

Публикация постов………………………………………………………………………………………………………….. 392

Глава 17. Приемы продвижения сайта в различных соцсетях………………. 394

Настройка социальных метатегов…………………………………………………………………………………………. 394

Создание социального замка………………………………………………………………………………………………….. 394

Создание на сайте кнопок перехода на ваш аккаунт (или вашу группу) в соцсети………….. 400

Сервис SMM Planner………………………………………………………………………………………………………………… 403

Автопостинг в соцсети через сервис SMM Planer…………………………………………………………………. 408

Бесплатный автопостинг ВКонтакте: плагин VK Poster Group…………………………………………… 411

Для справки: накрутка в соцсетях………………………………………………………………………………………….. 418

Создание аккаунта в TikTok для бота vtope bot……………………………………………………………. 422

Глава 18. Монетизация сайта на рекламе от Contema, teasernet
и Admitad……………………………………………………………………………………………… 427

Контекстная реклама от сервиса Contema.ru……………………………………………………………………….. 427

Тизерная реклама от сервиса teasernet………………………………………………………………………………….. 432

Партнерский маркетинг на рекламе от Admitad…………………………………………………………………… 439

Партнерская ссылка deeplink…………………………………………………………………………………………………. 445

Глава 19. Сервисы AdSense, Glopart, BestChange и др…………………………… 449

Партнерская программа AdSense от компании Google………………………………………………………… 449

Создание аккаунта AdSense……………………………………………………………………………………………. 449

Размещение объявлений AdSense……………………………………………………………………………………. 450

Связываем аккаунт AdSense с сайтом WordPress: плагин Site Kit……………………………….. 457

Возможные проблемы……………………………………………………………………………………………………… 461

Сервис Glopart………………………………………………………………………………………………………………………….. 462

Шаг 1: создаем на сайте страницу товара или услуги…………………………………………………. 462

Шаг 2: подключаем сервис для приема оплаты на сайте…………………………………………….. 463

Страница с предложением рекламодателям…………………………………………………………………………. 470

По поводу открытых ссылок для рекламодателя…………………………………………………………. 471

Сервис BestChange…………………………………………………………………………………………………………………… 472

Сервис Miralinks……………………………………………………………………………………………………………………….. 474

Глава 20. Платное продвижение сайта в поисковиках…………………………. 478

Сервис Miralinks……………………………………………………………………………………………………………………….. 478

Сервис WebEffector…………………………………………………………………………………………………………………. 483

Глава 21. Полезные советы и сервисы………………………………………………….. 489

Бесплатные картинки и видео для сайта……………………………………………………………………………….. 489

Создание фавикона………………………………………………………………………………………………………………….. 490

Плагин Mammoth .docx converter……………………………………………………………………………………………. 490

Бесплатные значки для сайта…………………………………………………………………………………………………. 493

Скриншоты страниц вашего сайта………………………………………………………………………………………… 493

Определители цвета………………………………………………………………………………………………………………… 495

ColorZilla……………………………………………………………………………………………………………………………. 495

Colors Lite………………………………………………………………………………………………………………………….. 497

Quick HTML Color Picker…………………………………………………………………………………………………. 497

Подбор сочетаний цветов на сайте………………………………………………………………………………………… 498

WhatFont — определитель шрифта……………………………………………………………………………………….. 499

Работа со шрифтами……………………………………………………………………………………………………………….. 499

Использование мастера надписи……………………………………………………………………………………………. 500

Логотип для сайта……………………………………………………………………………………………………………………. 503

Обложка книги…………………………………………………………………………………………………………………………. 504

Загрузка в WordPress PDF-файлов………………………………………………………………………………………….. 506

Предметный указатель…………………………………………………………………………. 509

 

Добавить комментарий