Лучший конструктор сайтов — рейтинг и сравнение характеристик

Добавление/редактирование статей и страниц

В базовой конфигурации контент (страницы) сайтов, созданных на CMS WordPress бывают двух типов:

• Post – статья, запись – данный тип считается периодическим, в ленте блога новые публикации такого формата появляются вверху и сдвигают старые вниз.
• Page – страницы – статичный тип контента, характеризуется неизменной актуальностью – это “вечные” разделы сайта, такие как “Контакты”, “Условия доставки”, “Об авторе” и т.д. Обычно ссылки на них выводятся в верхнем меню.

При использовании расширяющих функционал плагинов могут появляться новые типы материалов, например, карточки товаров в интернет магазине.

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

Добавлять контент можно двумя путями:

1. Через консоль, выбирая в панели соответствующий раздел. Тут же располагаются пункты “Все записи” и “Все страницы”, где можно выбрать старый материал и провести его редактирование:

2. Через верхнюю панель и кнопку “Добавить”:

Начиная с версии WordPress 5.0 для оформления контента сайта используется блочный редактор, он пришел на смену классическому (похожему на Word). Сейчас я покажу как работать с новым, а для поклонников старой версии, ниже, в разделе “Расширение возможностей и модернизация”, расскажу как вернуть старый редактор и пользоваться им.

Итак, перед нами появляется вот такой блочный редактор, в котором сразу вставлены 2 первых элемента – заголовок и текстовый блок. На скриншоте приведены основные функции редактора:

Начинаем создание страницы с указания заголовка. Затем, через кнопку “Добавить блок” (в виде плюса), простой вставкой элементов, наполняем страницу содержимым. Вариантов разных блоков множество:

Для каждого модуля присутствуют свои особые возможности, для абзаца – форматирование текста, для заголовка – его уровень (от важного h2 до самого незначительного h6). Получится примерно так:

Когда наполните форму всем необходимым, нажмите кнопку “Предпросмотр” и “Опубликовать” (в правом верхнем углу).

Как отредактировать ранее опубликованные материалы

Всё что мы выкладываем на страницы сайта можно изменить или удалить. Чтобы внести правки переходим в раздел “Все записи” или “Все страницы” в зависимости от того что надо редактировать:

Находим в списке нужный материал, наводим на него курсор мыши и в появившемся под названием меню нажимаем на ссылку “Изменить”:

Откроется знакомый редактор, с его помощью вносим правки. Вместо кнопки “Опубликовать” будет кнопка “Обновить” – её нажатие внесет на сайт все сделанные изменения.

Из чего состоит и как работает сайт

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

В теории они представлены вот так:

1. Непосредственно файлы с кодом – они отвечают за внешний вид и работоспособность всех функций.
2. Круглосуточно работающий компьютер с серверным программным обеспечением, поддерживающим определенные языки программирования (PHP) и базы данных (MySQL). Необходим выделенный IP адрес, в домашних интернет сетях он, как правило, динамический (меняющийся), поэтому не подходит.
3. Доменное имя – адрес сайта, который вводит пользователь в браузер. Он необходим не только для визуального восприятия (вместо цифр IP адреса сервера), но и для сохранения доступа к данным сайта в случае его переноса на другой сервер – IP адрес может измениться, но домен, например BiznesSystem.ru, всегда открывает одни и те же страницы.

Чтобы создать сайт на практике надо:

1. Сверстать сайт вручную с помощью кода, либо воспользоваться конструктором, либо применить готовую систему управления контентом CMS – ниже расскажу что выбрать и как технически сделать сайт.
2. Зарегистрировать доменное имя в компании регистраторе – напрямую или через посредника.
3. Оформить услуги хостинга – получить доступ к месту для хранения файлов, процессору и оперативной памяти сервера, который будет “крутить” программу с вашим сайтом посетителям.

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

На чем создать сайт – CMS, конструктор или код?

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

Ручная верстка

Это способ создания сайта, когда открывается текстовый файл и с применением HTML тегов прописываются абзацы, заголовки, картинки и другие элементы, их расположение на странице и т.д. Как выглядит код сайта можно увидеть, если нажать клавиши “Ctrl+U” на любой открытой странице в браузере.

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

Конструкторы

Второй вариант – воспользоваться для создания сайта конструктором, предлагаемым одним из интернет сервисов. Сейчас есть такие платформы как Wix, Blogger, Ucoz, Nethouse и др., где вы можете зарегистрироваться и сделать себе сайт из готовых блоков и шаблонов.

