Виды сайтов: какие они бывают и для чего нужны

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

01

В этой статье вы узнаете:

•

•

•

•

•

•

•

02

•

•

•

•

•

•

•

•

•

Для создания сайтов используют разные технологии.

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

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

Минусы: Простые сайты, с использованием только HTML остались в 90-x, сейчас даже самый простой сайт включает в себя как минимум стили CSS, и скрипты JS. Функционал сайта сильно ограничен, поэтому в чистом виде HTML обычно используют для личных проектов, например, портфолио.

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

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

Минусы: Хоть современные CMS предлагают большой выбор плагинов, бывают случаи, которые они не способны покрыть. К тому же, если на странице много плагинов, это может тормозить загрузку сайта. А еще ― доверять данные провайдеру всегда менее безопасно, чем решение, разработанное с нуля. Поскольку основные CMS довольно популярны, их легко взломать.

Популярные примеры CMS ― WordPress и Битрикс.

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

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

Минусы: Кастомизация ограничена. А еще создавать большие сайты на конструкторе (больше 500 страниц) неудобно и невыгодно. Поэтому конструкторы подойдут для сайтов компаний, но не для медиа и крупных блогов.

Примеры сайтов-конструкторов ― Tilda и Wix.

Сайты на основе Adobe Flash можно узнать по обилию анимаций и интерактивных элементов. Flash уже давно не работает во всех основных браузерах. Сегодня вместо него для анимации используются другие методы и инструменты. Например, при помощи CSS или JS, а также webgl и различных JS библиотек, например, PixiJS.

Плюсы: Такие сайты выглядят динамично и привлекают внимание.

Минусы: Часто имеют проблемы с доступностью и оптимизацией для поисковых систем.

Примеры сайтов, которые используют анимации:

Miki Mottes

Сайт иллюстратора Miki Mottes использует анимации на первом экране для создания мультяшного эффекта.

Parasol Island

Студия видеопродакшена использует интерактивные элементы на сайте для иллюстрации своей деятельности ― создания крутых видео.

SPA-сайты ― это одностраничные приложения, которые загружаются целиком при первом посещении и динамически обновляются без перезагрузки страницы.

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

Минусы: Одностраничные сайты сложно продвигать в поисковых системах.

Примеры:

icons8

Библиотека иконок подгружает новые элементы при скролле, что удобно в поиске.

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

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

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

Примеры:

Авиасейлс

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

Сайты также можно классифицировать по их содержанию.

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

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

Примеры:

Ozon

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

Lamoda

На сайте Lamoda можно купить онлайн одежду, обувь и аксессуары.

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

Примеры:

CoralTravel

На сайте туроператора можно найти информацию о турах по интересующему направлению и забронировать поездку.

FourSeasons

На сайте отеля можно найти информацию о возможных услугах и их стоимости.

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

Примеры:

Uplab

Невероятно стильные ребята, вне всяких сомнений.

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

Сайт-визитка

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

Лендинг

Лендинг ― это одностраничный сайт, созданный для продвижения конкретного продукта или услуги. Он содержит информацию о продукте, его преимуществах и функционал для заказа или подписки. Например, этот лендинг продвигает конференцию в области искусственного интеллекта:

Портфолио

Портфолио ― это сайт, который содержит информацию о работах и достижениях компании или человека в определенной области. Вот так выглядит наше портфолио:

Промо-сайт

Промо-сайт ― это веб-страница, созданная для продвижения конкретного продукта или услуги. Тут можно найти информацию о продукте, его преимуществах, отзывы клиентов и форму заказа. Так Jack Daniels создал отдельную страницу для продвижения своего продукта ― алкоколы.

Сайт-витрина

Сайт-витрина содержит каталог товаров или услуг компании. Покупатель может изучать ассортимент, прочитать описания товаров и оформить заказ. Так выглядит «витрина» магазина цветов:

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

Новостные ресурсы

Новостные ресурсы содержат актуальные новости и информацию о происходящих событиях в мире, стране или регионе. Например, сайт журнала Wall Street Journal:

Статейники

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

Блоги

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

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

Соцсети

В соцсетях пользователи могут создавать профили, обмениваться сообщениями и контентом с другими пользователями. Примеры ― vk.com и facebook.com (признан экстремитсткой организацией и запрещен на территории России).

Видеохостинги

В видеохостингах как YouTube или RuTube пользователи могут загружать, просматривать и комментировать видео.

Форумы

Форумы ― это сайты, на которых пользователи могут общаться на различные темы, задавать вопросы и делиться мнениями. Популярный форум в Рунете ― сайт pikabu.

Сайты знакомств

Сайты знакомств помогают пользователям искать партнеров для деловых и романтических отношений. Например, Uniter — сервис для деловых знакомств, который призван помочь создавать и развивать стартапы.

Трафиковые сайты привлекают большое количество посетителей и генерируют высокий трафик.

Крупные информационные порталы

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

Агрегаторы и доски объявлений

Агрегаторы и доски объявлений позволяют размещать объявления о продаже товаров и услуг, а также искать нужные предложения. Пример ― Авито, сервис для размещения объявлений.

Варезники

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

Онлайн-кинотеатры

Онлайн-кинотеатры ― это сайты, на которых можно смотреть фильмы и сериалы онлайн. Пример ― Ivi, крупнейший российский онлайн-кинотеатр.

Справочники

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

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

Почтовые системы

Почтовые системы ― сервисы, предоставляющие возможность отправки, получения и хранения электронной почты. Пример ― почта Яндекса и Google.

Хостинги

Хостинги ― это сайты, которые предоставляют услуги по размещению сайтов и приложений на серверах, доступных через интернет. Такие услуги предоставляет, например, Reg.ru.

Онлайн-инструменты

Онлайн-инструменты ― разные онлайн-приложения, которые работают через интернет и решают разные задачи: редактирование фотографий, менеджмент проектов, перевод текста. Пример ― инструмент для редактирования текстов Тургенев.

Про эти сайты мы вам расскажем, но ссылок не дадим

Черное SEO ― это методы оптимизации сайта, которые нарушают правила поисковых систем и могут привести к санкциям или бану сайта.

Дорвеи

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

Адалт

Адалт сайты содержат контент, предназначенный для лиц старше 18-ти.

Сателлиты

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

Сайты разные нужны, сайты разные важны. Теперь вы знаете все о разных видах сайтов.

Больше полезных материалов про веб- и продуктовый дизайн вы найдете в нашем блоге, а еще ― в Telegram. Подписывайтесь, чтобы следить за последними новостями в мире дизайна!