Свой сайт за 60 минут для самых маленьких блондинок

На днях к нам обратилась одна компания (кадровое агентство), в штате которой работает один человек. Он и документы подписывает, и полы моет. Распространенный случай, не правда ли? Директор пару раз видел в глаза WordPress (что достаточно для администрирования этой CMS), но понятия не имеет о хостинге, переносе доменов и пр. Для него мы написали эту инструкцию, которая наверняка пригодится кому-то еще. Искушенный читатель может найти более интересное чтиво для себя, а для новичков — внимание! Ниже мы распишем как сделать свой сайт за час. Везде, где написано site33.ru не забывайте писать название вашего домена (ну, мало ли, бывает).

Покупка домена

1. Купить доменное имя (это имя вашего интернет-ресурса, site33.ru) элементарно, никаких знаний не требуется. Для этого для начала нужно зарегистрироваться на сайте одного из популярных регистраторов, например, nic.ru или reg.ru.

2. В самое видное поле на главной страницы введите желаемое имя вашего сайта. Жмите «проверить», пока не найдете свободное и подходящее вам. Рекомендуем выбирать имя в доменной зоне .ru, оно обойдется вам в сумму около 600 рублей. Почему .ru — тема для отдельного разговора.

3. Заполняйте анкету, следуйте инструкциям, оплачивайте, вскоре домен ваш.

Покупка хостинга и привязка домена

Сразу оговоримся, в данном примере мы покупаем хостинг для серьезного коммерческого сайта. Это будет выделенный сервер минимальной мощности, что подходит для регионального ресурса с неплохой посещаемостью, и обойдется он в 350 рублей ежемесячно. Для сайта попроще можно купить и виртуальный хостинг (это дешевле, 100 рублей в месяц), для высоконагруженного проекта нужен VPS подороже.

4. Идем по ссылке fornex.com и регистрируемся у хостера (это компания, которая будет оказывать нам услуги хостинга, т.е. размещать у себя наши файлы).

5. Выбираем в меню VPS, далее VPS Start, нажимаем «Подробнее».

6. Ставим слева галочку ISPmanager Lite + 2,00 евро. Перед кнопкой купить выбираем, например, 3 месяца — 19.95 евро. Но, если позволяют средства, оплачивайте год. Иногда про оплату хостинга забывают и сайт становится недоступен. Это повсеместно и бывает с крупными проектами тоже. Жмем кнопку «заказать», далее первый способ оплаты пластиковой картой, платим.

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

8. В меню ЛК есть ссылка «DNS», нажимаем. Справа блок «Добавить домен». Вписываем в поле домена site33.ru (как здесь, без всяких www) и нажимаем «добавить».

9. Оставляем эту вкладку, идем в панель управления регистратора домена. Тут все зависит от того, где вы регистрировались (покупали имя сайта). Здесь нужно найти настройки домена и поискать там заветные слова типа «настроить NS-записи» или «настройки DNS» и вписать вот это:

ns1.fornex.com 37.59.133.13
ns2.fornex.com 212.224.124.82
ns3.fornex.com 185.18.52.31
ns4.fornex.com 88.150.208.146

Здесь ns.fornex.com — это имя хоста, а циферки — это ip-адрес. Не бойтесь ничего сломать, оно не сломается, любые изменения обратимы. Часто регистратор доменов спрашивает только 2 строчки, тогда вводим только первые две. возможно не придется вводить циферки, а только ns1.fornex.com и ns2.fornex.com.

10. Когда мы прописали нс-записи (это мы так указали всем, где располагается наш сайт, привязанный к домену site33.ru), изменения вступят в силу от 15 минут до суток (как правило около часа). Но уже можно топать ставить вордпресс и разворачивать сайт, домен привяжется позднее. Возвращаемся на вкладку ЛК хостера.

