На чем создают сайты
Конструкторы сайтов в 2020 году: что выбрать для бизнеса?
Наверное, странно на Хабре видеть пост подобного рода, поскольку здесь каждый второй может сделать сайт без всяких конструкторов. Но бывает так, что времени особо нет, а лендинг или интернет-магазин, пускай несложный, нужен уже вчера.
Вот тогда и приходят на помощь конструкторы. Их, кстати, довольно много, но в этом посте не будем рассматривать Ucoz и иже с ними — о них все и так знают. Мне выпала задача по работе найти несколько конструкторов сайтов, которые подходят для бизнеса, поэтому их и я и оценивал. В общем, если у кого-то стоит похожая цель, найти конструктор для своей компании, то велкам под кат.
Ucoz и Ukit, конечно, связаны, но их возможности отличаются. Ukit, на мой взгляд, проще в освоении, он отлично подходит для предпринимателей, фрилансеров, разработчиков несложных клиентских сайтов, самозанятых. С его помощью без особых проблем можно разработать сайт-визитку, лендинг, портфолио, небольшой интернет-магазин.
В основе всего — визуальный редактор, который дает возможность собрать страницы с нужными элементами из готовых блоков и виджетов. Каждый блок можно дополнительно редактировать, глубокие знания по разработке не требуются. Этот конструктор позволяет в течение 30 минут сделать готовый, пускай и не очень сложный, сайт.
Это один из самых популярных в мире конструкторов. Идеально подходит для создания относительно несложных сайтов, включая лендинги, портфолио, сайты-визитки. Кроме того, его стоит использовать и для быстрого разворачивания качественных небольших интернет-магазинов.
У Wix есть приятная особенность — возможность добавления собственного кода JavaScript на сайт Wix и работать с интерфейсами API, чтобы добавить пользовательские функции и взаимодействия на сайт. Для этого Правда, это не кодинг, а, скорее, составление скриптов. Как и в предыдущем случае, у конструктора множество шаблонов. В итоге можно сделать сервис по поиску и продаже авиабилетов, бронирования номеров, продажи музыки и т.п. Страницы можно достаточно глубоко кастомизировать.
Что касается бизнеса, то здесь тарифы другие, от 400 до 1000 рублей в месяц. В последнем случае предоставляется 50 ГБ дискового пространства, предоставляются инструменты веб-аналитики, рекламы в Google Analytics, Google Ads, Яндекс.Директ.
Ucraft
Еще один современный конструктор с приятным и понятным интерфейсом. Он хорошо для создания сайтов-визиток с хорошим оформлением. Подходит и для запуска разного рода магазинов. Разработчики добавили в продукт eCommerce-инструменты, так что для бизнеса здесь достаточно много возможностей. Есть виджеты, готовые для решения различных задач виджеты.
Из коробки предусмотрено несколько десятков готовых шаблонов. Разработчики добавляют новые, убирая постепенно устаревшие. При желании можно создавать и собственные шаблоны. Есть возможность кастомизации, добавления собственного кода. Добавлены и продвинутые инструменты для SEO. Еще один положительный момент — мультиязычность продукта, с его помощью можно разрабатывать визитки и магазины на разных языках.
Nethouse
Неплохой конструктор для разработки сайтов-визиток, плюс лендингов и магазинов. Экосистема продукта достаточно развернута, есть дополнительные услуги, которые расширяют функциональность конечного продукта. Как правило, эти услуги платные, это может быть добавление SMS-уведомлений, настройка контекстной рекламы, позиционирование в социальных сетях и т.п.
У Nethouse есть визуальный редактор, что может понравиться многим пользователям.
Конечный продукт можно интегрировать с Google/Yandex, amoCRM, Travelpayouts и рядом других сервисов. А еще разработчики добавили мобильные приложения для управления сайтов.
К сожалению, шаблонов не очень много, и они похожи друг на друга. Кастомизировать до неузнаваемости нельзя, так что продукты Nethouse структурно похожи друг на друга. Зато обширные возможности по детализации настроек магазина.
Sitebox
Это относительно новый конструктор сайта от Mail.ru (запущен в 2019 году), предназначен он для малого и среднего бизнеса, когда возникает необходимость быстро и с минимальными усилиями создать сайт или интернет-магазин. Конструктор предоставляет пользователю четыре готовых модели: интернет-магазин, страница продукта или компании, корпоративный сайт и блог. Созданный сайт оптимизирован для работы на мобильных устройствах. Количество шаблонов — 350 штук.
Есть и услуга разработки сайта под ключ — если нет времени или желания разбираться с функциональностью сервиса.
Для пользователя доступны системы аналитики для отслеживания посещаемости и сбора информации о поведении пользователей, SEO-инструменты и системы оплаты PayPal и Wallet One.
Благодаря тому, что конструктор Sitebox является частью платформы Mail.ru для бизнеса, пользователю конструктора доступны почта для домена, сервисы опросов и рассылок, облачное хранилище и технологии компьютерного зрения.
Как я создал свой первый сайт и что из этого вышло
Это longread, в котором я поделюсь своими успехами и трудностями, с которыми я столкнулся в процессе создания своего первого и единственного сайта — xc-life.ru. Создавал я его в качестве хобби в свободное от работы время и без расчета на то, что он принесет большую прибыль или станет сверхпопулярным.
Изначально оговорюсь, что в статье вы не найдете способы заработать «золотые горы» и не узнаете супер секретные фишки SEO. Статья написана основываясь на моем личном опыте и будет полезна тем, кто только начинает путь вебмастера или только планирует создать сайт.
Предыстория (немного о себе)
С детства увлекался программированием, но решил не связывать жизнь с этой отраслью. Перед тем, как создавать сайт, у меня были знания основ HTML, CSS, понимания javascript (хотя это больше понимание самого программирования), прочитанные две книги по PHP (понимание PHP), небольшие знания в SEO. В итоге я достаточно хорошо представлял, что я хочу от сайта, и какие этапы мне предстоит пройти.
Выбор тематики и названия
Так как я не могу уделять много внимания сайту, то выбрал наиболее низко конкурентную тематику — развлечение. На тот момент решил, что буду писать про игры в некоторых из которых я хорошо разбирался.
Название выбирал, чтобы было простое и легко запоминающееся. В итоге выбор пал на xc-life.ru в добавок был зарегистрирован домен xclife.ru. При выборе названия я сделал две главные ошибки: оставил в названии «-» и, как узнал позже, использовал уже существующий бренд.
Моя личная рекомендация тем, кто будет регистрировать домен, ни при каких условиях не используйте «-«, так как это не удобно для пользователей смартфонов, которым приходится переключаться на цифры при наборе домена. А также обязательно проверяйте уникальность доменов, чтобы не было проблем с доменом в будущем.
Выбор движка сайта
Недостаток знаний в PHP однозначно определил, что сайт будет создаваться на CMS. На самописных системах сразу был поставлен крест, так как не было знаний для их редактирования, а разбираться в структуре таких CMS не каждый фрилансер согласится.
Потому было принято решение выбрать один из популярных движков сайтов. Изначально планировал создавать сайт на Joomla, но после нескольких тестов и попыток прикрутить шаблон сайта понял, что эта CMS мне не подходит. Стал тестировать другие и остановился на WordPress. Первое впечатление было не очень, но после того, как я прощупал движок, то понял — это то что мне нужно.
Выбор хостинга
У меня было всего два хостинга [название хостинга 1]* и [название хостинга 2]*. Из них двоих я выбрал [название хостинга 2]* по нескольким причинам:
* Названия хостингов, которыми я пользовался и который рекомендую вы не узнаете, так как некоторые хабравчане решили, что это реклама.
Выбор плагинов
Слава сообществу WordPress! Огромный выбор плагинов этой CMS может шокировать и запутать. Потому я стал искать плагины наиболее подходящие игровой тематике. В процессе поиска оказалось, что WordPress имеет массу дыр, которые нужно закрывать с помощью плагинов. Потому одними из первых установленных плагинов стали плагины для защиты сайта:
Хорошей находкой стал молодой плагин комментариев AnyComment, который втаптывает в грязь различные Disqus, Cackle и подобные плагины комментариев. Мой выбор пал на этот плагин из-за его функциональности и простоты настройки. Плагин очень быстро развивается и уже установлен на некоторых популярных блогах (например на блоге gogetlinks.net).
Для ускорения сайта использую популярные плагины кеширования:
Autoptimize — очень сильно ускоряет загрузку страниц благодаря сжатию CSS, JS и отложенной загрузке изображений;
WP Super Cache — плагин кеширования.
Продвижение и SEO
Так сайт создаю в качестве хобби, то не жалею ресурсов на контент — только уникальный и максимально полезный. Большинство статей пишу сам, но некоторые заказываю на бирже text.ru, так как это удобно, а в дополнение биржа имеет приятный дизайн и удобную структуру. Пробовал заказывать на etxt, но качество статей оказалось ниже, чем на text.ru.
Заметил особенность, что на статьи написанные собственноручно приходит гораздо больше трафика. Так что моя рекомендация — пишите сами — обращайтесь к подрядчикам в последнюю очередь.
Ссылки закупались в небольших количествах, но вряд ли они будут работать, так как сайты продающие ссылки не следят за качеством «продажных» статей. Возможно у кого-то статьи с крупных сайтов стоимостью от 5000 рублей и будут работать, так как за такую сумму они просто обязаны написать интересную и качественную статью.
Краудмаркетинг — долго, муторно, но это работает. Заметил рост позиций в гугл и яндекс некоторых статей на которых были крауд ссылки. Обычно писал гостевые посты в блогах или на форумах (полезные и по теме), но многие вебмастера и модераторы настолько «запуганы» поисковыми системами, что удаляют реально полезные комментарии. А самые хитрые редактируют удаляя ссылку, но это реальность краудмаркетинга.
Посещаемость и метрики
Первые полгода трафик рос, но потом в какой-то момент остановился на отметке 180-200 уникальных посетителей в сутки. На одного посетителя приходится 1.69 просмотра. По некоторым разделам, которые писал сам, доходит до 7-15 просмотров на посетителя.
Радует, что Яндекс любит сайт, и ИКС постепенно растет — за пол года поднялся с 20 до 170. Вот тут, кстати, я не прочувствовал заявленной Яндексом зависимости ИКС от трафика ведь трафик-то стоит на месте. 
Монетизация
Монетизировать сайт не спешил и попробовал только через год после его открытия. Выбрал самый простой способ — рекламу google adsense. Посещаемость небольшая потому доходы смехотворны — в лучшем случае хватит на оплату хостинга. Можно было бы увеличить количество объявлений и сделать их более навязчивыми, но тогда пострадают пользователи.
Продавать ссылки не позволяет тематика, так как ссылки с развлекательного сайта о космосе никому не нужны. А разбавлять сайт не тематичными статьями и превращать его в линкопомойку нет желания.
Мои выводы и рекомендации тем, кто хочет создать сайт
Определитесь для чего вам нужен сайт. Для заработка? Тогда готовитесь вкладывать в него или свое время, или деньги. Даже в тематике развлечение чувствуется конкуренция, что говорить про тематики строительства или бизнеса.
Новичкам в качестве движка рекомендую WordPrress, так как у него большое сообщество, много расширений (плагинов) и его просто освоить. Рекомендуемые плагины я уже привел выше.
Главный и реально рабочий способ продвижения — контент. Уделяйте больше внимания созданию полезных статей. Покупать ссылки не рекомендую, так как они не дают трафика — за эти деньги можно создать больше контента, который будет привлекать посетителей.
Иерархия компьютерных информационных систем для разработки сайта
В своей работе я постоянно сталкиваюсь с необходимостью создания или модернизации сайтов. При этом заказчики часто задают вопросы, почему вы рекомендуете именно эту CMS, зачем нужны фреймворки, как вы определяете, что нужно в нашем случае. Когда-то, когда я сам изучал это направление программирования, я и сам задавался подобными вопросами.
Но, независимо от личного профессионализма, наверное, практически каждый веб-разработчик сталкивается с вопросами, которые я озвучил выше. В помощь пользователям и коллегам, которые также вынуждены постоянно отвечать на одинаковые вопросы, я решил написать эту статью.
Что такое сайт
Чтобы разобраться в инструментах и программных решениях для создания сайтов, нужно четко понимать, что это такое – веб-сайт. Википедия дает такое определение:
Сайт, или веб-сайт (от англ. website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети»), — одна или несколько логически связанных между собой веб-страниц; также место расположения контента сервера. Обычно сайт в Интернете представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователем как единое целое. Веб-сайты называются так, потому что доступ к ним происходит по протоколу HTTP.
С моей точки зрения, этот вариант грамотный, но сложный для восприятия не программистами. Я предлагаю обычно свой вариант определения:
Сайт – это технология, которая позволяет взаимодействовать с информацией посредством веб-браузера.
Здесь, как и в большинстве моих публикаций, я исхожу с определенной точки зрения, а именно точки зрения пользователя. Потому стараюсь избавиться от ненужных подробностей и делаю основной упор на то, что в итоге получит пользователь. Если
В данном случае важно понимать, что веб-сайты не существуют без веб-браузеров. Оба эти инструмента появились одновременно, и очень сильно взаимосвязаны. Так, без браузера вы не сможете увидеть информацию, размещенную на страницах сайта. Но, одновременно, без веб-сайтов браузеры становятся абсолютно бессмысленными программами. Даже если вы открываете почтовый клиент или сайт в мобильном телефоне, вы будете использовать браузер, явный или встроенный в приложение. И когда мы создаем сайт, мы всегда помним, что его будут читать веб-браузеры, и соответствующим образом пишем программный код.
Основные технологии разработки сайтов
Итак, решено. Вам нужен сайт. Но с чего начать и как его создать? Необходимо определиться, какие методы, инструменты и языки программирования вы будете использовать.
Существует 3 основных вида компьютерных информационных систем, которые используют для создания сайтов:
Чтобы получить готовый сайт, необходимо проработать два направления – ввод информации и вывод ее в браузере. Ввод может осуществляться также через браузер либо каким-либо другим методом. Так, нередко страницы кода создают в Блокноте или специализированных программах для создания сайтов, а потом выкладывают их в виде файлов на сервер. Но, как бы там ни было, первое, что нужно организовать, это ввод данных. Причем, в таком виде, чтобы впоследствии браузер смог их вывести на экран. Описанные выше технологии как раз и отвечают за ввод данных для сайта.
Давайте разберемся подробнее с каждым из вариантов, чтобы понять, чем они отличаются друг от друга и какой, когда лучше применять.
Языки веб-программирования
Языки веб-программирования – это самое нижнее звено, на котором можно писать сайт. Здесь следует понимать, что «нижнее» в программировании – это не самое простое, как это мы привыкли понимать, а наиболее близкое к машинному коду. Т.е. на самом деле, «нижний» уровень – наиболее трудоемок при использовании, но зато имеет меньше всего ограничений. Программист может написать любой код, ему не придется учитывать особенности уже разработанных инструментов и работать в их «рамках».
Наиболее популярные языки веб-программирования (привожу для примера, это не рейтинг):
Итак, язык программирования дает возможность написать любой сайт без ограничений. Это может быть важным, если вам не подойдет ни один фреймворк или CMS. На самом деле, сами фреймворки и CMS также пишутся на языке программирования. Но о них мы поговорим чуть ниже.
Например, вам необходимо создать систему авторизации пользователей на сайте. Программист должен будет подробно на уровне команд описать – где будут храниться данные, как они будут защищены, как будет выглядеть форма ввода, как система будет проверять наличие пользователя и т.д. Эта работа потребует значительных затрат рабочего времени программиста. Если решение нужно действительно уникальное, расходы оправданы.
Но вы и сами, скорей всего, замечали, что в интернете огромное количество типовых решений. Те же формы регистрации и авторизации мало чем отличаются от сайта к сайту. Писать каждый раз одинаковый код с нуля – это почти как «изобретать велосипед», бессмысленно и затратно. Потому и были придуманы инструменты для веб-разработки – Frameworks и CMS.
Применение Frameworks
Чтобы каждый раз не писать один и тот же код с нуля, многие программисты используют собственные наработки. Хранят типовые куски кода в файлах, применяют по мере необходимости. Но этот подход имеет определенные недостатки:
В результате базой готовых наработок чаще всего пользуется один человек. И каждый программист вынужден снова-таки, «изобретать свой велосипед», вместо чтобы взять готовый вариант у коллег. Фреймворки появились как решение проблемы стандартизации и создании базы готовых решений.
Frameworks в разработке сайтов – это фрагменты готового кода, объединенные в некие модули, которые для взаимодействия между собой используют некую парадигму, т.е. перечень заранее оговоренных правил.
Т.е. теперь для решения задачи авторизации пользователя нет необходимости писать код с нуля. Можно взять готовый фреймворк, установить его в нужном месте сайта, и все. Работа по созданию блока авторизации пользователей вместо нескольких дней, а иногда и недель, занимает считанные минуты. В некоторых случаях могут возникнуть сложности при настройке. Но даже тогда это – часы работы программиста, но никак не дни.
Вернемся к примеру с авторизацией, программист должен для реализации:
Т.е. программисту мало знать, например, PHP, но также придется изучить выбранный фреймворк.
Количество различных фреймворков постоянно растет. Разные программисты на разных языках пишут готовые решения под различные типы сайтов.
Список фреймворков (примеры, не рейтинг) :
Каждый из них требует от программиста затрат времени на изучения. Но, с другой стороны, позволяет экономить время и силы, применяя готовые модули.
К слову, когда говорят о фреймворках, часто упоминают «каркас» или «фундамент». Одна из причин – перевод самого слова «Framework», по-русски это и будет «каркас». На самом деле, в программировании сложно говорить о каркасных решениях. Фреймворки – это именно модули, а сама работа с фреймворками больше похожа на конструктор «Лего», т.е. отдельные кирпичики соединяются друг с другом, а потом еще и еще в общую систему.
Если мы работаем на фреймворке, мы не можем разделить, вот тут мы работаем с сайтом, а тут – с фреймворком. Так не бывает. Если сайт создается на фреймворке, то с ним вы будете работать постоянно. Это общая система, в которой все взаимосвязано друг с другом.
Описанные выше варианты требуют обязательного участия в процессе создания сайта профессионального веб-программиста. Но что делать, если вы хотите создать сайт, но у вас нет нужных знаний? Здесь на помощь приходит готовая система управления контентом CMS.
CMS (Content Management System) – это готовая программа или система, предназначенная для создания и редактирования, т.е. управления контентом.
Подробно о том, что такое CMS, я обязательно расскажу в одной из будущих статей. С точки зрения иерархии CMS – это следующий уровень, такая система может быть написана на языке программирования или собрана из фреймворков.
Например, вы – не программист, но хотите вести свой блог. И вам нужна та самая, уже много раз упомянутая нами система авторизации. Вам нужно, чтобы вы могли входить на сайт и добавлять информацию, нужны различные права доступа для пользователей, которые будут комментировать ваши тексты, для соавторов и т.д. Возможно, вам также захочется подключить авторизацию через социальные сети и т.д.
Если все это писать на языке программирования, придется изучить язык, особенности API, базы данных и многое другое. Если вы решите подключить фреймворк, то скорее всего вам нужно будет найти подходящий модуль(пьагин), изучить выбранный фреймворк, правильно установить и настроить модуль.
В CMS самое главное – это не разработка сайта, а управление контентом. Разработка здесь уходит на второй план. В эту систему вы просто заносите контент, и получаете готовый сайт, куда смогут зайти люди. А такие вещи, как авторизация пользователя и многие другие функции, уже реализованы. Даже настройка прав доступа возможна без знания фреймворков и языков программирования. В CMS основная работа ведется с контентом, и ориентированы эти системы не столько на программистов, сколько на пользователей.
Но не стоит обольщаться, совсем без программиста при настройке CMS редко кому удается обойтись. Если вам нужен самый простой блог или сайт-визитка, вы не привередливы в плане внешнего вида, т.е. согласны на один из готовых шаблонов, проблем не будет. В серьезных проектах, где вам надо будет подключать корзину для покупок, автоматическую оплату и многое другое, без помощи специалиста не обойтись.
Программист, который работает с CMS должен понимать: как работают встроенные модули системы, понимать, где и какой код открыт для изменения, уметь корректно работать с кодом CMS. Если он также применяет фреймворки, например, для реализации возможностей, не предусмотренных в CMS, ему также придется изучить какие-то Framework и уметь настраивать обмен информацией между ними и кодом CMS. И, конечно, все это невозможно без знания языков программирования. Т.е. на этом уровне программист должен знать все три типа работы с сайтами.
Но, с другой стороны, CMS – это готовые решения, которые можно быстро установить и настроить. При этом программисты принимают все меньше участия в этом процессе. Современные CMS уже настолько мощные, что часто даже специалисты не интересуются, на чем они написаны, просто выполняют настройку при помощи встроенных решений и подключаемых модулей.
И как бы то не было, CMS не создается на пустом месте, и и в том или ином виде содержит в себе фреймворк. Некоторые разработчики используют готовый фреймворк ( для примера CMS Drupal разработан на базе фреймворка Symfony), а разработчики WordPress не сообщают об использовании фреймворка, но все равно CMS содержит в себе готовые модули.
Примеры популярных CMS(не рейтинг):
Разные CMS ориентированы на различные типы сайтов, есть среди них платные и бесплатные, с открытым и закрытым кодом. Подробно о том, как выбрать CMS, вы можете прочитать в статье, посвященной этому вопросу.
Как использовать иерархию КИС
Описанную выше иерархию можно сравнить со слоеным пирогом.
Первый уровень – язык программирования – имеет только ядро и ничего более. Мы не можем расширить его функциональность. Мы просто работаем с программным кодом. Конечно, в некоторых языках есть возможность подключать готовые библиотеки, т.е. куски кода. Но это, скорее, вспомогательные инструменты. По сути, язык – это и есть ядро. И в этом случае программист работает с ядром напрямую.
Когда речь идет о фреймворке, там уже есть ядро, сам фреймворк, и готовые модули. И, конечно, все это основано на языке программирования. Здесь мы можем установить ядро, после чего выбирать и подключать нужные модули. Можем написать эти модули самостоятельно или доработать код существующих, таким образом, возвращаясь частично на уровень работы с языком программирования.
В CMS ядром становится большая и мощная система, а к ней подключаются различные модули, встроенные или загружаемые. В случае, если вы работаете с CMS и фреймворками, придется установить весь пакет базовых решений, и только потом проводить настройку и доработку. И, конечно, в случае необходимости всегда можно вернуться на уровень прямой работы с кодом, конечно, если вся CMS или еще часть не закрыты для редактирования.
Важно понимать, что в программировании всегда есть ядро, и модули, которые создаются на основе ядра для облегчения труда программиста. При этом, чем выше степень упрощения, тем больше ограничений. Т.е. чем выше в иерархии выбранное решение, тем меньше вариантов решения будет доступно.
В CMS большое число решений уже реализованы, и мы не сможем их настраивать «под себя» так, как это позволяют сделать фреймворки. Но и они, в свою очередь, не дают такой свободы в выборе решений, как прямая работа с кодом.
На основе этого правила, можно дать ответ на вопрос, что и когда следует выбирать для создания сайта. Если у вас – типовой интернет-магазин, статейный блог или другой подобный не самый сложный проект, CMS станет оптимальным решением. Система позволит создать сайт максимально быстро и дешево.
В случае сложных проектов, например, с какими-то не типовыми вариантами личного кабинета, с активным использованием API, с постоянным обменом большим количеством данных, доверьте решение специалистам. Программисты смогут определить, какой инструмент подойдет для вашего случая. Каждая задача требует своего набора инструментов и их комбинаций.
Чем ниже уровень выбранного решения, тем больше знаний потребуется от вас. Даже если вы сотрудничаете с программистами, необходим определенный уровень понимания особенностей работы с выбранным инструментом, чтобы говорить с ними на одном языке. Потому не стоит применять чистый код для типовых решений, это сложно, долго, дорого. Но если ваша задача нетривиальна и сложна, придется готовиться и к таким решениям.