What you need to know before creating a website

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

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

Кратко для ленивых

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

Зачем мне нужен сайт?

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

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

Какие сайты вообще встречаются в интернете можно увидеть в этом небольшом списке:

• Сайт-портфолио, для того чтобы выложить на нем свое портфолио – годится для фотографов, иллюстраторов, визажистов, дизайнеров, фрилансеров. Сайт портфолио раскрывает во всей красе тот вид деятельности, которым занимается человек, содержит примеры работ, фото, видео, примеры кода или текста – все то, по чему посетители сайта смогут судить о качестве его работ.
• Лендинг (посадочная страница, промо-сайт). Лендинг по-другому еще называют “одностраничник” – т.е. это просто длинная страница, которая при прокручивании показывает все новые и новые блоки с материалом, а также постоянно подсовывает пользователю форму обратной связи, предлагая связаться и поговорить более подробно. В общем суть любого лендинга как раз и заключается в том, чтобы завлечь клиента, добиться от него действия (звонка или заполнения формы обратной связи). Обычно лендинги создаются для презентации нового продукта или услуги, когда нужно максимально разрекламировать и привлечь как можно больше клиентов. Иными словами – лендинг создается на короткий срок, ярко демонстрирует новый товар или услугу, имеет одну длинную страницу и содержит максимум эффектов для привлечения внимания.
• Блог по сути мало чем отличается от сайта портфолио. Блог содержит авторские статьи на разную тематику, часто эти статьи содержат много рекламы. К сожалению, ушло то время, когда на блогах можно было что-то заработать. Учитывая большое количество блогов, существующих чисто ради рекламы и перепечатывающих друг у друга текстовые материалы (часто с ошибками), существование еще одного такого рекламного блога – бессмысленно. Есть хорошие блоги с реально полезной информацией, и это вселяет хоть какую-то надежду в дальнейшее осмысленное существование Интернета.
• Интернет-магазин. Купить что-либо через Интернет стало уже настолько обыденным делом, что рассказывать, что такое Интернет-магазин – нет смысла. Интернет-магазин содержит несколько статических страниц информации для клиентов (О нас, Доставка и Оплата, Контакты… ), каталог товаров с фильтрами, корзину и может быть небольшой раздел со статьями – именно такая схема среднестатистического магазина. Особо “мажористые” магазины позволяют себе вести видеоблоги с обзорами своих товаров, что считаю достаточно полезным действием для магазина, куда нельзя прийти и покрутить в руках товар.
• Интернет-витрина. Очень сильно напоминает Интернет-магазин, но цен на товары на страницах сайта вы не увидите. Витрины лишь показывают товар, а купить его предлагают совсем в другом месте или предварительно созвонившись и обговорив цену. Часто витрины создают для партнерских проектов, где владельцу витрины за каждый переход с его сайта на основной сайт партнера полагается вознаграждение. Ранее такая схема была довольно популярна, но сейчас окончательно опопсела, так как в основном нормальные “партнерки” закрылись, а новые в основном мошеннические, где вам ничего и никогда не заплатят.
• Корпоративные сайты. Корпоративные сайты принято разрабатывать с большим размахом и множеством красивых картинок, видео, схем и графиков. Часто эти графики даже в реальном времени могут показывать состояние тех или иных показателей Компании, так как напрямую завязаны с электронными показателями эффективности работы Компании. Корпоративные сайты обычно содержат несколько статических страниц, небольшой новостной движок, вакансии и форму обратной связи. Все остальное разрабатывается уже исходя из пожеланий заказчиков проекта.
• Сайты-сервисы. Такие сайты обычно содержат в себе какие-то полезные инструменты и их структура может кардинально отличаться от всего вышеперечисленного. Как примеры: онлайн редакторы фото, звука или видео, сервисы распознавания текста, сервисы проверки валидности кода или регулярных выражений. Следует понимать, что такой сайт обычно является лишь “ширмой”, на которой показаны какие-то результаты в виде картинок или других понятных пользователю символов, а вот “за ширмой” спрятана серьезная вычислительная мощность, которая проводит массу вычислений, чтобы сервис на сайте работал.
• Сайты-не-пойми-что. Эти сайты существуют потому, что лишь кому это захотелось сделать. Кто-то продает каждый пиксель на своем сайте как рекламное место, кто-то просто демонстрирует сайт с меняющимися пейзажами природы и спокойной музыкой. Все эти сайты могут не нести практической пользы или заработка автору, но демонстрируют полет фантазии человека, его написавшего.
• Социальные сети. Сайты, которые изначально задумывались под общение групп людей по интересам и другим общим признакам, но по сути превратились в рекламные площадки и почву для мошенников.

Следует заметить, что классификаций сайтов существует великое множество и каждый может написать свою собственную классификацию, если ему это нужно.

Если кратко подытожить, что нужно сделать перед созданием сайта:

