Какие есть типы сайтов?

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

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

Задайте любому человеку вопрос «Какие бывают сайты?», и вы получите совершенно разные ответы. Это потому, что онлайн-ресурсы можно классифицировать по их функциональности, дизайну, контенту — да много по каким критериям.

Виды сайтов по функциональности

Веб-сайты классифицируют по функциям, которые они выполняют.

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

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

Существует пять основных видов сайтов:

  • сайты-визитки
  • сайты электронной коммерции
  • интернет-порталы
  • социальные платформы
  • вики-сайты и др.

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

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

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

Сайт электронной коммерции

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

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

Торговые площадки позволяют нескольким поставщикам искать покупателей и реализовывать товары через один сайт. Например, легендарные eBay и Etsy.

Интернет-портал

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

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

Вики-сайт

Вики-сайт — это особый проект, который позволяет людям совместно работать онлайн и писать контент вместе. Самым популярным примером является сама Википедия, которая позволяет любому изменять, добавлять и оценивать содержание статей.

Социальная платформа

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

Самой популярной социальной сетью является Facebook с невероятными 2,3 миллиардами активных пользователей. Другие известные соцсети: YouTube, Instagram, ВК и LinkedIn.

Виды сайтов по отзывчивости дизайна

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

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

  • статический
  • жидкий (подвижный)
  • отзывчивый (responsive)
  • адаптивный макет.

Статические макеты

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

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

Более 50% всех поисковых запросов в настоящее время осуществляется на мобильных устройствах, поэтому mobile friendly – важнейший фактор при разработке сайта.

Жидкие или подвижные макеты

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

Адаптивные макеты

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

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

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

Отзывчивые макеты

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

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

Виды сайтов по способу формирования контента

По способу формирования и обновляемости контента сайты бывают:

  • статические
  • динамические.

Статические сайты

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

Динамические сайты

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

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

Какие бывают сайты по типу контента

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

  • блоги
  • корпоративные сайты
  • краудфандинговые платформы
  • сайты электронной коммерции
  • образовательные ресурсы
  • новостные сайты
  • социальные медиа
  • сайты ТВ или потокового видео.

Блоги

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

Корпоративные сайты

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

Если вы хотите заказать корпоративный сайт, ознакомьтесь с преимуществами CMS «1С-Битрикс: Управление сайтом». Удобство, стабильность, защищенность — все, что нужно.

Краудфандинговые платформы

В прошлом финансирование нового делового предприятия или проекта предусматривало поиск крупных сумм денег у ограниченного круга состоятельных граждан — спонсоров.

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

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

Сайты e-commerce

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

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

Образовательные ресурсы

«Какие бывают виды веб-сайтов?», «Как сварить яйцо?»… очень вероятно, что при вводе в поисковую систему таких запросов вы натолкнетесь на информационные (образовательные) сайты. Их цель — предоставить пользователю сведения, которые он ищет.

Новостные сайты

Сайты новостей и журналов нуждаются в небольшом объяснении.

Основная цель новостного сайта — держать читателей в курсе текущих событий. То же самое можно сказать о сайте онлайн-журнала, где в большей степени внимание уделяется развлечениям. Если вы хотите открыть газету или онлайн-журнал, взгляните на функциональные возможности CMS «1С-Битрикс: Управление сайтом».

Социальные медиа

Сайты социальных сетей уникальны как по функциональности, так и по контенту.

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

Их создание привело к распространению новых слов и терминов, таких как fake news. Последний словарь английского языка Collins назвал самым популярным словом 2017 года.

Сайты ТВ или потокового видео

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

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

Оригинал статьи: Какие бывают сайты?

Так же рекомендую к прочтению: Что такое сайт?

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

Сайт — это интернет-ресурс, который включает в себя объединённые ссылками и общей структурой документы (веб-страницы). Они обязательно имеют уникальное доменное имя (адрес), которое обычно официально регистрируется на юридическое или физическое лицо.

Как давно существуют сайты

Сегодня звучит удивительно, но еще до 1991 года люди не знали, что такое сайт. В августе именно этого года Тимоти Джон Бернерс презентовал миру первый веб-ресурс. У многих возникает вопрос: «Первый сайт, что это?». Британский изобретатель и ученый, по сути, опубликовал в сети небольшую совокупность страниц, на которых подробно описывалась новая технология, а именно WWW, или World Wide Web.

Подробнее о сайтах

С точки зрения Всемирной паутины, интернет-сайт — это обособленная информационная единица. Она может содержать в себе любое количество страниц: от одной до миллионов. Каждая страница — это текстовый документ, сформированный с помощью специальных языков программирования и разметки. Одними из самых распространённых сегодня технологий являются языки CSS, PHP и HTML. Скомпонованный текстовый файл загружается из сети браузером — это программа-обозреватель, которая обрабатывает код веб-страниц и преобразует его в визуально понятный для пользователя интерфейс.

Из чего состоит сайт

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

Сервер или хостинг. Файлы сайта должны храниться и обрабатываться на каком-либо физическом ресурсе. Эту функцию выполняют серверы. Они являются специальными компьютерами, которые предоставляют веб-проекту память на быстром носителе, ОЗУ и другие технические ресурсы. Один сервер может обслуживать несколько сайтов. Место и вычислительные ресурсы, выделенные на правах аренды, называются хостингом.

Доменное имя. Это адрес сайта, к примеру, sayt.com или nazvanie-sayta.ru. Доменные имена могут находиться в зонах разного уровня и тематики, что нужно учитывать при продвижении. Адреса высокого уровня имеют самую высокую стоимость. В некоторых зонах невозможно купить домен — это, к примеру, государственный сектор .gov.

