Содержание
Как узнать, на каком хостинге находится сайт
Площадка хостинга сайта — это место, где располагаются все файлы и данные, необходимые для обеспечения стабильной работы веб-страницы в сети Интернет. Каждый хостинг имеет свой уникальный IP-адрес.
Как узнать, на каком хостинге находится сайт, с помощью утилиты Whois
Чтобы установить, на каком web-хостинге находится сайт:
-
1.Перейдите на страницу Whois-сервиса. Введите доменное имя вашего сайта и нажмите Проверить:
-
2.В строке «Сервер DNS» будет указан адрес DNS-сервера. По нему можно определить хостинг-провайдера. В примере ns1.reg.ru и ns2.reg.ru указывают на то, что сайт расположен на хостинге REG.RU.
Готово, вы узнали, на каком хостинге находится сайт.
Обратите внимание! Этот способ позволяет лишь ориентировочно определить компанию, предоставляющую серверы сайту. Для домена могут быть прописаны DNS-серверы одной компании, а использоваться хостинг другого поставщика (А-запись будет указывать на серверы другого хостинг-провайдера). В таком случае можно воспользоваться инструкцией ниже.
Как узнать, на каком хостинге находится сайт, с помощью утилиты dig?
Определить хостинг, на котором расположен сайт, можно по А-записи, указанной для домена:
-
1.Перейдите в раздел «Проверка DNS-записей». Введите домен, по имени которого открывается ваш сайт, и выберите в выпадающем списке тип записи «А». Затем нажмите Проверить:
-
2.В столбце «Результат» вы увидите IP-адрес сайта. Ниже (как правило) указано имя сервера, по которому можно идентифицировать хостинг-провайдера:
В примере имя сервера (scp81.hosting.reg.ru) указывает на то, что сайт расположен на хостинге REG.RU.
Готово, вы узнали хостинг, на котором находится сайт, и IP-адрес вашего сервера.
Как узнать, на каком хостинге находится сайт, если имя сервера не указано?
В некоторых случаях (когда для домена не прописана PTR-запись) имя сервера может отсутствовать в выводе утилиты dig. Тогда, чтобы узнать хостинг-провайдера:
-
1.Скопируйте IP-адрес, полученный в выводе утилиты dig.
-
2.Перейдите на страницу Whois-сервиса, вставьте IP-адрес и нажмите Проверить:
3.
В строке «descr» будет указан хостинг-провайдер:
Готово, вы определили хостинг-провайдера через сервис Whois.
Еще не определились с хостингом?
Разместите свой сайт на хостинге REG.RU.
Круглосуточная техническая поддержка, удобный интерфейс управлением хостинга на выбор.
Закажите хостинг в REG.RU
Помогла ли вам статья?
Да
раз уже помогла
Как работает Веб — Изучение веб-разработки
- Назад
- Обзор: Getting started with the web
Как работает Веб даст упрощённое представление о том, что происходит при просмотре веб-страницы в браузере на вашем компьютере или телефоне.
Эта теория не так важна для написания веб-кода в краткосрочной перспективе, но в скором времени вы действительно начнёте извлекать выгоду из понимания того, что происходит в фоновом режиме.
Компьютеры, подключённые к сети, называются клиентами и серверами. Упрощённая схема того, как они взаимодействуют, может выглядеть следующим образом:
- Клиенты являются обычными пользователями, подключёнными к Интернету посредством устройств (например, компьютер подключён к Wi-Fi, или ваш телефон подключён к мобильной сети) и программного обеспечения, доступного на этих устройствах (как правило, браузер, например, Firefox или Chrome).
- Серверы — это компьютеры, которые хранят веб-страницы, сайты или приложения. Когда клиентское устройство пытается получить доступ к веб-странице, копия страницы загружается с сервера на клиентский компьютер для отображения в браузере пользователя.
Клиент и сервер, о которых мы рассказали выше, не раскрывают всю суть. Есть много других компонентов, и мы опишем их ниже.
А сейчас давайте представим, что Веб — это дорога. Одна сторона дороги является клиентом, который представляет собой ваш дом. Другая сторона дороги является сервером, который представляет собой магазин. Вы хотите что-то купить в нём.
Помимо клиента и сервера, мы также должны уделить внимание:
- Ваше Интернет-подключение: Позволяет отправлять и принимать данные по сети. Оно подобно улице между домом и магазином.
- TCP/IP: Протокол Управления Передачей и Интернет Протокол являются коммуникационными протоколами, которые определяют, каким образом данные должны передаваться по сети. Они как транспортные средства, которые позволяют сделать заказ, пойти в магазин и купить ваши товары. В нашем примере, это как автомобиль или велосипед (или собственные ноги).
- DNS: Система Доменных Имён напоминает записную книжку для веб-сайтов. Когда вы вводите веб-адрес в своём браузере, браузер обращается к DNS, чтобы найти реальный адрес веб-сайта, прежде чем он сможет его получить. Браузеру необходимо выяснить, на каком сервере живёт сайт, поэтому он может отправлять HTTP-сообщения в нужное место (см. Ниже). Это похоже на поиск адреса магазина, чтобы вы могли попасть в него.
- HTTP: Протокол Передачи Гипертекста — это протокол, который определяет язык для клиентов и серверов, чтобы общаться друг с другом. Он, как язык, который вы используете, чтобы заказать ваш товар.
- Файлы компонентов: сайт состоит из нескольких различных файлов, которые подобны различным отделам с товарами в магазине. Эти файлы бывают двух основных типов:
- Файлы кода: сайты построены преимущественно на HTML, CSS и JavaScript, хотя вы познакомитесь с другими технологиями чуть позже.
- Материалы: это собирательное название для всех других вещей, составляющих сайт, такие как изображения, музыка, видео, документы Word и PDF.
Когда вы вводите веб-адрес в свой браузер (для нашей аналогии — посещаете магазин):
- Браузер обращается к DNS серверу и находит реальный адрес сервера, на котором «живёт» сайт (Вы находите адрес магазина).
- Браузер посылает HTTP запрос к серверу, запрашивая его отправить копию сайта для клиента (Вы идёте в магазин и заказываете товар). Это сообщение и все остальные данные, передаваемые между клиентом и сервером, передаются по интернет-соединению с использованием протокола TCP/IP.
- Если сервер одобряет запрос клиента, сервер отправляет клиенту статус «200 ОК», который означает: «Конечно, вы можете посмотреть на этот сайт! Вот он», а затем начинает отправку файлов сайта в браузер в виде небольших порций, называемых пакетными данными (магазин выдаёт вам ваш товар или вам привозят его домой).
- Браузер собирает маленькие куски в полноценный сайт и показывает его вам (товар прибывает к вашей двери — новые вещи, потрясающе!).
Реальные веб-адреса — неудобные, незапоминающиеся строки, которые вы вводите в адресную строку, чтобы найти ваши любимые веб-сайты. Эти строки состоят из чисел, например: 63.245.215.20
.
Такой набор чисел называется IP-адресом и представляет собой уникальное местоположение в Интернете. Впрочем, его не очень легко запомнить, правда? Вот почему изобрели DNS. Это специальные сервера, которые связывают веб-адрес, который вы вводите в браузере (например, «mozilla.org»), с реальным IP-адресом сайта.
Сайты можно найти непосредственно через их IP-адреса. Вы можете найти IP-адрес веб-сайта, введя его домен в инструмент, как IP Checker.
Ранее мы использовали термин «пакеты», чтобы описать формат, в котором данные передаются от сервера к клиенту. Что мы имеем в виду? В основном, когда данные передаются через Интернет, они отправляются в виде тысячи мелких кусочков, так что множество разных пользователей могут скачивать один и тот же сайт одновременно. Если бы сайты отправлялись одним большим куском, тогда бы только один пользователь мог скачать его за один раз, и это, очевидно, сделало бы пользование интернетом не эффективным и не очень радостным.
- Как работает Интернет
- HTTP — Протокол уровня приложений
- HTTP: Давайте изучим его!
- HTTP: Коды ответов
Фото улицы: Street composing, Kevin D.
- Назад
- Обзор: Getting started with the web
- Установка базового программного обеспечения
- Каким должен быть ваш веб-сайт?
- Работа с файлами
- Основы HTML
- Основы CSS
- Основы JavaScript
- Публикация вашего веб-сайта
- Как работает Веб
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
Want to get more involved?
Learn how to contribute.
This page was last modified on by MDN contributors.
9 самых популярных типов веб-сайтов и их содержимое
Логотипы, веб-сайты и многое другое…
Логотипы, веб-сайты, обложки книг и многое другое…
Получить дизайн
Веб-сайт может быть любым, каким вы захотите… но есть вероятность, что вы хотите, чтобы он был одним из самых популярных типов веб-сайтов, которые уже существуют. Когда вы смотрите на Интернет в целом, большинство сайтов попадают в одну из этих четких, четко определенных категорий, каждая из которых имеет свои собственные рекомендации и рекомендуемые функции, и это облегчает попадание в цель при разработке собственного сайта в соответствии с шаблоном. .
Ниже мы представляем 9 наиболее распространенных типов и целей веб-сайтов (за исключением сайтов социальных сетей, которые не так часто начинают с нуля):
- Бизнес
- Электронная торговля
- Блоги/новости
- Портфолио
- Поставщик услуг (потоковая передача, онлайн-инструменты и т. д.)
- Целевая страница
- Вики/база данных
- Форум
- Событие
Мы объясняем, для чего используется каждая категория, и какие основные функции следует включать, а также даем обзор некоторых советов по дизайну и примеры, которые помогут вам начать работу.
1. Бизнес
—
Назначение
Информирование потенциальных клиентов и потребителей о вашем бизнесе и побуждение их к сотрудничеству с вами
Особенности
- разъяснение услуг
- биография компании (обычно страница «О компании»)
- основная информация о компании (адрес, номер телефона, электронная почта и т. д.)
- заявление о миссии
- устранение болевых точек и отчет о текущей стоимости
- призыв к действию для совместной работы
Веб-дизайн от malzi.
В том-то и дело, что у каждого бизнеса 21 века должен быть сайт. Становится популярной практикой, что первый шаг, который человек делает, чтобы узнать о бизнесе, — это проверить его веб-сайт. Для компаний, предлагающих новые или уникальные услуги, бизнес-сайт дает возможность объяснить, чем они занимаются; для традиционного бизнеса это шанс облегчить опасения людей и убедиться, что компания является законной.
Хороший веб-сайт для бизнеса представляет всю необходимую информацию о компании, не только основную информацию, такую как адрес или контактную информацию, но и дополнительную информацию, такую как краткие биографии сотрудников или заявление о миссии. Идея состоит в том, чтобы люди познакомились с вашей компанией и в этом процессе загорелись желанием работать с вами.
В частности, бизнес-сайты обычно отдают приоритет призыву к действию (CTA), например виджету прямого сообщения, где посетители могут запланировать встречу или телефонный звонок или, по крайней мере, получить ответы на свои вопросы от реального человека, а не бот. CTA для прямого обмена сообщениями хорошо работают на бизнес-сайтах, потому что они ускоряют процесс превращения посетителей витрин в клиентов/покупателей, а также вызывают действия посетителей, когда их энтузиазм наиболее высок.
Бизнес-сайты всегда должны соответствовать стилю фирменного стиля компании; если вы технологическая компания для молодежи, стиль может использовать футуристические визуальные эффекты и неформальный язык, тогда как если вы юридическая фирма для постоянных клиентов, вам могут понадобиться традиционные визуальные эффекты и профессиональный язык.
Важно, чтобы вы ответили на любые вопросы, которые могут возникнуть у ваших посетителей. Во-первых, наличие адреса и контактной информации подтверждает, что ваша компания действительно существует — другими словами, вы не мошенник.
Но у ваших потенциальных клиентов и заказчиков могут возникнуть дополнительные вопросы, например, как вы относитесь к определенным вопросам, таким как использование устойчивых материалов или место производства вашей продукции. Ваш бизнес-сайт — это ваша возможность решить эти проблемы на своей территории, а не позволять людям делать собственные выводы.
2. Электронная торговля
—
Цель
Продажа товаров через Интернет с использованием обычного розничного метода.
Особенности
- Галерея продукции с высококачественными изображениями
- страницы продукта
- возможности безопасной проверки/транзакций (с сертификатом SSL)
- параметры персонализации учетной записи (списки желаний, сохраненные заказы, страницы профиля и т. д.)
Веб-дизайн от Slaviana
Сайты электронной коммерции — это просто цифровые версии обычных магазинов, поэтому они имеют одни и те же цели и функции. Вы хотите сделать свои продукты как можно более привлекательными, но сначала вам нужно убедиться, что у вас есть технические возможности для приема транзакций по кредитным картам (или любым другим способам оплаты, которые вы предпочитаете, например, PayPal или криптовалюта).
Предприятиям розничной торговли, предлагающим широкий ассортимент товаров, придется вкладывать больше средств в свои веб-сайты, потому что у каждого продукта должна быть своя отдельная страница. Страницы продуктов дают вам возможность побудить людей покупать продукт с помощью заманчивых описаний, фотографий и даже видео.
Более того, чем больше товаров вы предлагаете, тем сложнее становится навигация. Вам нужно не только найти макет для наилучшего отображения ваших продуктов, но также рекомендуется включить фильтрацию или теги категорий, чтобы помочь посетителям найти то, что они ищут.
Имейте в виду, что покупатели более скептически относятся к онлайн-покупкам, чем лично, потому что они не могут лично осмотреть товар. Вот почему визуальные эффекты так важны: вы хотите использовать высококачественные фотографии и видео, которые демонстрируют продукт с разных сторон, чтобы дать покупателю лучшее представление о реальном продукте.
Это особенно важно при продаже одежды, так как покупатель не может примерить товар. Чтобы компенсировать это, попробуйте включить подробную таблицу размеров с мерками, чтобы дать вашим покупателям более точное представление о том, как будет сидеть одежда.
3. Блоги/новости
—
Цель
Просветить или проинформировать посетителя о текущих событиях или специальных знаниях (например, эта статья о веб-дизайне в нашем блоге 99designs).
Характеристики
- каталоги товаров
- выделенных страниц для каждой статьи
- категоризация или теги для удобного просмотра
- платежные шлюзы и возможности учетной записи, если применимо
Изображение через Reuters
Блоги и новостные веб-сайты быстро вытесняют печатные СМИ, такие как газеты и журналы. Большинство людей предпочитают получать новости в Интернете (86% взрослых американцев, по данным Pew Research), и тот факт, что большинство сайтов бесплатны, также не мешает.
Поскольку каждый блог/новостной сайт предлагает сразу несколько статей, просмотр и навигация являются главной заботой. Большинство сайтов используют теги или функции категоризации, которые позволяют посетителям фильтровать, какие статьи они видят, подобно разделам газет, таким как «Спорт» или «Развлечения».
Кроме того, блоги не обязательно должны быть отдельными сайтами — они часто включаются в состав других сайтов, особенно бизнес-сайтов. Это не просто предоставление услуги посетителям, это также отличная помощь в SEO; блоги и текстовые статьи идеально подходят для использования ключевых слов поиска и получения большего количества поисковых запросов. Просто будьте осторожны с написанием кликбейта, который может оттолкнуть посетителей так же легко, как и привлечь их.
Блоги и новостные сайты основаны на тексте, но визуальные эффекты по-прежнему важны, особенно на домашней странице, чтобы вызвать клики по статье. Лучше всего включать несколько изображений в статью, просто чтобы внести небольшое разнообразие и разбить громоздкие блоки текста.
4. Портфолио
—
Назначение
Выставка образцов работ для определенных специалистов и привлечение большего числа клиентов
Особенности
- галерея качественных изображений и образцов работ
- информация о специалисте или агентстве
- объяснение услуг
- призыв к действию для совместной работы
Веб-дизайн портфолио через Richard Ekwonye
Сайты-портфолио работают в том же духе, что и бизнес-сайты, но с дополнительными образцами работ, что делает их идеальными для визуальных компаний, таких как дизайнерские агентства или фотографы. У них та же цель, что и у бизнес-сайтов — информировать посетителей и привлекать новых клиентов, — но, как правило, они содержат реальные образцы работ, чтобы потенциальные клиенты знали, чего ожидать.
В целом, сайты-портфолио уделяют меньше внимания описанию своих услуг и больше показу конечных результатов. Галереи для образцов работ являются стандартными, а некоторые даже включают разные категории или теги для облегчения просмотра.
Не забудьте самое необходимое, например, контактную информацию и краткую биографию. Как и на бизнес-сайтах, посетители хотят убедиться, что вы настоящий бизнес, а не мошенник.
Опять же, включение сильного призыва к действию, такого как виджет прямого сообщения, ускоряет процесс совместной работы. Поэтому ваш призыв к действию должен быть заметным на всем сайте.
5. Поставщик услуг (потоковое вещание, онлайн-инструменты и т. д.)
—
Цель
Предоставление полного онлайн-сервиса, такого как потоковое вещание или онлайн-инструменты, такие как поисковые системы, средства проверки орфографии, фоторедакторы или переводчики.
Характеристики
- легкий доступ к инструменту
- вариантов оплаты подписки
- персонализация аккаунта (избранное, рекомендации, отслеживание вкусов и т. д.)
Веб-дизайн через Netflix
Иногда веб-сайт — это бизнес. Такие сайты, как Netflix, DuckDuckGo и Google Translate, как правило, являются универсальным сайтом для того, что ищут их посетители, будь то развлечения или конкретная услуга, такая как поисковая система или онлайн-инструмент.
Как правило, сайты, предоставляющие услуги, строятся вокруг того, чем они занимаются, с доступом к центру на главной странице. Рассмотрим домашнюю страницу Google со строкой поиска посередине или средство проверки орфографии Grammarly с текстовым полем, отображаемым на видном месте. Нет никакой путаницы в том, с чего начать.
В случае платных подписных сервисов, таких как Netflix, прямой CTA занимает центральное место. Например, когда пользователи, не являющиеся членами, заходят на Netflix, они видят строку для ввода своей электронной почты и краткое рекламное предложение. Идея та же: посетитель точно знает, какой следующий шаг, просто по макету страницы.
Как и блоги, сервисные сайты могут быть добавлены к другим сайтам. Это умная маркетинговая стратегия, позволяющая привлечь новых клиентов и предоставить больше удобства существующим. Если это то, что вас интересует, попробуйте предоставить онлайн-инструмент, соответствующий вашей отрасли. Строительная фирма привлечет не тех посетителей, если предложит инструмент конвертации валюты.
6. Целевая страница
—
Дизайн целевой страницы Ананья Рой
Цель
Привлечь клиентов к одному конкретному действию, обычно в рамках более широкой маркетинговой кампании
Особенности
- один заметный призыв к действию
- краткое описание услуг/продаж
Целевые страницы — это краткие одностраничные сайты, которые служат одной конкретной цели. Наиболее распространенным примером является сбор адресов электронной почты, таких как подписка на информационный бюллетень, но их можно адаптировать для других нужд, таких как загрузка приложения или перенаправление посетителей на второй веб-сайт.
Хорошая целевая страница должна сфокусировать все внимание посетителя на одном призыве к действию, например на подписке по электронной почте, которая обычно отображается в четком и привлекающем внимание месте. Эффективная стратегия заключается в том, чтобы также предоставить вводной текст, который либо объясняет ценность CTA, либо устраняет некоторые опасения пользователей (например, «мы не будем делиться вашей электронной почтой»).
Целевые страницы обычно работают в сочетании с большими маркетинговыми кампаниями. Например, допустим, вы собираете электронные письма для онлайн-лотереи; вместо того, чтобы добавлять новую страницу на ваш текущий веб-сайт, вы можете создать для этой цели отдельный одностраничный веб-сайт. Таким образом, вы можете спонсировать рекламу на других веб-сайтах, которая напрямую ведет на целевую страницу, а также рекламу на вашем собственном сайте, которая отправляет пользователей прямо на соответствующую целевую страницу. Когда рекламная акция закончится, вам будет проще закрыть целевую страницу, чем если бы она была частью вашего существующего веб-сайта.
Еще одно распространенное использование целевых страниц — использование их в качестве заполнителя, пока полноценный сайт еще находится в разработке. Это лучшая практика для предприятий, которые хотят вызвать интерес до того, как они будут готовы к запуску — в сценарии эти целевые страницы обычно запрашивают адреса электронной почты, чтобы, когда окончательный сайт будет готов, они могли отправить уведомление.
Это не только даст вам фору при запуске, но также поможет вам оценить, сколько посетителей вы можете ожидать, чтобы выбрать подходящий хостинг или пропускную способность.
7. Вики/база данных
—
Назначение
Предоставлять широкий спектр информации и служить справочным пособием.
Характеристики
- большое количество страниц
- простые и эффективные функции поиска
- возможности учетной записи для пользователей, чтобы редактировать и создавать свои собственные страницы (необязательно)
База данных фильмов через IMDb
Вики, такие как Википедия, и базы данных, такие как IMDb, выступают в качестве онлайн-энциклопедий для всех, кому нужна конкретная информация быстро (или просто хочет просмотреть для отдыха). Обычно у каждой темы есть отдельная страница со всей необходимой информацией. Вики, в частности, часто позволяют пользователям редактировать страницы или добавлять новые темы, хотя для этого вам нужны как возможности создания учетной записи, так и модераторы сайта.
Помимо общих вики, таких как Википедия, большинство из них специализируются в одной области знаний. Вики-сайты, созданные фанатами, довольно распространены для сбора информации об отдельных увлечениях, таких как отдельные телешоу, видеоигры, книги или музыканты. Точно так же для конкретных хобби и интересов часто есть свои собственные вики, например, эта вики для изготовления бумажных самолетиков.
Если вы создаете вики-сайт или базу данных, убедитесь, что вы можете охватить все необходимые страницы. Это может потребовать обновления вашего хостинг-плана, чтобы включить больше места для хранения. Подобно блогам и новостным сайтам, вики и базы данных обычно основаны на тексте, но все же должны содержать множество визуальных элементов для оживления.
8. Форум
—
Назначение
Дать возможность пользователям обсуждать между собой и обмениваться информацией и ссылками друг с другом, обычно посвященными определенным темам.
Функции
- организованные доски обсуждений по темам
- генерация пользовательского контента (пользователи могут загружать свой собственный контент самостоятельно)
- модераторы
- персонализация учетной записи (избранное, уведомления об ответах, биографии профиля и т. д.)
Веб-дизайн форума через Off Topic
Как и веб-сайты социальных сетей, онлайн-форумы не обязательно предоставляют контент, а скорее место, где пользователи могут делиться своим контентом друг с другом. Как и исторические форумы, от которых они получили свое название, онлайн-форумы — это место, где незнакомцы могут встретиться и обсудить свои интересы, а также поделиться полезным контентом, например ссылками.
Если вы разрабатываете форум, ваша первая цель — создать организованную систему навигации для размещения и поиска различных форумов. Некоторые форумы сами создают доски обсуждений, в то время как другие позволяют пользователям делать это самостоятельно. В любом случае, вы хотите, чтобы пользователям было как можно проще найти то, что они ищут.
Ваша следующая цель — модерировать обсуждения. Не пугайтесь, но не все, кого вы встречаете в Интернете, хороши! Модераторы просматривают комментарии на форуме и удаляют вредоносные или незаконные сообщения, чтобы создать безопасное пространство для обсуждения всеми остальными. Иногда модераторы будут работать бесплатно, но в некоторых случаях вам может потребоваться нанять профессионала.
Такие форумы, как Craigslist, также могут служить более практическим целям, например, позволяя пользователям публиковать объявления о работе, находить жилье или продавать подержанные вещи. Подобные форумы могут привлечь нишевую аудиторию, но, как правило, они требуют большей модерации, чтобы поддерживать легитимность сайта и защищать пользователей от мошенничества.
9.
Мероприятие
—
Веб-дизайн Comic-Con
Назначение
Планирование мероприятий и консолидация информации для посетителей
Особенности
- Функция регистрации
- текущие списки гостей
- детали события и расписание
- полезная информация, например, направление движения или что взять с собой
Наконец, для одноразовых мероприятий все чаще создаются веб-сайты, чтобы помочь всем, кто их посещает. Эти веб-сайты часто используются на свадьбах, конгрессах или общих общественных собраниях для обмена важной информацией, такой как даты, адреса, расписания и общие правила.
Эти веб-сайты могут значительно сэкономить время, так как вам не придется снова и снова объяснять одни и те же вещи каждому новому посетителю. Просто поделитесь ссылкой на сайт, и посетитель получит все, что ему нужно знать, даже если он забудет и ему нужно будет снова искать его позже.
Если вы проводите личное мероприятие, такое как свадьба, вам не нужно тратить слишком много на разработку или проведение, но спонсируемые мероприятия, как правило, используют более сложные веб-сайты, в том числе с возможностью транзакций для продажи билетов в Интернете.
Убедитесь, что вы предоставили всю информацию, которая может понадобиться посетителям: расписание, правила поведения, схемы проезда, жилищные вопросы, дресс-код, запреты или ссылки на близлежащие объекты, такие как рестораны или места отдыха.
Как разработать веб-сайт
—
В зависимости от масштаба вашего проекта некоторые из этих веб-сайтов могут быть размещены и разработаны без опыта проектирования. Такие сайты, как Wix, даже предлагают бесплатные планы, хотя и с автоматической рекламой Wix, но это лучше, чем отсутствие веб-сайта вообще. И такие сайты, как Squarespace, могут сотрудничать с профессиональным дизайнером, чтобы воплотить ваш сайт в жизнь.
Какой бы тип веб-сайта вы ни создавали, убедитесь, что вы придерживаетесь основ веб-дизайна, а также более продвинутых принципов веб-дизайна. Эти основы могут улучшить любой сайт и особенно полезны для новичков и людей без опыта дизайна.
Хотите получить идеальный сайт для вашего бизнеса?
Работайте с нашими талантливыми дизайнерами, чтобы это произошло.
Пойдем!
Эта статья была первоначально написана Лекси Лу и опубликована в 2018 году. Она была дополнена новыми примерами и информацией.
9 самых популярных типов веб-сайтов и их содержимое
Логотипы, веб-сайты и многое другое…
Логотипы, веб-сайты, обложки книг и многое другое…
Получить дизайн
Веб-сайт может быть любым, каким вы захотите… но есть вероятность, что вы хотите, чтобы он был одним из самых популярных типов веб-сайтов, которые уже существуют. Когда вы смотрите на Интернет в целом, большинство сайтов попадают в одну из этих четких, четко определенных категорий, каждая из которых имеет свои собственные рекомендации и рекомендуемые функции, и это облегчает попадание в цель при разработке собственного сайта в соответствии с шаблоном. .
Ниже мы представляем 9 наиболее распространенных типов и целей веб-сайтов (за исключением сайтов социальных сетей, которые не так часто начинают с нуля):
- Бизнес
- Электронная торговля
- Блоги/новости
- Портфолио
- Поставщик услуг (потоковая передача, онлайн-инструменты и т. д.)
- Целевая страница
- Вики/база данных
- Форум
- Событие
Мы объясняем, для чего используется каждая категория, и какие основные функции следует включать, а также даем обзор некоторых советов по дизайну и примеры, которые помогут вам начать работу.
1. Бизнес
—
Назначение
Информирование потенциальных клиентов и потребителей о вашем бизнесе и побуждение их к сотрудничеству с вами
Особенности
- разъяснение услуг
- биография компании (обычно страница «О компании»)
- основная информация о компании (адрес, номер телефона, электронная почта и т. д.)
- заявление о миссии
- устранение болевых точек и отчет о текущей стоимости
- призыв к действию для совместной работы
Веб-дизайн от malzi.
В том-то и дело, что у каждого бизнеса 21 века должен быть сайт. Становится популярной практикой, что первый шаг, который человек делает, чтобы узнать о бизнесе, — это проверить его веб-сайт. Для компаний, предлагающих новые или уникальные услуги, бизнес-сайт дает возможность объяснить, чем они занимаются; для традиционного бизнеса это шанс облегчить опасения людей и убедиться, что компания является законной.
Хороший веб-сайт для бизнеса представляет всю необходимую информацию о компании, не только основную информацию, такую как адрес или контактную информацию, но и дополнительную информацию, такую как краткие биографии сотрудников или заявление о миссии. Идея состоит в том, чтобы люди познакомились с вашей компанией и в этом процессе загорелись желанием работать с вами.
В частности, бизнес-сайты обычно отдают приоритет призыву к действию (CTA), например виджету прямого сообщения, где посетители могут запланировать встречу или телефонный звонок или, по крайней мере, получить ответы на свои вопросы от реального человека, а не бот. CTA для прямого обмена сообщениями хорошо работают на бизнес-сайтах, потому что они ускоряют процесс превращения посетителей витрин в клиентов/покупателей, а также вызывают действия посетителей, когда их энтузиазм наиболее высок.
Бизнес-сайты всегда должны соответствовать стилю фирменного стиля компании; если вы технологическая компания для молодежи, стиль может использовать футуристические визуальные эффекты и неформальный язык, тогда как если вы юридическая фирма для постоянных клиентов, вам могут понадобиться традиционные визуальные эффекты и профессиональный язык.
Важно, чтобы вы ответили на любые вопросы, которые могут возникнуть у ваших посетителей. Во-первых, наличие адреса и контактной информации подтверждает, что ваша компания действительно существует — другими словами, вы не мошенник.
Но у ваших потенциальных клиентов и заказчиков могут возникнуть дополнительные вопросы, например, как вы относитесь к определенным вопросам, таким как использование устойчивых материалов или место производства вашей продукции. Ваш бизнес-сайт — это ваша возможность решить эти проблемы на своей территории, а не позволять людям делать собственные выводы.
2. Электронная торговля
—
Цель
Продажа товаров через Интернет с использованием обычного розничного метода.
Особенности
- Галерея продукции с высококачественными изображениями
- страницы продукта
- возможности безопасной проверки/транзакций (с сертификатом SSL)
- параметры персонализации учетной записи (списки желаний, сохраненные заказы, страницы профиля и т. д.)
Веб-дизайн от Slaviana
Сайты электронной коммерции — это просто цифровые версии обычных магазинов, поэтому они имеют одни и те же цели и функции. Вы хотите сделать свои продукты как можно более привлекательными, но сначала вам нужно убедиться, что у вас есть технические возможности для приема транзакций по кредитным картам (или любым другим способам оплаты, которые вы предпочитаете, например, PayPal или криптовалюта).
Предприятиям розничной торговли, предлагающим широкий ассортимент товаров, придется вкладывать больше средств в свои веб-сайты, потому что у каждого продукта должна быть своя отдельная страница. Страницы продуктов дают вам возможность побудить людей покупать продукт с помощью заманчивых описаний, фотографий и даже видео.
Более того, чем больше товаров вы предлагаете, тем сложнее становится навигация. Вам нужно не только найти макет для наилучшего отображения ваших продуктов, но также рекомендуется включить фильтрацию или теги категорий, чтобы помочь посетителям найти то, что они ищут.
Имейте в виду, что покупатели более скептически относятся к онлайн-покупкам, чем лично, потому что они не могут лично осмотреть товар. Вот почему визуальные эффекты так важны: вы хотите использовать высококачественные фотографии и видео, которые демонстрируют продукт с разных сторон, чтобы дать покупателю лучшее представление о реальном продукте.
Это особенно важно при продаже одежды, так как покупатель не может примерить товар. Чтобы компенсировать это, попробуйте включить подробную таблицу размеров с мерками, чтобы дать вашим покупателям более точное представление о том, как будет сидеть одежда.
3. Блоги/новости
—
Цель
Просветить или проинформировать посетителя о текущих событиях или специальных знаниях (например, эта статья о веб-дизайне в нашем блоге 99designs).
Характеристики
- каталоги товаров
- выделенных страниц для каждой статьи
- категоризация или теги для удобного просмотра
- платежные шлюзы и возможности учетной записи, если применимо
Изображение через Reuters
Блоги и новостные веб-сайты быстро вытесняют печатные СМИ, такие как газеты и журналы. Большинство людей предпочитают получать новости в Интернете (86% взрослых американцев, по данным Pew Research), и тот факт, что большинство сайтов бесплатны, также не мешает.
Поскольку каждый блог/новостной сайт предлагает сразу несколько статей, просмотр и навигация являются главной заботой. Большинство сайтов используют теги или функции категоризации, которые позволяют посетителям фильтровать, какие статьи они видят, подобно разделам газет, таким как «Спорт» или «Развлечения».
Кроме того, блоги не обязательно должны быть отдельными сайтами — они часто включаются в состав других сайтов, особенно бизнес-сайтов. Это не просто предоставление услуги посетителям, это также отличная помощь в SEO; блоги и текстовые статьи идеально подходят для использования ключевых слов поиска и получения большего количества поисковых запросов. Просто будьте осторожны с написанием кликбейта, который может оттолкнуть посетителей так же легко, как и привлечь их.
Блоги и новостные сайты основаны на тексте, но визуальные эффекты по-прежнему важны, особенно на домашней странице, чтобы вызвать клики по статье. Лучше всего включать несколько изображений в статью, просто чтобы внести небольшое разнообразие и разбить громоздкие блоки текста.
4. Портфолио
—
Назначение
Выставка образцов работ для определенных специалистов и привлечение большего числа клиентов
Особенности
- галерея качественных изображений и образцов работ
- информация о специалисте или агентстве
- объяснение услуг
- призыв к действию для совместной работы
Веб-дизайн портфолио через Richard Ekwonye
Сайты-портфолио работают в том же духе, что и бизнес-сайты, но с дополнительными образцами работ, что делает их идеальными для визуальных компаний, таких как дизайнерские агентства или фотографы. У них та же цель, что и у бизнес-сайтов — информировать посетителей и привлекать новых клиентов, — но, как правило, они содержат реальные образцы работ, чтобы потенциальные клиенты знали, чего ожидать.
В целом, сайты-портфолио уделяют меньше внимания описанию своих услуг и больше показу конечных результатов. Галереи для образцов работ являются стандартными, а некоторые даже включают разные категории или теги для облегчения просмотра.
Не забудьте самое необходимое, например, контактную информацию и краткую биографию. Как и на бизнес-сайтах, посетители хотят убедиться, что вы настоящий бизнес, а не мошенник.
Опять же, включение сильного призыва к действию, такого как виджет прямого сообщения, ускоряет процесс совместной работы. Поэтому ваш призыв к действию должен быть заметным на всем сайте.
5. Поставщик услуг (потоковое вещание, онлайн-инструменты и т. д.)
—
Цель
Предоставление полного онлайн-сервиса, такого как потоковое вещание или онлайн-инструменты, такие как поисковые системы, средства проверки орфографии, фоторедакторы или переводчики.
Характеристики
- легкий доступ к инструменту
- вариантов оплаты подписки
- персонализация аккаунта (избранное, рекомендации, отслеживание вкусов и т. д.)
Веб-дизайн через Netflix
Иногда веб-сайт — это бизнес. Такие сайты, как Netflix, DuckDuckGo и Google Translate, как правило, являются универсальным сайтом для того, что ищут их посетители, будь то развлечения или конкретная услуга, такая как поисковая система или онлайн-инструмент.
Как правило, сайты, предоставляющие услуги, строятся вокруг того, чем они занимаются, с доступом к центру на главной странице. Рассмотрим домашнюю страницу Google со строкой поиска посередине или средство проверки орфографии Grammarly с текстовым полем, отображаемым на видном месте. Нет никакой путаницы в том, с чего начать.
В случае платных подписных сервисов, таких как Netflix, прямой CTA занимает центральное место. Например, когда пользователи, не являющиеся членами, заходят на Netflix, они видят строку для ввода своей электронной почты и краткое рекламное предложение. Идея та же: посетитель точно знает, какой следующий шаг, просто по макету страницы.
Как и блоги, сервисные сайты могут быть добавлены к другим сайтам. Это умная маркетинговая стратегия, позволяющая привлечь новых клиентов и предоставить больше удобства существующим. Если это то, что вас интересует, попробуйте предоставить онлайн-инструмент, соответствующий вашей отрасли. Строительная фирма привлечет не тех посетителей, если предложит инструмент конвертации валюты.
6. Целевая страница
—
Дизайн целевой страницы Ананья Рой
Цель
Привлечь клиентов к одному конкретному действию, обычно в рамках более широкой маркетинговой кампании
Особенности
- один заметный призыв к действию
- краткое описание услуг/продаж
Целевые страницы — это краткие одностраничные сайты, которые служат одной конкретной цели. Наиболее распространенным примером является сбор адресов электронной почты, таких как подписка на информационный бюллетень, но их можно адаптировать для других нужд, таких как загрузка приложения или перенаправление посетителей на второй веб-сайт.
Хорошая целевая страница должна сфокусировать все внимание посетителя на одном призыве к действию, например на подписке по электронной почте, которая обычно отображается в четком и привлекающем внимание месте. Эффективная стратегия заключается в том, чтобы также предоставить вводной текст, который либо объясняет ценность CTA, либо устраняет некоторые опасения пользователей (например, «мы не будем делиться вашей электронной почтой»).
Целевые страницы обычно работают в сочетании с большими маркетинговыми кампаниями. Например, допустим, вы собираете электронные письма для онлайн-лотереи; вместо того, чтобы добавлять новую страницу на ваш текущий веб-сайт, вы можете создать для этой цели отдельный одностраничный веб-сайт. Таким образом, вы можете спонсировать рекламу на других веб-сайтах, которая напрямую ведет на целевую страницу, а также рекламу на вашем собственном сайте, которая отправляет пользователей прямо на соответствующую целевую страницу. Когда рекламная акция закончится, вам будет проще закрыть целевую страницу, чем если бы она была частью вашего существующего веб-сайта.
Еще одно распространенное использование целевых страниц — использование их в качестве заполнителя, пока полноценный сайт еще находится в разработке. Это лучшая практика для предприятий, которые хотят вызвать интерес до того, как они будут готовы к запуску — в сценарии эти целевые страницы обычно запрашивают адреса электронной почты, чтобы, когда окончательный сайт будет готов, они могли отправить уведомление.
Это не только даст вам фору при запуске, но также поможет вам оценить, сколько посетителей вы можете ожидать, чтобы выбрать подходящий хостинг или пропускную способность.
7. Вики/база данных
—
Назначение
Предоставлять широкий спектр информации и служить справочным пособием.
Характеристики
- большое количество страниц
- простые и эффективные функции поиска
- возможности учетной записи для пользователей, чтобы редактировать и создавать свои собственные страницы (необязательно)
База данных фильмов через IMDb
Вики, такие как Википедия, и базы данных, такие как IMDb, выступают в качестве онлайн-энциклопедий для всех, кому нужна конкретная информация быстро (или просто хочет просмотреть для отдыха). Обычно у каждой темы есть отдельная страница со всей необходимой информацией. Вики, в частности, часто позволяют пользователям редактировать страницы или добавлять новые темы, хотя для этого вам нужны как возможности создания учетной записи, так и модераторы сайта.
Помимо общих вики, таких как Википедия, большинство из них специализируются в одной области знаний. Вики-сайты, созданные фанатами, довольно распространены для сбора информации об отдельных увлечениях, таких как отдельные телешоу, видеоигры, книги или музыканты. Точно так же для конкретных хобби и интересов часто есть свои собственные вики, например, эта вики для изготовления бумажных самолетиков.
Если вы создаете вики-сайт или базу данных, убедитесь, что вы можете охватить все необходимые страницы. Это может потребовать обновления вашего хостинг-плана, чтобы включить больше места для хранения. Подобно блогам и новостным сайтам, вики и базы данных обычно основаны на тексте, но все же должны содержать множество визуальных элементов для оживления.
8. Форум
—
Назначение
Дать возможность пользователям обсуждать между собой и обмениваться информацией и ссылками друг с другом, обычно посвященными определенным темам.
Функции
- организованные доски обсуждений по темам
- генерация пользовательского контента (пользователи могут загружать свой собственный контент самостоятельно)
- модераторы
- персонализация учетной записи (избранное, уведомления об ответах, биографии профиля и т. д.)
Веб-дизайн форума через Off Topic
Как и веб-сайты социальных сетей, онлайн-форумы не обязательно предоставляют контент, а скорее место, где пользователи могут делиться своим контентом друг с другом. Как и исторические форумы, от которых они получили свое название, онлайн-форумы — это место, где незнакомцы могут встретиться и обсудить свои интересы, а также поделиться полезным контентом, например ссылками.
Если вы разрабатываете форум, ваша первая цель — создать организованную систему навигации для размещения и поиска различных форумов. Некоторые форумы сами создают доски обсуждений, в то время как другие позволяют пользователям делать это самостоятельно. В любом случае, вы хотите, чтобы пользователям было как можно проще найти то, что они ищут.
Ваша следующая цель — модерировать обсуждения. Не пугайтесь, но не все, кого вы встречаете в Интернете, хороши! Модераторы просматривают комментарии на форуме и удаляют вредоносные или незаконные сообщения, чтобы создать безопасное пространство для обсуждения всеми остальными. Иногда модераторы будут работать бесплатно, но в некоторых случаях вам может потребоваться нанять профессионала.
Такие форумы, как Craigslist, также могут служить более практическим целям, например, позволяя пользователям публиковать объявления о работе, находить жилье или продавать подержанные вещи. Подобные форумы могут привлечь нишевую аудиторию, но, как правило, они требуют большей модерации, чтобы поддерживать легитимность сайта и защищать пользователей от мошенничества.
9.
Мероприятие
—
Веб-дизайн Comic-Con
Назначение
Планирование мероприятий и консолидация информации для посетителей
Особенности
- Функция регистрации
- текущие списки гостей
- детали события и расписание
- полезная информация, например, направление движения или что взять с собой
Наконец, для одноразовых мероприятий все чаще создаются веб-сайты, чтобы помочь всем, кто их посещает. Эти веб-сайты часто используются на свадьбах, конгрессах или общих общественных собраниях для обмена важной информацией, такой как даты, адреса, расписания и общие правила.
Эти веб-сайты могут значительно сэкономить время, так как вам не придется снова и снова объяснять одни и те же вещи каждому новому посетителю. Просто поделитесь ссылкой на сайт, и посетитель получит все, что ему нужно знать, даже если он забудет и ему нужно будет снова искать его позже.
Если вы проводите личное мероприятие, такое как свадьба, вам не нужно тратить слишком много на разработку или проведение, но спонсируемые мероприятия, как правило, используют более сложные веб-сайты, в том числе с возможностью транзакций для продажи билетов в Интернете.
Убедитесь, что вы предоставили всю информацию, которая может понадобиться посетителям: расписание, правила поведения, схемы проезда, жилищные вопросы, дресс-код, запреты или ссылки на близлежащие объекты, такие как рестораны или места отдыха.
Как разработать веб-сайт
—
В зависимости от масштаба вашего проекта некоторые из этих веб-сайтов могут быть размещены и разработаны без опыта проектирования. Такие сайты, как Wix, даже предлагают бесплатные планы, хотя и с автоматической рекламой Wix, но это лучше, чем отсутствие веб-сайта вообще. И такие сайты, как Squarespace, могут сотрудничать с профессиональным дизайнером, чтобы воплотить ваш сайт в жизнь.
Какой бы тип веб-сайта вы ни создавали, убедитесь, что вы придерживаетесь основ веб-дизайна, а также более продвинутых принципов веб-дизайна. Эти основы могут улучшить любой сайт и особенно полезны для новичков и людей без опыта дизайна.