• Определиться, какую задачу должен решать ваш сайт. Демонстрировать товары услуги а пользователи должны звонить и уточнять цену? Показывать фото из своего портфолио и предлагать связаться для фотосъемки мероприятия? Показывать фото и видео отчеты работ по строительству и предлагать вызвать замерщика?
• Поставить себя на место вашего потенциального клиента (посетителя сайта). Почему он должен сделать заказ на вашем сайте, а не у конкурентов? Вся ли информация для посетителя есть на сайте? Указаны ли контактные данные и часы работы? Отмечено ли место вашего офиса на карте, чтобы к вам легко было подъехать?
• Изучить сайты конкурентов. Не поленитесь изучить ваших конкурентов и что они предлагают, какие у них самих сайты, хочется ли на таких сайтах что-то купить? Если вам нравятся некоторые сайты конкурентов – составьте их список. Данная информация пригодится программисту, который будет писать ваш сайт.
• Изучить названия доменных имен ваших конкурентов. Было бы глупо создавать еще один сайт ROZETKA или ELDORADO. Если у вас есть понимания, какое доменное имя вы хотите для своего сайта – сначала погуглите и все станет ясно.
• Осознать, что за доменное имя и хостинг нужно платить каждый год. Как ни странно, но год очень быстро пролетает, и те сайты, за хостинг которых их владелец не успел вовремя заплатить, вдруг внезапно перестают работать. Поставьте себе напоминалку, укажите реальные контактные данные в панели вашего хостинг провайдера. Провайдер сделает все возможное, чтобы заблаговременно предупредить вас об истекающих сроках.
• Принять во внимание, что сайт нужно еще и продвигать. Т.е. для того, чтобы ваш новенький и красивый сайт не затерялся в тысячи таких же – его нужно “продвигать”, т.е. сделать так, чтобы пользователь смог найти ваш сайт с бОльшей вероятностью чем конкурентов. Продвижением занимаются специально обученные люди – SEO специалисты, которые понимают, какой канал продвижения будет для вашего сайта лучше – реклама в гугл, ролики в ютуб или же объявления в фейсбук. Кто знает. Самый главный факт в этом пункте – разработчики сайта не занимаются продвижением сайтов. Они их создают, так обладают навыками программирования, но могут разбираться в SEO лишь на начальном уровне. И это нормальная ситуация, так как эти сферы деятельности ну очень уже разные.
• Хотя бы немного разобраться в сути вопроса. Для того, чтобы вас не надули, нужно хотя бы немного разобраться в терминах и понятиях. Нужно примерно понимать порядок цен на хостинг и делегирование домена. Нужно примерно понимать, что говорит вам программист на этапе разработки сайта. Не стесняйтесь гуглить непонятные слова и просить программиста объяснить свои действия более простым языком – это позволит избежать непонятных ситуаций, когда вам в общем-то говорили, что так нельзя сделать, но вы не разобрались )

Что такое сайт

Слово “сайт” или “вебсайт” происходит от английского – “website” – буквально переводится, как “место в сети”. Т.е. сайт – это определенный адрес в сети Интернет, который имет свой адрес (см. доменное имя) и содержит несколько страниц, переход между которыми осуществляется при помощи нажатия на ссылки.

Сайт обычно написан на языке программирования, содержит элементы разметки и сценарии, а его данные хранятся в специальном месте – базе данных:

• язык программирования задает правила обработки информации на вашем сайте и “общается” с базой данных, чтобы получить или записать в нее данные (например – язык PHP, Python или ASP)
• язык разметки определяет, как элементы расположены на странице вашего сайта, какого размера текст, как обтекаются текстом картинки, какого цвета текст, рамки, полосы прокрутки и прочее визуальное оформление (например – HTML и XML)
• база данных (БД) накапливает и хранит данные сайта. Данные попадают и извлекаются из БД при помощи языка запросов, который помогает осуществлять все операции с данными быстро и безопасно
• сценарии (скрипты) добавляют удобства в просмотре веб-сайта, а также выполняют многие задачи, которые нельзя выполнить на стороне сервера. Т.е. скрипты обычно могут собрать определенную статистику о том, на каком устройстве открывается сайт и в зависимости от этого выполнить определенные команды.

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

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

Написать такой статичный сайт можно самому в редакторе Microsoft Word, выбрав в меню вид опцию “Веб-документ”. Написание такого статичного сайта сведется к тому, что каждую страницу сайта нужно будет наполнить информацией и сохранить в формате *.html. Далее страницы нужно будет соединить между собой ссылками для перехода между ними и получившийся набор расположить на хостинге.

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

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

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

Что такое система управления сайтом – CMS

Система управления сайтом (англ. CMS – Content Management System) – раздел сайта, скрытый от обычных посетителей, в котором администратор сайта может вносить измения в структуру и материалы сайта.

Систем управления сайтами великое множество. Только ленивый разработчик не разрабатывает свою собственную CMS. Учитывая этот факт, сталкиваемся с тем, что этих систем на данный момент накопилось очень много. Вот небольшой список (только 100 первых попавшихся в порядке убывания известности):

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

Некоторые проекты живы по сей день и даже стали коммерческими (например: 1С Битрикс и DataLife Engine), некоторые были просто заброшены, а некоторые трансформировались в сообщества, где бесплатную версию CMS уже разрабатывают большое количество програмистов, делясь опытом и придумывая все новые “фишки” для реализации (например: WordPress и Opencart).

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

Также программист отключает и “выкидывает” тот ненужный в данном случае функционал, который был заложен разработчиками CMS, но не востребован (и даже бывает лишним) в данном случае, так как это может замедлять работу сайта, расходуя вычислительные мощности на всякую ерунду.

В общем вся разработка сайта на основе готовых CMS сводится к двум вещам:

• отключить и выкинуть все ненужное
• включить, дописать и дорисовать все нужное

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

Написать сайт с нуля

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

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

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

Также заметим, что под прикрытием фразы “создать сайт с нуля” – обычно конструкторы сайтов на условно бесплатных платформах по созданию сайта подсовывают предложение по созданию сайта по шаблону.

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

Можно ли написать сайт самому

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

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

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

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