Программные файлы или система управления контентом (CMS). Сегодня системные файлы для веб-проектов, как правило, не создаются вручную. Веб-мастера используют CMS — специальные движки, включающие в себя базовый функционал сайта. Самыми популярными системами управления контентом являются Opencart, WordPress, Prestashop, Joomla и Drupal. Сами CMS и база данных с картинками, текстами и прочим контентом хранятся на сервере. Итак, можно сделать вывод, что интернет-сайт — это CMS с файлами, размещённая на сервере и имеющая уникальное доменное имя.

Целевая классификация сайтов

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

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

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

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

Структурно-функциональная классификация сайтов

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

  • лендинг — это одностраничный сайт с мощной рекламной составляющей. Его задача — завладеть вниманием посетителя и привести его к конверсионному действию;
  • сайт-визитка — это небольшой ресурс с простой структурой. Такие проекты создаются для информирования аудитории о деятельности компании или отдельного специалиста;
  • интернет-магазин — специальный коммерческий формат сайта, позволяющий удобно выбирать и заказывать товары. В его структуру обычно входят корзина, форма обратной связи, фильтры, окна с отзывами, кнопка «Купить» и пр.;
  • персональный блог — этот вид сайтов посвящён конкретному человеку или его деятельности. Блоги могут быть развлекательными, биографическими, научными, информационными и пр.;
  • сайты услуг — это ресурсы, структура и функционал которых позволяет бизнесу удобно и эффективно предлагать свои услуги.

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

Так же рекомендую к прочтению статью:
Что такое веб-разработка?

Статья опубликована в обучающих целях и взята с сайта SeoNews.
Ссылка на статью: https://www.seonews.ru/glossary/internet-site/

Что такое веб-разработка?

Веб-разработка — процесс создания веб-сайта или веб-приложения. Основными этапами процесса являются веб-дизайн, вёрстка страниц, программирование на стороне клиента и сервера, а также конфигурирование веб-сервера

Этапы разработки веб-сайта

На сегодняшний день существуют несколько этапов разработки веб-сайта:

  • Проектирование сайта или веб-приложения (сбор и анализ требований, разработка технического задания, проектирование интерфейсов);
  • Разработка креативной концепции сайта;
  • Создание дизайн-концепции сайта;
  • Создание макетов страниц;
  • Создание мультимедиа и FLASH-элементов;
  • Вёрстка страниц и шаблонов;
  • Программирование (разработка функциональных инструментов) или интеграция в систему управления содержимым (CMS);
  • Оптимизация и размещение[уточнить] материалов сайта; Тестирование и внесение корректировок;
  • Публикация проекта на хостинге;
  • Обслуживание работающего сайта или его программной основы.

В зависимости от текущей задачи, какие-то из этапов могут отсутствовать

Создание технического задания

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

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

  • Цели и назначение сайта.
  • Аудитория сайта.
  • Технические характеристики.
  • Содержание сайта (структура сайта с подробным описанием элементов и функций каждой страницы).
  • Интерактивные элементы и сервисы (формы обратной связи, поиск на сайте, форум на сайте).
  • Формы (отправки на почту, подписки на рассылку, обратной связи).
  • Система управления содержимым (контентом).
  • Требования к материалам.

Дизайн основной и типовых страниц сайта

Пример дизайна Landing Page

Начинается работа с создания дизайна, обычно в графическом редакторе. Дизайнер создаёт один или несколько вариантов дизайна, в соответствии с техническим заданием. При этом отдельно создаётся дизайн главной страницы, и дизайны типовых страниц (например: статьи, новости, каталог продукции). Собственно «дизайн страницы» представляет собой графический файл, слоеный рисунок, состоящий из наиболее мелких картинок-слоев элементов общего рисунка.
При этом дизайнер должен учитывать ограничения стандартов HTML (не создавать дизайн, который затем не сможет быть реализован стандартными средствами HTML). Исключение составляет Flash-дизайн.
Количество эскизов и порядок их предоставления оговаривается с проект-менеджером. Также менеджер проекта осуществляет контроль сроков. В больших веб-студиях в процессе участвует арт-директор, который контролирует качество графики. Этап также заканчивается утверждением эскиза заказчиком.

HTML-верстка

Утверждённый дизайн передаётся HTML-верстальщику, который «нарезает» графическую картинку на отдельные рисунки, из которых впоследствии складывает HTML-страницу. В результате создаётся код, который можно просматривать с помощью браузера. А типовые страницы впоследствии будут использоваться как шаблоны.

Программирование

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

Тестирование

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

Размещение сайта в Интернет

Файлы сайта размещают на сервере провайдера (хостинга) и производят нужные настройки. На этом этапе сайт пока закрыт для посетителей.

Наполнение контентом и публикация

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

  • header сайта;
  • footer сайта;
  • навигационная цепочка, или “хлебные крошки”.

Основные элементы текстового блока:

  1. заголовки 1, 2 и 3 уровней;
  2. изображения;
  3. изображения в тексте;
  4. галереи;
  5. текст;
  6. раскрывающийся блок текста, который содержит заголовок;
  7. нумерованные и ненумерованные списки;
  8. таблицы;
  9. файлы для скачивания;
  10. видео.

Внутренняя SEO-оптимизация

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

Внешняя SEO-оптимизация

Сводится, как правило, к построению структуры входящих ссылок. Это собственно и есть раскрутка сайта. К разработке сайта внешняя SEO-оптимизация не имеет отношения. SEO-оптимизация классифицируется на «белую» и «черную» (такую, после которой сайт за две недели попадает в топ, а потом в бан поисковиков). Настоящая, «белая» SEO-оптимизация, это трудоёмкий и долгий процесс, стоимость которого может в несколько раз превышать расходы на создание сайта.

Сдача проекта

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