Как сделать движок для сайта
Как создать движок для сайта
У меня часто спрашивают: «Как создать свой собственный движок для сайта, например, как Joomla, DLE, WordPress и другие«. Многие, конечно, спросят: «А зачем, ведь есть, например, Joomla?«. На этот вопрос я уже отвечал в этой статье: joomla vs сайт с нуля. И если Вы приняли решение о создании своего движка для сайта, то читайте дальше.
Первым делом я Вас заранее предупреждаю, что даже создание простого движка требует очень много времени и сил, но зато через этот очень-очень интересный процесс Вы получите колоссальный опыт. Чтобы Вы лучше поняли, давайте распишу всё по пунктам:
Всё, движок для сайта создан! Я понимаю, что многие из Вас сейчас сидят в шоке, не понимая, как это всё реализовать. Это действительно сложно для начинающего, поэтому сначала Вам надо набраться опыта в простых вещах. А вот дальше уже реализовать подобные вещи. Если остались какие-то вопросы, то Вы можете задать их в комментариях. А в следующей статье я расскажу, как создаётся Admin-панель для сайта, так что подписывайтесь, чтобы не пропустить.
Пример создания реального движка с нуля можно посмотреть в этом курсе: http://srs.myrusakov.ru/php
Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!
Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.
Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Порекомендуйте эту статью друзьям:
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
Комментарии ( 46 ):
Не совсем понял два момента: 1. «В этих файлах-шаблонизаторах поставьте <элемент_шаблона>» Куда именно нужно писать <элемент шаблона>. В начале tpl файла? или в названии? 2. Также не совсем разобрался, где хранить набор классов используемых в движке, а значит и на сайте? В отдельных файлах и выводить через include?
1. В самих файлах должны располагаться эти элементы, прямо в тексте. 2. В отдельных файлах лучше храните, а подключать необходимые классы лучше через require_once.
Здравствуйте, Михаил. У меня к вам один вопрос: в каком расширении хранить главный шаблон сайта?
Строим свою CMS на PHP и MySQL. Часть 1
Задача построения системы управления содержанием (CMS) может привести в замешательство новичка разработчика PHP. Но не так страшен черт, как его малюют! В данной серии уроков мы построим простую, но полностью работоспособную систему с нуля.
В ходе процесса вы научитесь создавать базы и таблицы MySQL, работать с объектами, константами, включениями, сессиями и прочими инструментами PHP. Кроме того мы покажем, как отделять логику приложения от презентации и сделать код PHP более безопасным. А также вам откроется многое другое, полезное в деле создания собственной системы мечты.
Вы можете посмотреть работу готового приложения на странице демонстрации (с целью безопасности включен режим «только чтение», так что добавлять, изменять и удалять статьи не получится). Также можно скачать полный код PHP нашей меленькой CMS с переведенными комментариями.
Примечание: для изучения материалов уроков потребуется веб сервер Apache с установленным модулем PHP и сервер MySQL. Для работы на локальном компьютере можно воспользоваться одним из инструментов веб разработчика: XAMPP (на английском языке), Denwer, Open server или другим.
Функционал нашей CMS
Первым делом надо точно определиться, что будет делать наша CMS. Итак, вот список функций:
Каждая статья имеет собственный заголовок, резюме и дату публикации.
Планирование работ
Для создания нашей CMS нужно сделать следующие шаги
Примечание: на страницах уроков приводится код для нашей CMS готовый к копированию в ваши текстовые файлы. Если у вас нет желания создавать файлы самостоятельно, то можно скачать архив с исходниками, в котором содержатся все нужные папки и файлы.
Шаг 1. Создаем базу данных
На первом шаге нужно создать базу данных MySQL для хранения содержания. Можно сделать так:
Запускаем программу клиент mysql Открываем окно терминала и набираем команду
После запроса введите пароль для доступа к MySQL.
Создаем базу данных После метки mysql> вводим:
create database cms;
Выходим из программы клиента mysql После метки mysql> вводим:
Теперь у нас есть пустая база данных, в которой можно размещать таблицы и содержание.
Для решения такой задачи также можно воспользоваться инструментами для администрирования баз данных, таким как phpMyAdmin, cPanel или Plesk (если они установлены на вашем сервере). В некоторых случаях использование подобных инструментов является единственным доступным для пользователя инструментом для работы с базами данных (ситуация зависит от правил, установленных на вашем хостинге).
Шаг 2. Создаем таблицу articles
Создадим схему таблицы. Схема таблицы описывает типы данных, которые могут содержаться в таблице и информацию о ней.
Создаем текстовой файл tables.sql на жестком диске и добавляем в него следующий код:
Разберем выше приведенный код
Также можно воспользоваться инструментами для администрирования баз данных, таким как phpMyAdmin, cPanel или Plesk (если они установлены на вашем сервере).
Шаг 3. Создаем файл конфигурации
Теперь у нас есть база данных и мы готовы разрабатывать код PHP. Начнем с создания файла конфигурации для хранения различных установок для нашей CMS. Данный файл будет использоваться остальными скриптами нашей системы.
Первым делом создаем папку cms в папке веб сервера. Она будет содержать все файлы нашей CMS.
В папке cms создаем файл config.php и копируем в него следующий код:
Разберем код подробно:
Замечание о безопасности
В реальных проектах лучше помещать config.php где-нибудь за пределами корневого каталога веб сайта, так как в файле содержатся имена и пароли. Обычно код PHP невозможно просмотреть в браузере, но иногда из-за неправильной конфигурации веб сервера код становится доступным. Вы можете использовать функцию hash() для хэширования паролей и хранить в config.php хэши, вместо текстовых паролей. Затем при регистрации пользователя можно опять воспользоваться функцией hash() для кодирования введенного пароля и сравнения результата с сохраненным в config.php хэшем.
#2-1 Создание сайта с нуля. Установка CMS и ее настройка.
Продолжаем серию постов по теме: «Создание сайта с нуля».
Список на все части:
Следующий этап, это установка удобной CMS и ее настройка.
Как Вы, возможно, помните, на первом этапе мы выбрали хостинг Beget. После того, как мы зарегистрировали домен и поставили его на хостинг, приступим к установке CMS (движка управления, сердца сайта).
Заходим в панель управления хостингом и находим пункт: CMS (установка систем управления). Выбираем его.
После перехода на новую страницу, перед нами появится список наших доменов, а ниже будет список с различными CMS, которые можно установить в несколько нажатий. Мы выбираем одну из самых популярных и удобных, а именно: WordPress. Раньше я работал с Joomla, но после перешел на WP, так как она оказалась куда удобней, лично для меня.
После нажатия на требуемую CMS откроется подобное окно, где нужно будет заполнить пару полей для дальнейшей установки.
Опосля появится такое информационное окно.
После установки, нас ожидает стандартный набор функций, стандартные шаблоны и пустой, еще не готовый для работы сайт. Выглядит таким образом. WordPress установлен версией 4.8.
Следующий этап, это внутренняя настройка движка, которая включает в себя целый ряд действий, которые требуется выполнить:
— поиск и установка плагинов;
— настройка движка, его параметров под Ваши требования;
— поиск и установка шаблона сайта (дизайн);
— различные изменения по сайту.
Для того, чтобы приступить к внесению изменений на сайт, Вам необходимо перейти по адресу: вашдомен.зонадомена/wp-admin. Адрес для входа в админ панель можно изменить с помощью сторонних плагинов, либо вручную через код шаблона (для опытных юзеров).
При входе в панель управления движком WordPress нас ожидает подобная картина.
Заходим в настройки админ панели. Меняем название и описание сайта, по стандарту оно будет отображаться в поисковиках в дальнейшем. Поэтому важно использовать ключевую фразу в описании и названии. Мы сейчас делаем стандартные настройки, необходимые для начала работы, поэтому все будет в тестовом варианте.
Далее выбираем пункт постоянные ссылки и меняем галочку, чтобы у нас названия постов и страниц прописывались латиницей в зависимости от заголовка нашей страницы.
Это поможет немного в оптимизации страниц и их продвижении. В будущем будем использовать специальный плагин.
Переходим в вкладку Плагины, где мы установим первые наиболее важные плагины, необходимые для работы.
1. Плагин для удобной работы с постами и материалами. Аналог удобного Office Word.
Нажимаем на кнопочку «Добавить новый» и в поиске вбиваем TinyMCE. Раньше я устанавливал MCE от Andrew Ozz, теперь ставлю от Black Studio. Нажимаем «Установить», а далее «Активировать».
Для полноценной работы с Word Press потребуется еще много плагинов, более подробно обсудим их в следующей части. Вот пример установленных плагинов на одном из моих сайтов.
Следующий этап, это поиск и установка нового шаблона для сайта. Сейчас существует огромное количество, как бесплатных, так и платных шаблонов. Также есть конструкторы, которые позволяет сделать сайт под Ваши требования. Однако, лучший вариант, это заказать шаблон у хорошей студии или фрилансера с опытом, который сделает шаблон по всем каноном и с чистым кодом. Но это стоит денежных затрат, поэтому воспользуемся бесплатным шаблоном.
Нажимаем «Добавить новый» и вбиваем в поиск требуемый запрос, часть названия шаблона, если Вы знаете название, ключевую фразу, к примеру: портал, бизнес, магазин и так далее. Либо ищем шаблон из предложенных вариантов.
Я выбрал простенький шаблон, который мне приглянулся.
В итоги наш сайт после установки шаблона стал выглядеть таким образом.
Немного подготовим шаблон для работы, добавим несколько рубрик, уберем ненужные виджеты, подключим два вида меню и опубликуем первый пост.
Для начала создадим рубрики. Для этого заходим в раздел Записи > Рубрики.
Создадим тестовую рубрику №1 и еще парочку потом.
Добавили парочку новых рубрик и подрубрик для примера.
Теперь вынесем их в меню и добавим в нужные виджеты на наш шаблон.
Создаем меню и назовем его «Верхнее», так как оно будет располагаться вверху сайта.
Теперь добавим пункты в наше меню. Добавлять будем созданные рубрики. Также пунктами меню могут быть отдельно созданные страницы, ссылки, посты, рубрики и многое другое, в зависимости от Ваших потребностей и целей.
Подрубрику перетягиваем под основную рубрику, чтобы создать подпункт.
Потом нажимаем сохранить меню и делаем подобным образом новое «Боковое» меню.
Добавляем меню в шаблон.
Автор: AkylaShark и vk.com/smmeo
Не забудьте подписаться на наше сообщество на Пикабу.
Найдены дубликаты
Хостинг говно именно по причине того, что не будет тебя оповещать о дырках и обновлениях движка которого поставил, но поставить предложит. Мало того, после дырки и обновления там обновится далеко не сразу..
Ставь вручную, мне удобнее через панель управления и самому потом допиливать по необходимости.
уберите это отсюда
@moderator, можете удалить пост по причине создание и раскрутка сайта, а так же хостинга
В сфере SMM и SEO так всегда. Хостинг не рекламирую, а советую. Сайт для примера, я его потом буду менять под другую тематику, пока это тестовый домен для примера работы с сайтом.
но реклам ка то останется))))
Именно реклама хостинга, так как ссылка реферальная. Как итог: набить себе рефералов и получать с них доход.
Создание сайта с нуля? Что это по-твоему? Люди постоянно придираются. Для новичков это полезная информация. Есть вариантов создать сайт несколько, самому все писать или использовать инструменты.
Хостинг и домен каждый выбирает сам, это дело каждого. CMS выбрать тоже дело каждого, я показываю пример создания сайтов на своем примере. Можешь рассказать лучше, сделай пост, я с удовольствием прочту и приму новый метод, если он окажется удобнее.
Это все правильно, но это долгий путь, и не каждый способен к обучению в этих сферах.
@moderator, а почему пост удалили? Я так старался и делал, а его удалили.
У Вас по Вашей ссылке в ВК стоит продажа хостинга, а ссылка на паблики или страницы с продажей у нас запрещены.
Восстановить можно пост, удалив эти ссылки?
Я удалил раздел товары из группы, если все хорошо, восстановите пожалуйста, буду благодарен. Если нет, уточните, что еще не так.
Всё, больше замечаний нет, пост восстановлен 🙂
А еще это не плахой урок по SEO, как не следует раскручивать и набивать рейтинг.
Пост для минуса есть в посте, можешь уравнять мой рейтинг.
@moderator, можете добавить пост в сообщество, а то упустил случайно эту галочку, в это https://pikabu.ru/community/seosmm
Лучший в мире заказчик
У каждого в жизни бывают моменты, когда прям жопа. У копирайтеров и маркетологов такие моменты тоже бывают, и я не исключение.
Резкие проблемы, в моём случае, вылились в физическую неспособность есть и пить. В один из дней просто почувствовал, что умираю и вызвал себе скорую)
Присел на довольно сильные антидепрессанты. В общем то, ситуация не критичная, если бы не одно но.
Я постоянно должен контролировать рекламные кампании, создавать посты в соц. сетях в коммерческих аккаунтах и писать тексты. Постоянно, всё это оплачивается заранее, иногда подкрепляется договорами.
Конечно же, какую-то работу я периодически выполнял, но, в основном, работа просто не делалась.
Я понимал, что подвожу заказчиков и себя, но ничего не мог сделать.
Помощники, к сожалению, были нереально загружены, делегировать что-то было невозможно.
В этой яме я застрял бы, наверное, месяца на три, если бы не один из заказчиков.
Когда я понял, что физически «не вывожу», написал всем заказчикам вкратце о ситуации и сказал, что в работе будут перебои.
Кто-то отказался от сотрудничества, кто-то просто согласился на паузу, кто-то не отказался от работы с перебоями, но один из заказчиков нереально удивил.
Он скинул мне 5000 рублей на привычные реквизиты для оплаты и предложил съездить куда-то самостоятельно или с друзьями и развеяться.
Острой потребности в деньгах у меня не было, но 5000 лишними не бывают, да и идея с поездкой была как нельзя кстати.
Уже через пару дней я сидел на вокзале и ждал поезд в новый для меня город.
Так одна поездка и человеческое добро спасли меня от депрессии и помогли вернуться к работе.
А взамен мы через полтора месяца провели полноценную бесплатную сео оптимизацию этому заказчику, стоимостью в 20000 рублей, на которую у него не было лишних денег (не сезон).
1) Не нужно врать заказчикам. Лучше сразу писать прямо о своих обстоятельствах.
3) Иногда добро возвращается бумерангом. По-крайней мере, я очень хотел как-то помочь заказчику взамен, и я надеюсь, что у меня получилось, потому что он мне здорово помог 🙂
Антон Владимирович, знаю, что читаете меня на пикабу, ещё раз вам спасибо)
Создание одностраничников с нуля – ч. 3. Запуск и масштабирование.
В этой статье я расскажу про установку и настройку CMS, нюансы оптимизации и проблемы, с которыми пришлось столкнуться. Статья, скорее всего, интереснее будет новичкам в создании сайтов.
Вспомним исходные данные
Мы определились с программой, про которую хотим сделать сайт. Базовая частотность названия такой программы по wordstat больше 30 000. Сама программа бесплатная. Никакой чернухи!
Мы определились с хостингом – Бегет. Дорогой тарифный план покупать пока что не стоит. Советую тарифный план на 10 сайтов за 375 рублей в месяц. При оплате за год – дешевле.
Мы определились с CMS нашего сайта – WordPress.
По названию программы мы собрали семантическое ядро и по нему выписали 3-5 статей.
Вроде ничего не упустил… Давайте уже сделаем и запустим первый одностраничник.
Шаг 1. Установка WordPress
Итак, мы купили хостинг, зарегистрировали домен и настроили DNS. Качаем WordPress с официального сайта.
Всякие различные готовые сборки, тем более варезные, качать не стоит. Мы сделаем свою сборку. С блекджеком и шлюхами. Изначально я планировал описать процесс установки wordpress детально, но к чему это, когда такая инструкция уже есть в интернете.
Знаменитая 5-минутная установка
Скачайте и распакуйте дистрибутив WordPress, если вы этого еще не сделали.
Создайте базу данных для WordPress на вашем веб-сервере, чтобы ваш пользователь MySQL имел все права для доступа и внесения изменений в нее.
Переименуйте файл wp-config-sample.php файл в wp-config.php.
Откройте wp-config.php в вашем любимом текстовом редакторе и впишите в него настройки подключения к базе данных.
Разместите файлы WordPress на вашем веб-сервере:
Если вы хотите установить WordPress в корень вашего сайта (например, http://example.com/ ), перенесите все содержимое предварительно распакованного дистрибутива WordPress в корневую папку веб-сервера.
Если вы хотите установить WordPress в отдельную папку на вашем веб-сервере (например, http://example.com/blog/ ), переименуйте папку wordpress придав ей название папки, в которую вы хотите установить систему и перенесите её на веб-сервер. Например, если вы хотите установить WordPress в папку “blog” на веб-сервере, тогда вам необходимо переименовать папку “wordpress” в “blog” и перенести ее в корень веб-сервера.Совет: Если скорость вашего соединения с интернетом по протоколу FTP мала, советуем вам прочитать статью о том, как правильно выгрузить файлы на сервер в данном случае: Шаг 1: Загрузка и распаковка.
Перейдите по ссылке wp-admin/install.php используя ваш любимый веб-браузер.
Если вы установили WordPress в корень веб-сервера, перейдите по ссылке: http://example.com/wp-admin/install.php
Если вы установили WordPress в собственно созданную вами папку на веб-сервере, например, blog, тогда перейдите по ссылке: http://example.com/blog/wp-admin/install.php
Вот и все! Если вы сделали все правильно – установка WordPress должна была увенчаться успехом.
Важно! Обязательно при установке запретите индексацию в поисковых системах!
Шаг 2. Устанавливаем нужные плагины
WordPress успешно установлен и сайт функционирует. Теперь надо его настроить. Начнем с плагинов. Устанавливать плагины в WordPress можно напрямую из консоли администратора:
Ниже я привел свой список плагинов для комфортной работы в wordpress. Вы вполне можете установить какие-либо плагины дополнительно. Или же наоборот – обойтись без каких-либо мной предложенных.
— Advanced Custom Fields – создание дополнительных полей в записях. Так как я решил делать одностраничники под софт, то все они так или иначе будут содержать данные одного типа. Это версия программы, размер, язык, платформа и т.д. Для большей гибкости и кастомизации вывода таких данных в разных местах сайта мне и нужен этот плагин.
— Duplicator – полностью автоматизированное клонирование сайта со всеми плагинами и настройками. Нужен для масштабирования нашей сеточки.
— Easy FancyBox – плагин для легкого создания лайтбоксов. В принципе мне он нужен только для кастомизации дизайна и создания всплывающих окон в созданном функционале сайта.
— Google Analytics Dashboard for WP – легкое подключение статистики Google Analytics к вашему сайту. Если в состоянии вставить код отслеживания ручками в шаблон, то можно не устанавливать этот плагин.
— Image Watermark – установка водяного знака на все изображения сайта.
Permalink Manager Lite – продвинутое управление постоянными урлами ваших материалов. Исходных шаблонов ЧПУ мне не хватило, чтобы сделать требуемую структуру урлов.
— Shortlinks by Pretty Links – создание коротких ссылок с редиректами и полной статистикой по ним.
— Really Simple SSL – автоматическая настройка сайта работы через https. Не верю я, что именно одностраничникам работа через https дает преимущество, но пусть будет.
— Redirection – управление 301 редиректом и отслеживание 404 ошибок.
— TinyMCE Advanced – продвинутый редактор добавления и редактирования материалов сайта. Тут, как говорится, на вкус и цвет.. Мне предпочтительней этот.
— Autoptimize – для оптимизации CSS, Java Script и HTML кода на сайте.
— Smush – оптимизация и сжатие изображений на сайте.
— WP Super Cache – быстрый плагин кеширования для WordPress.
— Yandex.Metrika – быстрая установка статистика Яндекс.Метрика. Если знаний хватает вставить код статистики напрямую в шаблон, то плагин не ставьте.
— Yoast SEO – плагин SEO для WordPress № 1.
— WPForms Lite – удобный конструктор форм. Я использую для создания форм обратной связи на сайте.
После добавления плагинов не забудьте их активировать!
Шаг 3. Настраиваем работу через https
Если вы купили хостинг Бегет, то настройка будет происходить следующим образом. Заходите в панель управления хостингом и переходите в раздел “Управление доменами и поддоменами”.
Появится список ваших доменов. Справа от каждого домена есть иконка управления SSL сертификатами. Нажимаем на нее.
И устанавливаем бесплатный SSL сертификат Let’s Encrypt.
Дожидаемся на почте, на которую оформлен хостинг, письмо о выполнении заявки на выпуск и установку бесплатного SSL-сертификата и переходим в настройки SSL в WordPress. Если там указано, что SSL включен, то все ок.
Если нет – пишите в комментариях, будем разбираться.
Шаг 4. Выбираем и настраиваем шаблон
Можно, конечно, под каждый сайт делать отдельный шаблон (и это правильно!), но я, конечно же, так делать не буду. Лучше выбрать и настроить одну качественную тему на 10 сайтов, чем без настройки на каждый сайт свой шаблон.
После того, как выбрали подходящую тему, устанавливаете её и активируете. Варезные темы качать не рекомендую.
Шаг 5. Оптимизируем скорость загрузки сайта
В настройках плагина Smush отмечаем автоматическое сжатие изображений.
С настройками плагина Autoptimize придется поиграться. Отмечайте поочередно оптимизацию CSS, Java Script и HTML, проверяя после каждого раза работу сайта. Лично у меня при оптимизации CSS на одном из шаблонов слетали стили и весь дизайн “уплывал”.
Ну а кеширование в настройках WP Super Cache просто включите и обновите. Все остальные настройки оставьте по умолчанию.
Шаг 6. Клонируем заготовку одностраничника
В принципе, все действия, которые вы сделали до этого шага, необходимо осуществлять при создании любого другого сайта, и не только одностраничного. И в целях экономии времени необходимо сделать дубликат зародыша вашего сайта. Для этого заходим в раздел плагина Duplicator и нажимаем кнопку “Создать новый пакет”.
Запустится процесс клонирования сайта. Рекомендую оставить все настройки по умолчанию.
Ждем, пока плагин просканирует сайт. Если все хорошо, то нажимаем кнопку “Создать”. У меня плагин после сканирования выдал ошибку. Некоторые файлы кеша почему-то не просканировались. Это не критично и на работу сайта не повлияет, поэтому отмечаю соответствующую галочку о необходимости продолжить и создаю дубликат данного сайта.
Если все успешно, то качаем по предложенной ссылке архив. Там же есть ссылка на инструкцию, как в дальнейшем устанавливать созданный дубликат. Сложного ничего нет. Нужно лишь закачать архив на сервер и запустить инсталлер.
Стоит отметить, что лучше бы, конечно, по максимум настроить до создания дубликата те вещи, которые у вас будут повторяться на всех сайтах. Это и системные настройки чтения, обсуждения, написания, постоянных ссылок, и настройки редактора tinymce, и создание нужных дополнительных полей, контактных форм и т.д. Это все уже делается по желанию. Но рекомендую изначально все продумать по максимуму и запихнуть в архив с заготовкой, чтобы в дальнейшем сэкономить себе массу времени.
Шаг 7. SEO оптимизация сайта
На первом шаге при установке я посоветовал запретить индексацию в поисковиках. Пусть так и остается до завершения создания сайта. Все советы по оптимизации, указанные ниже, выполняйте, но индексация пусть остается под запретом.
В принципе, в плане внутренней оптимизации все (ну или почти все) делает плагин Yoast SEO. Его настройка займет не больше 5 минут.
Все 12 шагов я расписывать не буду. Отмечу лишь несколько вещей.
— На втором шаге выберите вариант 2: “Мой сайт еще создается и не должен быть индексирован”.
Тип сайта укажите “Блог”.
— Материалы типа “Страницы” в результатах поиска показывать, а материалы типа “Записи” – нет.
— В заголовке оставьте только название программы. Это в принципе ни на что не влияет, т.к. к каждому материалу мы будем прописывать заголовки отдельно, но вдруг где-то упустим страницу.
— После окончания настройки в разделе “Инструменты веб-мастеров” плагина Yoast SEO подтвердите сайт в Google и Yandex.
— При создании материала внизу появится блок плагина Yoast SEO. Обязательно прописывайте вручную SEO-заголовок и МЕТА-описание к каждому материалу. При этом SEO-заголовок не должен совпадать с названием материала, отмеченным тегом h1.
Шаг 8. Наполнение сайта
Я осмысленно отказался от наполнения материалами типа “записи”, оставив лишь материалы типа “Страницы”. Советую сделать также. В начале статьи я отметил, что будем исходить из того, что у нас есть 5 готовых статей. Допустим, мы делаем сайт о программе WinRAR. В этом случае, в соответствии с нашим семантическим ядром выписано 5 следующих статей:
— WinRAR – это основная статья с описанием программы, с прямым вхождением основных ключевиков и ссылкой на скачивание
— Как пользоваться WinRAR
— Как распаковать архив WinRAR
— Как запаковать архив WinRAR
— Как удалить WinRAR
Названия взяты для примера. Все написанные статьи добавляем на сайт в виде страниц, грамотно указывая к ним заголовки и описания. Первую статью (основную) необходимо разместить на главной. Для этого в настройках чтения указываем, что на главной странице следует отображать статическую страницу и из выпадающего списка указываем соответствующий материал.
С первой (основной) статьи никаких ссылок на другие стать быть не должно. На сайт разработчика и на ссылку на скачивание – можно. А вот перелинковку с других страниц на основную ставьте обязательно.
Всю навигацию по страницам размещайте в виджетах меню сверху или сбоку.
Тексты статей оформляйте читабельно, но без фанатизма. Если есть необходимость перечислить плюсы или минусы программы – сделайте список с красивыми стилями. Все эти модные блоки содержания и хер пойми какое видео забудьте. Тошнит уже от этого.
После размещения и оформления контента проверьте все еще раз. А лучше дважды.
Шаг 9. Разместите счетчики статистики
Тут, конечно, кому что удобно. Я лично ставлю Яндекс.Метрику. Кому-то удобен Гугл Аналитикс. Регистрируемся и там и там, и через соответствующие плагины добавляем коды для отслеживания.
Шаг 10. Добавляем сайт в поисковые системы
После того, как все готово, можно наконец-то разрешить индексация сайта в поисковых системах. Для этого зайдите в раздел настройки чтения и уберите галочку в пункте “Видимость для поисковых систем”.
После этого добавьте сайт в Google Webmasters и Яндекс.Вебмастер и отправьте запрос на индексацию в данных поисковиках. Ждите индексации, после чего приступайте к продвижению.
Создание одностраничников с нуля – ч. 1. Анализ конкурентов.
В те далекие времена, когда я зарабатывал в онлайне, любые мои сайты или программы создавались буквально на коленке, без какого-либо плана действий. Просто мог в один момент придумать некоторую фигню, загореться этим и начать делать. Что-то из этого доделывал, что-то нет. Что-то из доделанного выстреливало, что-то нет. Понимание, что такой подход ошибочен, пришло намного позже. И сейчас я считаю, что любой проект требует в первую очередь планирования от начала и до конца, в том числе и создание одностраничных сайтов. Да, могут быть корректировки, но без понимания, куда мы идем, уйдем мы недалеко.
Определение целей и сроков создания сайтов
Тема планирования весьма обширна, и описывать тут полностью не вижу смысла. Я буду создавать небольшую сетку одностраничных и малостраничных сайтов под софт. 1 сайт – одна программа. Всего 10 сайтов.
Цель – выйти на доход 10$ в сутки.
Понятия не имею, много это или мало. Для буржа однозначно мало (в плане – по деньгам). Но я же делаю одностраничники на русском языке, поэтому пока так. Позднее может скорректирую.
Для расчетов примем, что доход на 1000 посетителей в софтовой тематике составляет 5$. Опять же, данных нет, цифры беру, ориентируясь с поправкой на свой прошлый опыт. Соответственно сетка должна иметь суммарно 2000 посетителей в день. Запомните эту цифру. Это, во-первых, будет некоторым ориентиром, к чему нам надо прийти. А, во-вторых, исходя из неё будем искать ключевые слова под одностраничники.
Мои конкуренты в данной тематике – одностраничные и малостраничные сайты, заточенные под одну программу. Осталось их найти. Не всех. Штук 10 для анализа хватит. Идем на любой крупный старый софтовый портал. Мне приглянулся softodrom.ru. Находим раздел самого популярного. Выбираем любую приглянувшуюся программу.
И ищем в яндексе по названию программы, а также по кею “скачать *НАЗВАНИЕ_ПРОГРАММЫ*“. В моем случае – “ccleaner” и “скачать ccleaner“.
Из выдачи вытаскиваем сайты, у которых в домене и в титле есть прямое вхождение названия программы, при этом это не поддомен.
Выписываем все найденные сайты в блокнот. Повторяем такое действие еще с 5-7 программами. Для анализа этого хватит.
Я не сеошник. И мне анализ в полном понимании этого смысла слова чужд. У меня нет ни софта специализированного, ни подписки в сервисах типа semrush.com. Поэтому будет весьма скупой анализ по-нищебродски.
Нам надо знать: количество страниц в индексе гугла, яндекса, дату регистрации домена, количество входящих ссылок, структуру сайта, движок, ориентировочный трафик, способ дохода и иные особенности сайта.
Раз уж я начал с программы ccleaner, то и расскажу про те сайты, что нашел в выдаче, да простят меня их владельцы/
Открываем excel и вбиваем в столбик все найденные сайты конкурентов. По вышеозвученным критериям обзываем столбцы справа. У меня вышло как-то так:
Можно добавить еще критериев. Цель всего этого занудства – вычислить формулу создания идеального одностраничника.
Я проверял все показатели плагином к Google Chrome – Seoquake.
Забегая немного вперед, поясню, что это только для статьи я остановился на программе Ccleaner и на 4 сайтах-конкурентах по ней. На самом деле, как выяснилось позже, ccleaner плохой пример для разбора, а после поиска по другим программам у меня получилась база конкурентов куда шире. И после их анализа сразу видны сетки сайтов. Они все сделаны по типовым структуре, дизайну и на движке, который я не смог определить. На этом же движке сделаны и пара сайтов из нашего списка. Немного потыкавшись по сайтам, увидев часть структуры движка, у меня появилось стойкое ощущение, что я знаком с этим движком, однако так и не смог вспомнить. Если кто-то знает – пишите в комментариях.
После всех телодвижений у меня появилась такая вот табличка по конкурентам:
Теперь видно, почему ccleaner плохим примером оказался. Нам интересны относительно молодые сайты с приличным трафиком. Здесь это 2 и 4 сайты. Но второй сайт оказался просто качественным дропом. По 4 сайту интереснее. Этот сайт входит в одну из обнаруженных мной сеток сайтов в данной тематике. Сделан качественно. Мне он понравился. Поэтому давайте на нем и остановимся более подробно.
Для начала проверим внешние ссылки. Сделать это опять же можно разными путями. Я смотрел через semrush.com, serpstat.com, majestic.com и ahrefs.com. Тут я столкнулся с трудностями 🙂 Все сервисы платные. Ahrefs.com бесплатно вообще не дает даже ограниченный функционал. Ну или я не нашел просто. Первые три сервиса дают ну очень урезанный функционал. А ведь еще 4 года назад все было иначе. Вот он, капитализм, мать его 🙂 В общем, толком ничего выяснить мне не удалось. Единственное, что я считаю важным, никаких прогонов не осуществлялось. Ссылки либо естественные, либо размещаемые платно в статьях.
Далее пробежимся по сайту. Дизайн легкий и простой. Вся структура сайта видна справа в сайдбаре.
Пробежавшись по остальным сайтам из этой сетки, видно, что структура примерно везде одна:
Главная страница – описание программы, возможности, плюсы-минусы и ссылка на скачивание.
Платформа – все то же самое, что и на главной, только заточено под кейворды с участием названия операционной системы.
Версии – описание имеющихся версия программы.
Дополнений – тут понятно все. При наличии дополнений, модулей, хаков, патчей – также расписано по странице под каждое ключевое слово.
Помощь – статьи, написанные под соответствующие кейворды в целях привлечения чисто информационного трафика.
Структура мне показалась очень логичной, поэтому буду опираться в дальнейшем на нее при распределении семантического ядра.
Доход идет только от adsense:
Ссылки на скачивание exe-файла ведут на официальный сайт, а не на партнерку:
Также на каждой странице красивые кнопки соцсетей и форма комментариев от сервиса disqus.com:
Я разобрал один сайт, т.к. из найденных 4-ех сайтов больше смотреть было нечего. Но есть и другие сетки. И просто качественные сайты из одной страницы, сделанные под лендинг, в ссылочном у которых есть прогоны по профилям. Также стоит посмотреть и разные способы дохода, т.к. большинство сайтов все-таки зарабатывает именно на скачивании файлов программы, а не на адсенсе. Я лишь показал, как я анализировал конкурентов, чтобы в дальнейшем перенять их лучшие стороны и учесть их ошибки.
Определяемся с основными компонентами
Изначально идея была делать одностраничники, заточенные под кейворд “Скачать *название_программы*”. Но в итоге решил охватить больше ключевых слов и сделать более-менее полезные для людей малостраничные сайты. За типовую структуру взял ту, что рассматривали выше.
Создавать сайт с такой структурой только на HTML, без CMS – на сегодняшний день это извращенный мазохизм. В идеале, конечно, найти движок без базы данных, а только на файлах, но я не знаю таких бесплатных хороших и безопасных движков. Поэтому выбрал в качестве CMS свой любимый wordpress.
Хостинг – beget.ru. Когда-то давно он у меня хорошо держал много сайтов на вордпрессе, поэтому и запомнился.
Контент – копирайт с бОльшим упором на качестве, а не на сео. Изображения – собственные скриншоты программ.
Продвижение – употреблю модное нынче слово – крауд-маркетинг 🙂 Но об этом распишу позднее.
Осталось только найти 10 подходящих программ под наши малостраничники. Для этого опять идем в раздел популярного на softodrom.ru. Делаем фильтр по бесплатным программам и смотрим. Можете вручную в блокнотик в столбик вставлять название программ. Можно спарсить чем-нибудь. Главное потом почистить названия от всяких версий, указаний операционных систем и прочего.
Всякие названия типа instagram и вКонтакте я не стал выделять, потому что по ним будет потом очень много мусорных кеев, и мне стало лень заморачиваться. Таким макаром собираем базу из 100-150 программ.
В самом начале статьи я писал, что необходимо выйти на уровень 2000 уникальных посетителей в день, чтобы достичь цели. Это 60 000 посетителей в месяц. Таким образом, из собранной базы программ надо найти те, которые дадут нам необходимый трафик без приложений особых усилий. Для этого нам первоначально необходимо знать частоту запросов по программе в поисковиках и уровень конкуренции в топе. С уровнем конкуренции в топе я опять же не стал заморачиваться и решил, что по этому критерию мне важно только наличие в топ10 не более 2-ух главных страниц по названию программы, из которых одна может быть официальным сайтом, ну и 1 – наш прямой конкурент соответственно.
С давних времен у меня завалялся Key Collector, который я так ни разу и не использовал. Наконец-то пригодился. Создал новый проект. Вбил все собранные названия программ и начал сбор данных. Настроить кей коллектор для сбора статистики с Google Adwords мне так и не удалось, поэтому и плюнул и собрал статистику по частоте запросов программ только с wordstat. Также собрал данные о наличии в топе главных страниц.
Так как мы искали не ключевые слова под статьи, а только названия программ, то интересна для оценки трафика базовая частота. Прикинув палец ко лбу и постаравшись учесть множество факторов, таких как мусорные запросы, меньшее количество трафика не с первой а с десятой позиции, наличие трафика по названию программы на русском и также наличие трафика еще и с гугла, я пришел к выводу, что для достижения поставленной цели 60000 посетителей в месяц с 10 сайтов мне нужно 10 фраз с базовой частотой не менее 30000.
P.S. Стоит продолжать тут публиковать такие статьи?
Будни копирайтера. Про сайты и людей
И решил я провести небольшое разъяснение владельцам бизнеса да и вообще, почти 2 тысячам моих читателей.
Кажется, она начала что-то подозревать.
Прошлый пост вызвал какой-то шквал комментариев и даже попал в репост блогера из топ-10. Видимо тема интересна. Я решил продолжить серию постов подборкой интересных моментов из жизни интернет-агентства.
Почему некоторые проекты не станут успешными и кто виноват
Несколько ситуаций из реальной жизни
6. Сайт интернет-магазина детской одежды. Продвигали полгода, более менее подняли трафик с минимальным бюджетом, заказчик отказался от дальнейшей работы (у меня подруга также может сайты продвигать но за 5 тыщ в месяц).
В комментах оставляйте кому что интересно подготовлю следующий пост по мере наличия времени =)