Как создать собственный сайт: пошаговая инструкция для начинающих

Введение

Для начала хочу разобрать несколько важный вопросов, чтобы вы понимали, стоит этим заниматься или нет.

Вопрос 1. Сколько нужно денег?

Давайте разберём самые минимальные необходимые затраты, чтобы запустить полноценный сайт.

1. Домен – 199 рублей, если брать в зоне RU (за 1 год).
2. Хостинг – 1-й месяц бесплатно, далее 1 980 рублей (за 1 год).
3. Шаблон (дизайн) – 3 800 рублей (единоразовая оплата).

Итого: 199 + 1 980 + 3 800 = 5 979 рублей.

Можно взять на первое время бесплатный шаблон, тогда понадобится всего 2 179 рублей. Но с бесплатными могут быть проблемы, так как они не все оптимизированы.

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

Более 100 крутых уроков, тестов и тренажеров для развития мозга

Начать развиваться

Вопрос 2. Кому подойдёт?

Создать сайт вообще не проблема, с этим справится даже моя бабушка, если посмотрит все уроки. Самое главное заключается в создании контента.

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

Но научиться писать тоже несложно. Сложно и не всем удается сидеть часами и работать над текстами. Это сидячая и довольно монотонная работа. Её надо полюбить, иначе ничего не получится.

Вопрос 3. Сколько можно зарабатывать?

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

У меня есть разные сайты, какие-то приносят по 200 000 рублей в месяц, какие-то по 30 000. Какими-то я занимаюсь активно, а какие-то просто наполнил когда-то контентом и сейчас получаю пассивный доход.

Но честно могу сказать, по своему опыту и по опыту моих учеников, что в среднем за год с нуля сайты выходят на 20 000–30 000 рублей в месяц. Конечно, есть исключения, кто-то стреляет, а у кого-то дела идут медленнее. Смотря сколько времени будете уделять. Правила простые, чем больше и качественнее пишете, тем быстрее и лучше результат.

Ну что, готовы запускать сайт? Тогда поехали!

«Прикрутите» счетчики и анализируйте результаты

Прекрасный мир таких медиа-гигантов, как Яндекс и Google, дает нам огромное количество бесплатных возможностей для продвижения и улучшения собственного бизнеса. Одна из таких возможностей – метрики – Яндекс Метрика и Google Analytics. Это бесплатные и невероятно полезные инструменты, их очень легко установить, а возможности для анализа, которые они предоставляют, практически безграничны. Ни в коем случае не игнорируйте эту возможность, информация такого рода просто бесценна для любого онлайн-бизнеса.

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

Что изначально потребуется?

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

Терминология

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

JavaScript, HTML и прочие языки

Языков программирования существует множество. При выборе того из них который окажется полезным именно вам нужно понимать, что идеального языка не существует. Но для того чтобы самостоятельно сделать хороший сайт, все-таки следует освоить некоторые из них:

• HTML. Этот язык можно назвать основным, изучив его можно приступать к освоению других более продвинутых технологий. Используя HTML можно разрабатывать простейшие веб-проекты, используя обычные визуальные текстовые редакторы. Сейчас сложно встретить виртуальную площадку, созданную с нуля на HTML, но используя этот язык можно успешно: редактировать дизайн шаблонов, настраивать уже имеющийся функционал для своих нужд и прочее.

• JavaScript. Сразу следует отметить отличие этого языка от других, ведь он может напрямую подключаться в любой HTML-файл. Это позволяет: загружать сведения без необходимости перегружать раздел, проверять их корректность, писать тексты, менять стили, работать с тегами и прочее.

• PHP. Этот язык позволяет при создании сайта быстро разрабатывать динамически генерируемые разделы проекта.

  Возможно, Вы бы хотели читать нас чаще, тогда вот наш Telegram

А также нелишним будет освоить такие языки, как: Perl, Python, Ruby, ASP, с их помощью можно сделать проект полезным, индивидуальны и удобным.

CMS

Этой аббревиатурой принято обозначать движок сайта или его систему управления. Популярность CMS основана на её простоте, в основу системы управления уже заложен необходимый для работы с проектом функционал. Для получения более расширенных возможностей управления CMS можно использовать разные компоненты и плагины, которые можно заказать у специалистов или скачать с интернета.