Вариант очень простой, справится любой кто в состоянии сделать страницу в Одноклассниках.

Но есть нюансы:

1. Сайт созданный в конструкторе невозможно перенести на другой хостинг, нельзя сделать его резервную копию – становитесь заложником сервиса.
2. Функционал хоть и широк, но ограничен возможностями сервиса – если чего-то нет, то вы никак не сможете это реализовать.
3. Ограниченные возможности по заработку на рекламе. А если не зарабатывать, то зачем создавать сайт?
4. Технические проблемы с индексацией поисковиками и интеграцией с другими онлайн сервисами.

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

CMS (Content Management System)

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

В CMS можно вносить изменения и дополнения установкой плагинов или правкой непосредственно кода.

Системы управления контентом бывают специализированные (например, только для создания интернет магазинов) и универсальные (можно реализовать всё), платные и бесплатные – выбор широк.

Тема нашей инструкции как создать сайт самому бесплатно, поэтому выбираем соответствующую CMS – это WordPress (универсальная со свободной лицензией).

Около половины сайтов в интернете сейчас функционируют на WordPress, в том числе этот блог и несколько других моих проектов.

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

В инструкции ниже я покажу как самостоятельно быстро и бесплатно создать качественный сайт на WordPress.

Улучшение функционала и модернизация сайта (плагины)

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

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

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

Как устанавливать плагины на сайт

Для поиска и установки дополнения переходим в раздел “Плагины” и выбираем пункт “Добавить новый”:

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

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

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

Установка осуществляется в 2 клика – первый скачивает нужный плагин, второй его активирует.

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

Список наиболее нужных плагинов

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

1. RusToLat или Cyr-to-Lat – осуществляет автоматическую транслитерацию кириллических символов в латиницу в URL адресах добавляемых на сайт страниц. Использовать русские буквы в Интернете не стоит кроме тех случаев когда у вас изначально кириллический домен в зоне рф. Инструкция по установке не нужна – работают сразу после активации.
2. Akismet Anti-Spam – автоматически фильтрует комментарии к статьям и отправляет в спам весь мусор – инструкция по настройке. Не нужен если комментарии закрыты.
3. All In One SEO Pack – добавляет много возможностей для поисковой оптимизации сайта. Основное предназначение: добавляет в редакторе статей поля для ввода технического заголовка title и описания description, которые считывают поисковые системы. Кроме того позволяет гибко настроить систему индексирования сайта поисковиками, добавляет карту сайта, микроразметку и т.п. – инструкция по настройке.
4. Contact Form 7 – плагин для создания на сайте форм обратной связи – инструкция по настройке.
5. Autoptimize – оптимизирует CSS, JS и HTML код сайта сжимая и объединяя, это снижает количество запросов и уменьшает объем передаваемых данных, что ускоряет загрузку страниц сайта – инструкция по настройке.
6. Compress JPEG & PNG images (аналог ShortPixel Image Optimizer) – сжимает загружаемые на сайт изображения, оптимизируя их для веб страниц, это позволяет уменьшить вес иногда до 80% без видимой потери качества – ускоряет сайт.
7. Hyper Cache – создает на сайте кэшированные страницы, предотвращая повторное выполнение PHP кода при каждом запросе пользователя, что ускоряет загрузку и снижает нагрузку на хостинг – инструкция по настройке.
8. Lazy Load – откладывает загрузку картинок, которые находятся ниже видимой части страницы, новые изображения подгружаются в тот момент когда пользователь пролистывает сайт вниз – это позволяет быстрее загружать контент.
9. UpdraftPlus – с заданной периодичностью создает копии файлов и базы данных сайта, отправляет их в указанное место (почту или облачное хранилище) – инструкция по настройке.
10. WP Head Optimizer – удаляет из кода сайта информацию о версии WordPress и другие ненужные ссылки повышая безопасность и, одновременно ускоряя загрузку.

Плагины представленные ниже могут пригодиться в зависимости от того какой тип сайта вы хотите создать:

Заключительный плагин в списке – это Classic Editor, тот самый, что возвращает редактору записей классический стиль:

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

Покупка готового сайта

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

• Стоит ли покупать сайты
• Окупит ли себя сайт, домен и хостинг
• Как выбрать хороший проект при покупке
• Где и как можно приобрести интернет-ресурс