11. В ЛК хостера нажимаем в номер заказа своей услуги, он подчеркнут синим пунктиром. Видим блок «Информация для доступа». Ниже «Панель управления ISP Manager», еще ниже «Пароль: *******». Нажимаем на иконку с глазом, копируем пароль (не захватите пробел после последней буквы) и переходим по ссылке выше (она имеет вид типа https://hivede14-zzzz.fornex.org/manager/).

12. В открывшемся окне браузер скажет что-нибудь про безопасное соединение, это нормально, нажимаем ОК. Вводим «Имя пользователя» root и пароль, который у нас скопирован в буфер обмена.

13. Вот, это наш сервер, который стоит в Германии или Голландии. Слева в меню выбираем «Домены — WWW домены». Сверху в меню выбираем «создать». В окошко вводим: доменное имя site33.ru, ниже наш личный емейл, в строке php «PHP как Apache», больше ничего не надо. Ок.

14. Создадим базу данных для сайта (БД). Это что-то типа набора таблиц, где хранится вся информация сайта. А управляется она собственно из системы управления контентом (CMS, в нашем случае вордпресс). В меню слева выбираем «Инструменты — Базы данных». Сверху выбираем кнопку «Создать». Введите «Имя базы» (пусть будет site33), «Новый пользователь» (допустим, admin), пароль дважды, больше ничего не нужно.

15. Далее в меню слева выбираем «Инструменты — Менеджер файлов». Далее путь к сайту таков: var — www — admin — data — www — site33.ru

16. Сюда сейчас будем заливать вордпресс, но сначала скачаем его здесь: http://ru.wordpress.org/wordpress-3.9.1-ru_RU.zip. Качаем и распаковываем архив. В распакованной папке wordpress выделяем все файлы и нажимаем «добавить в архив». Вот этот архив и будем заливать. Возвращаемся на вкладку хостинга. Убедимся, что мы находимся в корневой папке сайта /var/www/admin/data/www/site33.ru (это написано сверху). Нажимаем сверху-справа кнопку «закачать» и выбираем наш архив. Он закачается за пару-тройку секунд. Далее выбираем его и нажимаем сверху кнопку «извлечь».

17. Теперь переименуем файл wp-config-sample.php файл в wp-config.php. Ок, вордпресс готов к установке.

18. Открываем новую вкладку браузера и набираем в адресной строке http://site33.ru. Если домен уже «привязался» (если нет, то ждем), начнется установка вордпресса, которая элементарна и занимает минуту.

Установка WordPress и первичная настройка сайта

19. Итак, мы ввели адрес сайта и видим приветственное окно CMS. Введите здесь имя БД, которым вы назвали БД (site33). Вот и вся установка. Теперь ваш сайт доступен по адресу http://site33.ru и адресу http://www.site33.ru.

20. Редактировать наш проект мы будем в так называемой админке. У всех вордпрессных сайтов она доступна по адресу http://site33.ru/wp-admin. Для входа используйте логин admin и ваш пароль.

21. Слева видим меню управления. В админке предлагаем вам разобраться самостоятельно, да и по ней написано множество материалов. Объясним лишь про внешний вид — почему вордпресс у всех одинаковый, а сайты разные. Не всем по карману разработка индивидуального дизайна для сайта, да и не всем это нужно. Есть множество (многие сотни) бесплатных и платных «тем» (шаблонов дизайна), в том числе и для нашей CMS. Ищутся они в сети. На отечественных ресурсах искать не советуем, вам могут предложить к скачиванию тему, в которую встроены ссылки на «левые» сайты. Ищите, например, на gfxtra. Там всё бесплатно и с возможностью предварительного просмотра на «живом» примере онлайн. А для начала рекомендуем остановиться на шаблоне, который идет в пакете с CMS — twenty twelve. Посмотреть ее вживую можно на сайте ipoteka37.ru. Чтобы ее выбрать, идем в «Внешний вид — Темы» и наводим указатель на эту тему, жмем «активировать». Вот и вся CMS. Не забудьте сходить в «Параметры — Общие» и заполнить минимальную информацию о сайте.

Структура сайта и уровни вложенности

22. На вкладке «Страницы» создаем и редактируем основные страницы сайта. У не сильно разветвленных сайтов с простой структурой они находятся в корне — site33.ru/o-nas, site33.ru/uslugi, site33.ru/kontakti. На вкладке «Записи» создаются текстовые материалы (вордпресс изначально задуман для блогов, это именно блоговый раздел). Советуем на наваливать эти материалы в корень сайта вместе с основным контентом: в настройках (Параметры — Постоянные ссылки) выберите пункт «Произвольно» и перед текстом %postname% впишите название папки. На данном сайте это — /blog/. Если вы не планируете вести блог, а, например, вы ипотечный брокер и у вас есть куча банков, то /banks/.

23. Если вы планируете раздел статей или блог (что важно для любого сайта, ведь контент — наше всё), но вам нужны подрубрики (подкатегории) для других разделов (например, услуг), то создавайте обычные страницы, а в качестве родительской страницы (при создании материала или позднее) указывайте страницу «Услуги». Таким образом, у вас получится такая структура: site33.ru/uslugi/podbor-personala, site33.ru/uslugi/poisk-personala, site33.ru/hunting.

Создание почты

24. Для создания доменной почты воспользуемся сервисом Яндекса «Почта для домена» (pdd.yandex.ru). Для использования этого и других сервисов Яндекса нам понадобится аккаунт (почта) на yandex. На главной странице сервиса нажимаем «Подключить домен». После значка @ вводим наш домен site33.ru. Чтобы подтвердить владение доменом, выберите первый способ. Откройте блокнот, скопируйте туда текст типа 0db8dab24762 и сохраните файл под именем типа 1f5780869ea3.html. Загрузите получившийся файл в корневую папку сайта, туда, куда мы заливали CMS. Нажмите «проверить владение доменом», чтобы перейти ко второму шагу.

25. Теперь настроим mx-записи. Заходим в ЛК хостера (fornex.com, жмем свой емейл в шапке сайта). Идем в раздел DNS. Нажимаем «редактировать» напротив названия нашего домена. В блоке mx-записей исправляем слово mail на символ собачки (@), в поле «Имя сервера» вписываем mx.yandex.ru. Получится как на рисунке ниже. Нажимаем «Обновить», всё готово.

настройка mx-записей для pdd.yandex.ru

26. Возвращаемся на вкладку pdd.yandex.ru. Нажимаем «Проверить mx-записи». Теперь добавляем новый почтовый ящик — введите логин (например, info) и пароль дважды. Почта готова. Рекомендуем зайти в свой основной почтовый ящик на mail.ru, gmail.com или чем вы там пользуетесь и настроить сбор почты с этого адреса, чтобы каждый раз не проверять отдельно данный ящик. Если же вы предпочитаете проверять его отдельно (или пользоваться совместно с кем-то), то для входа в ящик используйте главную страницу Яндекса, где введите адрес полностью и пароль.

Яндекс.Справочник, Метрика и Вебмастер

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

сниппет с адресом компании в выдаче яндекса

28. Яндекс.Вебмастер нужен нам пока лишь для того, чтобы указать региональную принадлежность сайта, это очень важно. Остальные функции инструмента можно освоить позднее. Нажимаем «Добавить сайт» и подтверждаем свои права аналогично тому, как мы делали это при создании почты.
После добавления ресурса слева в меню выбираете «География сайта — Регион сайта» и прописываете Владимир или Владимирскую область. Чуть ниже пункт «Адреса и организации», укажите там компанию, созданную на предыдущем шаге.

29. Яндекс.Метрика – это инструмент для измерения посещаемости вашего ресурса, анализа поисковых запросов, по которым пользователи приходят к вам и отслеживания других важных метрик поведения посетителей сайта. Нажимаем «Добавить счетчик». Далее проставляем галочки в нужных нам пунктах. Вебвизор записывает действия посетителей, их потом вы можете посмотреть прямо как видео. Карта кликов строит тепловую карту кликов пользователей, это даст вам представление об удобстве навигации. Внешние ссылки, загрузки файлов и отчет по кнопке «Поделиться» – нужные функции, суть которых понятна из названия. Короче, нужно всё, а вот напротив пункта «Информер» галочку лучше снять, если вы не хотите, чтобы все видели вашу посещаемость. Итак, проставив галочки-чекбоксы мы сформировали код счетчика, теперь его нужно скопировать и встроить в сайт.

30. Идем в админку, в меню выбираем «Внешний вид — Редактор». Справа видим список файлов, ищем «Подвал (footer.php)», выбираем его. Крутим полосу прокрутки в самый низ, видим закрывающие теги:
</body>
</html>
Перед ними вставляем наш код и нажимаем «Обновить файл».
Теперь статистика начала собираться и вскоре вы сможете видеть ее в интерфейсе Яндекс.Метрики.

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

Помните, что с создания сайта работа только начинается. И то же самое другими словами: создание сайта не влечет за собой приток посетителей и, тем более, покупателей. Занимайтесь продвижением сайта!

Агентство №1