Домен и хостинг

Без понимания этих терминов и важности правильного их выбора лучше не начинать создавать свой ресурс. Можно сделать замечательный сайт с уникальным полезным контентом, но подобрав неудачное доменное имя или плохой хостинг, все труды окажутся напрасными

Перейдем к определениям:

• Домен. Так принято называть адрес виртуального проекта. Чем он короче и его проще запомнить, тем лучше, хорошо если это имя будет созвучно бренду, виду деятельности или названию компании.

• Хостинг. Место, выделяемое для размещения ресурса на сервере (физическом или виртуальном). Чем больше: выделяемого пространства, поддерживаемых технологий, лучше аптайм, отсутствие ограничения трафика, тем корректней будет работа сайта.

Ещё следует знать, что обозначают термины: cookie, backup, firewall, flash, robots.txt и прочее. Кроме терминологии, следует разбираться в структуре сайта и других тонкостях.

Имя сайта. Как зарегистрировать доменное имя для сайта

Давайте начнем с имени вашего сайта – домена второго уровня

Почему второго уровня? Потому что считается справа налево. Домен первого уровня – это то, что находится справа от точки. В нашем случае – это ru.

Как подобрать имя для вашего сайта? Придумайте слово, которое отражает тематику вашего сайта.

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

Имя придумали.

Как зарегистрировать – идем на самый популярный в РФ сайт для регистрации доменных имен – REG.ru. Вы можете найти и другие ресурсы по регистрации, но условия там плюс минус одинаковые. Поэтому воспользуемся самым популярным.

Сайт будет предлагать много услуг – пока ни на что не смотрим. Наша задача – зарегистрировать имя сайта.

Проверяем придуманное имя сайта.

Конечно, это имя занято нами

Пробуем подобрать другие имена. Можно использовать тире

Мы придумали смешное название – tobbi-bobbi

Название свободно. Цена регистрации 199 руб.

Переходим к заказу. Там все понятно – оплачиваем регистрацию домена на год за 199 руб. Если вам нужен промокод, можете воспользоваться нашим, который дает скидку 5%:

 2E96-5EBB-D226-D871

Внимание! Цена, которую показывает вам сайт – это цена ЗА ПЕРВЫЙ ГОД. К сожалению, такой маркетинговый ход используют практически все регистраторы

К сожалению, такой маркетинговый ход используют практически все регистраторы.

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

Прокручиваем сайт до самого конца – находим радел «услуги»

Дальше – домены

Наводите курсор, как показано на рисунке – вот они, спрятанные цены!

Нам подойдет продление без пакетов – 999 рублей. Эту сумму придется платить ежегодно. Это неизбежно, если вы хотите иметь именно свой личный сайт, который не принадлежит никакому конструктору — например wix.

Имя сайта есть. Идем дальше.

Сайт для общения — проще простого

Для тех кто создает сайт преследуя всего лишь одну цель — общение с людьми и поиск единомышленников, создавать собственный сайт совсем не обязательно, ведь можно воспользоваться услугами Живых Журналов и просто завести на их основе личный дневник для своих записей. Этот вариант не предполагает никаких затрат, а прибегнуть к использованию подобных блогов можно в таких системах как yandex.ru, mail.ru и так далее.

Какой бы вариант создания сайта вы не выбрали для своего проекта, для дальнейшего его развития вам понадобится уникальный контент и раскрутка. Вообще, прежде чем создавать сайт, стоит соизмерить ваши желания и возможности, ведь чем выше качество сайта — тем больший доход он сможет принести вам в дальнейшем. Бесплатные сайты, как правило, не рассчитаны для активного заработка в сети интернет, их не рекомендуется использовать для представления интересов крупных компаний или фирм, а вот для развлечения или наработки опыта, создать бесплатный сайт будет очень даже рационально. Желаем вам успехов в ваших начинаниях!

Что нужно знать и уметь?

Создавать сайты с нуля не сложно. Для этого нужно пройти обучение и получить необходимые знания.