При выборе сайта для покупки следует быть очень бдительным и аккуратным. Новичку невозможно определить множество важных деталей, поскольку для этого нужен опыт владения своими проектами. Нужно понимать, что качественные ресурсы продаются всегда дорого (либо их покупают моментально по блиц цене). Однако, не все сайты стоят большие суммы. Есть и дешевые, но, как правило, некачественные (обычно их называют полуСДЛ или ГС). Конечно, везде есть исключения, поэтому необходимо лишь искать. К примеру, мне пару раз удавалось приобретать очень хорошие проекты совсем недорого.

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

При выборе сайта особое внимание обращайте на продавца. Если он не отвечает четко на поставленные вопросы, все ответы «мутные», рейтинга и репутации нет, то зачем Вам рисковать, покупая у него? Предложите ему свои условия и если он откажет, ну и ладно

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

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

2.1. Где купить сайт

Купить или заказать сайт можно во многих местах. Объявления о продажах можно поискать на крупных SEO форумах. Например, на форумах searchengines.guru и maultalk.com есть специальные разделы по покупке и продажи

Я советую обратить внимание на уникальную в своем роде биржу купли/продажи сайтов:

TELDERI

Необходимая терминология

Хостинг

Хостинг — это место на сервере, где размещаются файлы сайта. Хостер, соответственно, компания, которая предоставляет эту услугу. Не рекомендую использовать бесплатные хостинги, у них много ограничений, сторонняя реклама и т.д. Сегодня услуги хостера стоят по большому счету копейки (от 100 руб/месяц), и экономить их точно не нужно. Но если для вас этот момент также принципиален, то можете рассмотреть бесплатный хостинг от Beget, из всех предложенных вариантов у него наиболее оптимальные условия и практически отсутствуют ограничения.

Доменное имя

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

CMS

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

Также хостеры часто предлагают бесплатную услугу по развертыванию шаблонных сайтов на основе популярных CMS. Можете посмотреть инструкцию по развертыванию сайта на CMS WordPress на Beget, о котором говорилось выше. 

HTML

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

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

Tilda

Tilda Publishing – это, наверное, самый топ по популярности. Этот конструктор сайтов отлично подойдет для запуска:

О том, как способен выглядеть сайт на Тильде, можно узнать в разделе #madeontilda.

• полноценный блок «корзина»;
• подключение различных сервисов оплаты и доставки;
• карточки товаров с инструментами визуального выделения отдельных элементов;
• легкое подключение CRM-системы для отслеживания лидов.

Среди прочих преимуществ Тильда

• огромный выбор стильных шаблонов для разных целей с широчайшими возможностями кастомизации;
• возможность создания собственного шаблона;
• оперативная поддержка на русском языке;
• широкий набор готовых модулей для различных целей (опросы, отзывы, формы заказов, формы онлайн-бронирования и пр.);
• легкое подключение аналитики от Яндекса и Гугла плюс собственная система отслеживания трафика;
• подключение публикации постов из Instagram;
• возможность скачать сайт и перенести на другой хостинг;
• наличие кнопок соцсетей;
• подключение безопасного протокола HTTPS;
• готовый функционал для создания email-рассылки;
• возможность настройки отправки информации в налоговую службу;
• встроенные UTM-метки, по которым удобно отслеживать отдельные рекламные кампании;
• легкое интегрирование с интернет-банкингом от Тинькофф Банка, Сбербанк-онлайн и Альфа-Банка.

Отдельно стоит выделить интуитивно-понятный интерфейс и расторопную поддержку, которая всегда поможет.

Среди недостатков Тильда

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

Тарифы Tilda

Администрация Тильды предлагает попробовать их продукт бесплатно (тариф Free), но с ограниченным функционалом. Если не платить деньги, то пользователю будет доступно:

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

Платных тарифов два: Personal и Business.

1. Personal – этот тариф можно бесплатно опробовать в течение 2-недельного срока после регистрации. Сделано это для того, чтобы пользователи могли оценить функционал и убедиться, что он подходит под их нужды. По истечении 2-х недель нужно платить по 750 руб. ежемесячно или сразу 6 тыс. руб. за год, чтобы продолжать пользоваться тарифом Personal Tilda, который открывает доступ ко всем возможностям этого конструктора, но позволяет установить только 1 сайт с максимальным количеством веб-страниц, не превышающим 500, и объемом места на сервере не более 1Gb.
2. Business – обойдется в 1250 руб. ежемесячно или 12 тыс. руб. при оплате сразу за год. На этом тарифе можно установить на Тильду до 5 сайтов с теми же ограничениями по количеству страниц и объему, что и у Personal.