Разработка онлайн-ресурсов требует наличия следующей информационной базы:

• принципы работы хостингов и веб-серверов;
• CMS и особенности работы с ними;
• пользование редакторами, в том числе Фотошоп;
• знание общих принципов CSS и HTML;
• понимание особенностей FTP, IP, HTTP, JavaScript и т.д.

Чтобы создавать сайты с нуля, не обязательно иметь глубокие знания и навыки в программировании. На начальном этапе достаточно общего понимания и постоянного развития в качестве специалиста.

Если ваша цель — профессионально заниматься созданием интернет-площадок, необходимо набрать команду. Для работы потребуется:

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

Где искать клиентов для создания сайтов

А теперь разберемся, где искать клиентов для создания сайтов:

• биржи фриланса (Kwork, FL, Freelancer, Weblancer, Freelancehunt, Upwork, Work-Zilla);
• социальная активность (чаты, форумы, соцсети, интернет-сообщества);
• контекстная реклама «визитки» с портфолио;
• реклама офлайн (СМИ, рекламная полиграфия и так далее);
• SEO-оптимизация и продвижение своего сайта;
• почтовые рассылки;
• сарафанное радио.

Чем больше каналов используете, тем больше шансов на успех. Одним из первых моих заказчиков стал… мой собственный дядя. Решил я между делом обзвонить друзей и родственников. Думаю, чем черт не шутит, а вдруг кому и надо. И точно, оказалось, что дядька уже давно раздумывает о сайте для своей фирмы. У конкурентов есть, говорит, а я динозавром себя чувствую. Сайт ему нужен был, насколько я понял, чтобы дописать на визитках «http://www.моя-крутая-контора.рф». Двадцать первый век на дворе, как же без http и www.

Дополнительно:Еще пара советов. Не пренебрегайте соц. сетями, чатами и форумами. Добавьте адрес своей страницы и предложение услуг во все аккаунты. Размещайте рекламу где только можно (например вот вам 51 бесплатная площадка для рекламы), если это не противоречит правилам сервиса. В этом вопросе главное – не переусердствовать. Профили самых усердных и назойливых пользователей часто блокируют. Особенно аккуратно нужно действовать с рассылками, чтобы вас не посчитали спамером со всеми вытекающими. Спамеров никто не любит, ни модераторы, ни администраторы почтовых сервисов и социальных платформ, ни пользователи.     

В общих чертах разобрались, где найти клиентов для создания сайтов. Настало время определиться, о чем и как с ними договариваться.    

Собираем контент, необходимый для ресурса (инвентарь)

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

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

Также стратегия наполнения сайта подразумевает под собой планирование презентации контента в заранее продуманном виде. Это звучит абстрактно и сложновато, но на деле следует лишь решить, в каком виде будет подаваться информация на ресурсе. Будет ли это что-то вроде маленького авторского блога, магазин с короткими описаниями товаров, полноценный ресурс с галереей, информационными разделами и т.п.

Было бы неплохо на этом этапе выработать некую стилистику подачи данных в соотвествии с предпочтениями целевой аудитории и направленностью проекта.

Языки веб-программирования

Язык веб-программирования – это совокупность операторов, с помощью которых создаются коды веб-программ, или их еще называют скриптами, сценариями. Язык программирования передает понятные компьютеру инструкции для выполнения определенных операций. Так, с помощью языков программирования человек «разговаривает» с машиной. Обычно коды, написанные на веб-языках, читаются браузерами. Среди самых распространенных языков веб-программирования можно отметить: HTML, CSS, PHP, JavaScript, Perl, jQuery:

Язык разметки HTML

HTML (HyperText Markup Language — “язык разметки гипертекста”) – самый известный для веб-разработчиков язык программирования, хотя по своей функциональности он скорее всего относится к языкам разметки. HTML был создан в 1991-1992 изобретателем Тимом Бернерсом-Ли, британцем по происхождению. Язык применяется для распределения объектов и текста на веб-страницах. Для лучшего понимания сущности языка HTML можно косвенно сравнить с программой Office Word. Язык оснащен тегами, которые и являются, по сути, инструкциями компьютеру.

Язык программирования PHP.

PHP (HypertextPreprocessor– “процессор гипертекста” ) – является СИ-подобным скриптовым языком. Самая первая версия PHP была разработана еще в 1994, но к 1998 году появилась основная версия PHP – 5.4. Язык PHP широко используется программистами для написания сценариев, которые выполняются на серверах при каждом обновлении страницы сайта. PHP действительно похож на язык СИ, и многое он позаимствовал из языка JAVA и технологии JSP. Сегодня PHP используется многими программистами, потому ядром огромного количества сайтов является php-код.

Ориентированный язык программирования JavaScript

JavaScript – язык программирования, созданный для «оживления и придания динамичности» веб-сайтам. Развитие языка началось с 1996 года. Программы, написанные на языке JavaScript,называются скриптами, которые выполняются совместно с HTML-документами. С помощью JavaScript программисты создают некоторые функции, как например открытие нового окошка с выводом в нем сообщения об ошибке после некоторого действия пользователя. Язык JavaScript способен выполнять свои скрипты спустя заданные интервалы времени. В общем, JavaScript это и самостоятельный язык, но также его можно назвать вспомогательным для остальных, так как с помощью него легко сделать сайт более функциональным и интересным для пользователя.

jQuery

jQuery – это библиотека многократно используемых объектов и функции JavaScript, созданная Джоном Резигом и представленная в 2006 году. Обычно jQuery является отдельным JavaScript-файлом. jQuery можно назвать фреймворком (framework), т.е. набором операции и инструкции для решения однотипных задач. Библиотека позволяет вам работать и управлять различными объектами на веб-страницах.

Динамический язык программирования Perl

Perl (Practical Extraction and Report Language – “практический язык извлечений и отчетов”) – язык программирования, чьим самым важным преимуществом является расширенные возможности работы с текстом. Был создан лингвистом Ларри Уоллом в 1989 году. К функциям Perl также относятся веб-разработка, системное администрирование, разработка графического интерфейса, игр.Perl известен также своим огромным набором модулей. Обычно программисты обращаются к языку Perl тогда, когда сценарий слишком сложен для написания на остальных языках веб-программирования.

Cascading Style Sheets

CSS (Cascading Style Sheets- “каскадные таблицы стилей”) – язык программирования, который скорее также относится к языкам разметки и форматирования. CSS стал разрабатываться в 1994 году Хокон Виум Ли и Бертом Босом. Основной задачей было создания языка, который бы форматировал HTML-объекты и текст: работал с шрифтами, цветами, стилями. В общих чертах, CSS работает с внешним видом сайтов. Язык CSS используется с целью «украсить» веб-страницы.

MySQL.

При создании сайтов программисты сталкиваются с проблемой хранения огромного количества информации. Тут на помощь могут прийти базы данных, которые позволяют хранить в себе неограниченный объем данных. Для создания, ведения и использования баз данных существуют СУБД (Система Управления Базами Данных). Одной из наиболее известных и популярных среди веб-разработчиков считается реляционная СУБД MySQL. MySQL поддерживает огромное количество таблиц, она часто применяется вместе с PHP.

Создать сайт самостоятельно

Еще один вариант создания сайта – сделать самому. Рассмотрим преимущества и  недостатки.

Преимущества, если открыть свой сайт самому

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

А если придется искать исполнителя, то Вы прекрасно понимаете, какую задачу перед ним поставить и примерную стоимость этой работы. Исполнитель, понимая, что Вы в этой теме разбираетесь, постарается «не ударить в грязь лицом» и выполнит работу качественно и в срок.

Недостатки, если открыть свой сайт самому

Единственный недостаток – временные затраты. Да, чтобы создать сайт, придется потратить несколько месяцев на обучение.

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

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

При открытии своего сайта не впадайте в крайности

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

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

Поэтому прежде чем брать кредит, надеясь легко его вернуть с помощью предполагаемого заработка в Интернете, следует более тщательно отнестись к анализу своей ниши в Интернете, наличию спроса-предложения в ней и т.п.