Если оплачивать Personal или Business одним платежом сразу за год, то сервис не только сделает хорошую скидку, но и еще подарит домен, а также позволит убрать надпись made on Tilda с веб-страниц сайта.

Подробнее о том, как пользоваться конструктором Tilda  → читайте в нашей статье “Как создать сайт на Тильда”

Подписывайтесь на наши новости

Одно письмо в неделю с самыми актуальными статьями + обзор digital-профессий!

*Нажимая «Подписаться» вы даете согласие на обработку персональных данных.

uCoz – лучший бесплатный хостинг для сайта + онлайн конструктор

uCoz – это самый первый и хорошо известный российский хостинг с конструктором сайтов, работающий с 2005 года. За 0 рублей на uCoz можно создать любой тип сайта: блог, форум, доску объявлений, портал, сайт-визитку, портфолио, лендинг – всё из этого доступно для создания «из коробки», без материальных вложений в хостинг, движок и домен!

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

Возможности бесплатного хостинга uCoz:

1. К сайту можно подключить свой домен (вроде site.ru – можно купить через Панель управления) или использовать бесплатный поддомен на выбор (*.ucoz.net, *.ucoz.org, *.at.ua и др). А также подключить фришный домен второго уровня (*.tk, *.ml, *.ga, *.cf, *.gq).

2. Есть полный доступ к коду шаблонов HTML/CSS/JS через встроенный редактор, то есть можно вставить код рекламных систем (Google AdSense и др.), добавить любые баннеры, загрузить свои страницы в формате page.html (используя «Файловый менеджер» или FTP-клиент FileZilla), интегрировать коды внешних сервисов (счетчики статистики Яндекс Метрики/Google Analytics, код кнопок соцсетей, онлайн-консультанты и т.д.) – это ключевая возможность, которая позволяет монетизировать и зарабатывать на своем сайте не потратив ни копейки!

3. 400 Мб места на хостинге, которое увеличивается – чем дольше существует сайт, и чем больше у него пользователей, тем быстрее увеличивается пространство на диске. Это адекватный объем места на сервере, его будет предостаточно для среднестатистического сайта из материалов с картинками, документами для загрузки, таблицами, формами и прочим. Для визитки, личного блога или сайта игрового сообщества этого хватит совершенно точно.

4. Около 500+ бесплатных и платных готовых шаблонов, разной тематики, адаптивных, доступных через Панель управления, или на сайте uTemplate.pro. Шаблон можно заменить на другой в любой момент. Если есть знания программирования и навыки верстки, то можно загрузить полностью свой шаблон с каким угодно дизайном.

5. Доступ к ограниченной версии SEO-модуля – можно установить пять 301 редиректов, использовать инструменты «Комплексное продвижение» и «Мониторинг позиций». Также, можно редактировать файл robots.txt, карту сайта sitemap.xml, прописывать мета-теги (title, description) в коде шаблонов.

6. Отсутствие ограничений на количество публикуемых страниц, материалов, фотографий, файлов (кроме тех, что продиктованы текущим объёмом хранилища), использования доступных модулей, внесений правок в исходный код, интеграций сторонних сервисов.
7. Сайты на uCoz отлично подходят для продвижения и раскрутки, хорошо воспринимаются и индексируются поисковыми системами Яндекс и Google.
8. Сайт будет существовать неограниченно долго по времени без удаления, при условии что хотя бы 1 посетитель зайдет на сайт в течении 40 дней.

Ограничения бесплатного тарифа:

1. На бесплатном сайте будет показываться реклама uCoz. Рекламный баннер будет расположен в верхнем правом углу – это есть «плата» за использование движка без денег.
2. Объём хранилища в 400 Мб – для начинающих этого места хватит за глаза, но кому-то этого будет недостаточно.

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

Что входит в платные пакеты услуг:

В течение первых 48 часов жизни нового сайта предоставляется скидка 50% на любой премиум-пакет. Для последующих оплат также есть скидки от 10% до 30% в зависимости от выбранного срока – полгода, год, два года. Домен вида site.ru идет в подарок, если подключить на 12 мес тариф «Оптимальный» или «Магазин», для «Максимального» – на 6 мес.

Условия для некоммерческих организаций:

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