Вторая частая крайность при открытии своего сайта – это бесконечные переделки и доделки. Это перфекционизм, или иными словами желание сделать идеальный сайт, боязнь выпустить свой сайт в свободное плавание по Интернету до тех пор пока он не стал выглядеть идеально. И в результате – время идет, а сайт «пылится» где-то на компьютере создателя сайта, и никто не знает о его существовании.

В таком случае следует наметить жесткую дату открытия сайта, и при ее наступлении выпускать свой сайт в Интернет в том виде, как он есть к данному моменту, пусть он еще не совсем идеален.

Третья крайность, которая характерна для новых сайтов, состоит в том, что сайт забрасывают (перестают им регулярно заниматься) из-за того, что он не оправдал возложенных на него надежд.

При этом зачастую бывает так, что не хватает чуть-чуть усилий, еще совсем немного, чтобы сайт заработал так, как того хотелось бы. Поэтому никогда не нужно отчаиваться, и надо стремиться все доделать до логического завершения.

При открытии своего сайта, конечно, не стоит впадать в крайности, и у Вас все получится!

P.S. Рекомендую заглянуть:

1. Создаем блог на Blogger – одной из бесплатных платформ для создания сайта

2. Как зарегистрировать хостинг, домен и сайт на timeweb

3. Ежемесячные расходы на содержание информационного сайта

4. Все об установке и эксплуатации счетчика посещаемости LiveInternet на своем сайте

5. Бесплатный конструктор Гугл сайты: что это такое, как создать сайт и удалить

Как договариваться с клиентами о заказе

Как показывает практика, «кинуть» могут и начинающие стартаперы, и крупные компании. С нечистыми на руку заказчиками на начальном этапе приходится сталкиваться большинству фрилансеров. Проблема решается стопроцентной предоплатой, но кто ее даст без гарантий?! Учтите, что клиент не доверяет вам точно так же, как и вы ему. Фрилансеры тоже далеко не всегда выполняют взятые на себя обязательства.

Но ничего, все не так страшно. Есть у нас, умудренных опытом сайтостроителей, пара тузов в рукаве. Получить все причитающиеся деньги поможет:

• заключение договора на оказание услуг (если зарегистрировано ИП);
• оформление защищенной сделки на бирже фриланса;
• частичная предоплата.

Частичная предоплата не исключает «кидалова», но хоть часть суммы вы получите в любом случае. Свои аналоги защищенной сделки есть на большинстве бирж фриланса. Выглядит это примерно так:

1. Клиент создает заказ, в котором прописывает техническое задание (требования к работе), сроки выполнения, время на проверку, стоимость.
2. Оговоренная сумма блокируется на счету заказчика.
3. Вы сдаете проект.
4. Клиент проверяет продукт и принимает работу.
5. Замороженные ранее средства заказчика переводятся на ваш счет.

Все споры между заказчиком и исполнителем решаются арбитражем биржи фриланса. Не заплатить деньги клиент может лишь в том случае, если вы не выполнили требования ТЗ и администрация площадки встанет на его сторону.

Важно:Мораль сей басни такова: внимательно смотрите, на что именно подписывайтесь. Убедитесь, что все требования тех

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

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

Проблема бирж – большая конкуренция. На «жирные» заказы слетаются местные гуру веб-дизайна с солидным портфолио и высоким рейтингом в системе. Будьте готовы, что первые заказы придется делать буквально «за еду», бесплатно или за символическую сумму. Что поделать, искусство требует жертв. Даже если это искусство веб-дизайна, а жертва – вы.

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

Стоит ли создавать сайт блог для заработка

Стоит только в том случае, если вы готовы много работать. Как я уже писал выше, одного желания зарабатывать деньги недостаточно. Много работать придётся, как минимум, первые два года. Писать статьи в молодой блог нужно как можно чаще. Вы, конечно, при наличии денег можете нанять для этих целей копирайтера. Но при этом нужно учесть, что пишутся все статьи от имени автора.

Кроме этого, проверять и публиковать статьи написанные для вас копирайтером вам придётся самим. Найти копирайтера за небольшие деньги сейчас вполне реально. Скажем, за одну  статью объёмом  до трёх с половиной тысяч знаков платить пятьсот рублей. При желании,  найти начинающего копирайтера можно и за триста рублей за статью.

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