что это, какие у него сертификаты безопасности, можно ли его установить на компьютере
Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подпишись на рассылку и получи книгу в подарок!
Веб-узел — это связанные между собой страницы, которые располагаются на одном домене.
Любой сайт в интернете — это веб-узел.
Главная страница узла называется домашней. Она связывает все остальные.
Веб-узел — это книга-энциклопедия. Каждая статья — это отдельная страница
Структура веб-узла
Сайт состоит из структурированных файлов, имеющих иерархический вид, с главной страницей на вершине. Чаще всего им соответствуют HTML-файлы, которым присваиваются имя Default.htm или Index.htm.
Страницы деляется по степени удаленности от текущей:
- равноправные — располагаются на одном уровне;
- родительские — находятся на уровень выше;
- дочерние — располагаются на уровень ниже.
Любой документ структурирован. Есть название, заголовок, тело и т. д.
Где располагаются веб-узлы
Узлы находятся на серверах. Это машины, которые подключены к интернету. Для каждого сайта выделяется дисковое пространство.
Адрес узла
Каждый документ узла имеет свой адрес. По нему осуществляется доступ к этому файлу на сервере.
Адрес делится на несколько частей:
- Приставка http:// — вид протокола передачи данных.
- WWW – аббревиатура адреса.
- Имя сайта – уникальное наименование, покупаемое у фирм-регистраторов. Формируется из двух частей – самого имени и обозначения доменной зоны.
Что такое сертификат безопасности веб-узла
Сертификат безопасности определяет, насколько надежен обмен данными с узлом.
Действуют две разновидности сертификатов: с проверкой домена DV и развернутой проверкой EV. Сертификат DV обеспечивает соответствие минимальным условиям надежности. Браузер пользователя отмечает такие ресурсы специальным значком. Сертификат EV обеспечивает более развернутые требования безопасности.
Этапы формирования веб-узла
- Формирование структуры сайта и определение, какой контент будет размещаться на домашней и других ключевых страницах.
- Создание веб-страниц.
- Просмотр HTML-файлов в браузере: проверка работы ссылок, актуальность контента и т.д.
- Публикация веб-узла со всеми его файлами на сервере.
- Просмотр веб страниц, хранящихся на сервисе с помощью всех востребованных браузеров, поскольку они форматируют страницы неодинаково.
- Запуск для индексации страниц.
Принципы формирования разделов
Логотип
Практически каждый веб-узел имеет не только название, но и свой уникальный логотип, выделяющий ресурс на фоне остальных.
Панель навигации
Должна отображаться в любом документе, быть удобной, содержать ссылки, указывающие на другие страницы и крупные разделы.
Содержание
Должно отвечать следующим условиям: грамотность, точность и достоверность размещаемого контента. Дополнительно существует ряд второстепенных условий, которым должен соответствовать документ.
Графика
Желательно взвешенное соотношение графического контента, по отношению к текстовому, исходя из его специфики в целом.
Пропускная степень каналов
Максимально быстрая загрузка страниц.
Поддержка сервером SSI
Его применение позволяет Web-серверу использовать статистические объемы динамического контента в перенаправляемый HTML-документ.
Поддержка сервером провайдера CGI-сценариев
Функция, обеспечивающая возможность Web-серверу осуществлять произвольные программы для формирования HTML-документов.
Метод обновления страниц
Чаще всего происходит по протоколу FTP.
Установка веб-узла на ПК
Это может потребоваться на начальном этапе разработки сайта. Например, вы сделали несколько небольших страниц и хотите проверить, можно ли в таком виде их публиковать.
Есть специальные программы — например, Denwer — которые эмулируют работу удаленного сервера на вашем компьютере.
Что такое веб узел на компьютере. Общие сведения об узлах, рабочих областях и страницах
Известно, что приложение FrontPage является средством разработки веб-узлов. Но у этого приложения есть и другая важная функция, о которой следует помнить: FrontPage — это также и средство управления веб-узлами.
Как FrontPage помогает управлять веб-узлом? Здесь приводится несколько примеров использования возможностей приложения.
- · Добавление, переименование, удаление и перемещение файлов (без помощи проводника Microsoft Windows)
- · Устранение неполадок с использованием специальных отчетов, таких как отчет о неработающих гиперссылках
- · Публикация веб-узла
Важно не забывать, что эти возможности управления недоступны при открытии одиночных HTML-файлов и работе с ними. Они доступны только при открытии веб-узла FrontPage и во время работы с ним.
Web-узел FrontPage
Веб-узел представляет собой группу связанных веб-страниц, размещенных на одном из серверов HTTP (Протокол HTTP. Протокол Интернета, используемый для доставки данных. Позволяет пользователям клиентских программ загружать текст, рисунки, звук и другие цифровые данные, вводя URL-адреса или щелкая гиперссылки.) в Интернете. Большинство веб-узлов в качестве начальной точки предлагают посетителю домашнюю страницу. Домашняя страница связана с другими страницами при помощи гиперссылок и структуры переходов.
Можно создать находящийся на диске или находящийся на сервере веб-узел. Находящимся на диске веб-узлом называется узел расположенный на локальном копьютере. Находящимся на сервере веб-узлом называется узел расположенный на веб-сервере, например Microsoft Internet Information Server (IIS), или на виртуальном сервере.
Шаблоны (Шаблон. Набор предварительно разработанных текстовых и графических форматов, на основе которых могут создаваться новые веб-страницы и веб-узлы. Страница или узел, созданные с помощью шаблона, могут быть настроены и изменены.) и мастера (Мастер. Программа, задающая вопросы, а затем использующая полученные ответы для создания таких объектов, как форма или веб-страница.
) Microsoft FrontPage облегчают и ускоряют создание веб-узла. При использовании одного из этих средств Microsoft FrontPage выполняет большую часть связанной с созданием структуры работы, позволяя сосредоточится на содержимом. Шаблоны и мастера можно использовать для создания пустой веб-страницы или сложного, многостраничного, интерактивного веб-узла.Использование Microsoft FrontPage для создания веб-узла включает следующие основные шаги.
- 1. Получение у службы, предоставляющей доступ к веб-серверам, учетной записи веб-узла или адреса URL (URL-адрес. Адрес, указывающий протокол (такой как HTTP или FTP) и расположение объекта, документа, веб-страницы или другого ресурса в Интернете или интрасети, например: http://www.microsoft.com/.), например у поставщика услуг Интернета (ISP) (Поставщик услуг Интернета. Организация, предоставляющая доступ к Интернету для работы с электронной почтой или использования других служб Интернета. Некоторые поставщики услуг Интернета являются международными, предлагая доступ в разных странах, в то время как другие ограничены конкретным регионом.
- 2. Создание структуры веб-узла при помощи шаблонов и мастеров.
- 3. Добавление содержимого.
- 4. Публикация веб-узла в Интернете.
Чтобы создать узел SharePoint и настроить его, используя Microsoft FrontPage, необходимо наличие прав администратора, учетная запись веб-узла и возможность установления связи с сервером, на котором установлен Microsoft Windows SharePoint Services.
Веб-узел может содержать один или несколько дочерних узлов. Дочерний узел — это веб-узел, находящийся внутри другого веб-узла. Веб-узел, содержащий дочерние узлы, называется узлом верхнего уровня (Узел верхнего уровня. Самая верхняя папка в иерархии папок веб-узла. Веб-узел верхнего уровня может размещаться на веб-сервере, в сети виртуального сервера или на жестком диске локального компьютера). Если представить веб-узел в виде содержащего набор папок каталога, а дочерний узел будет представлен вложенной папкой, содержащей независимый веб-узел.
Дочерние сайты обладают независимыми управлением, разработкой и доступом. Однако на дочернем сайте модно отображать сведения ограниченного доступа или сведения, предназанченные ограниченной группе посетителей узла.
Папки веб-узла верхнего уровня можно преобразовать в дочерние узлы. Также, дочерние узлы можно преобразовать во вложенные папки. Однако, многие параметры веб-узла могут быть утрачены при выполнении таких преобразований, например, гиперссылки панелей переходов и задачи связанные с этими страницами. Эти параметры теряются потому, что структура переходов и задачи хранятся для каждого веб-узла отдельно. Кроме того, чем больше содержимое веб-узла, тем больше времени занимает преобразование веб-узла во вложенную папку или вложенной папки в веб-узел.
Веб-узел — это связанные между собой страницы, которые располагаются на одном домене.
Любой сайт в интернете — это веб-узел.
Главная страница узла называется домашней. Она связывает все остальные.
Веб-узел — это книга-энциклопедия. Каждая статья — это отдельная страница
Структура веб-узла
Сайт состоит из структурированных файлов, имеющих иерархический вид, с главной страницей на вершине. Чаще всего им соответствуют HTML-файлы, которым присваиваются имя Default.htm или Index.htm.
Страницы деляется по степени удаленности от текущей:
- равноправные — располагаются на одном уровне;
- родительские — находятся на уровень выше;
- дочерние — располагаются на уровень ниже.
Любой документ структурирован. Есть название, заголовок, тело и т. д.
Где располагаются веб-узлы
Узлы находятся на серверах. Это машины, которые подключены к интернету. Для каждого сайта выделяется дисковое пространство.
Адрес узла
Каждый документ узла имеет свой адрес. По нему осуществляется доступ к этому файлу на сервере.
Адрес делится на несколько частей:
- Приставка http:// — вид протокола передачи данных.
- WWW – аббревиатура адреса.
- Имя сайта – уникальное наименование, покупаемое у фирм-регистраторов. Формируется из двух частей – самого имени и обозначения доменной зоны.
Что такое сертификат безопасности веб-узла
Определяет, насколько надежен обмен данными с узлом.
Действуют две разновидности сертификатов: с проверкой домена DV и развернутой проверкой EV. Сертификат DV обеспечивает соответствие минимальным условиям надежности. Браузер пользователя отмечает такие ресурсы специальным значком. Сертификат EV обеспечивает более развернутые требования безопасности.
Этапы формирования веб-узла
- Формирование структуры сайта и определение, какой контент будет размещаться на домашней и других ключевых страницах.
- Создание веб-страниц.
- Просмотр HTML-файлов в браузере: проверка работы ссылок, актуальность контента и т.д.
- Публикация веб-узла со всеми его файлами на сервере.
- Просмотр веб страниц, хранящихся на сервисе с помощью всех востребованных браузеров, поскольку они форматируют страницы неодинаково.
- Запуск для индексации страниц.
Принципы формирования разделов
Логотип
Практически каждый веб-узел имеет не только название, но и свой уникальный логотип, выделяющий ресурс на фоне остальных.
Панель навигации
Должна отображаться в любом документе, быть удобной, содержать ссылки, указывающие на другие страницы и крупные разделы.
Должно отвечать следующим условиям: грамотность, точность и достоверность размещаемого контента. Дополнительно существует ряд второстепенных условий, которым должен соответствовать документ.
Графика
Желательно взвешенное соотношение графического контента, по отношению к текстовому, исходя из его специфики в целом.
Пропускная степень каналов
Поддержка сервером SSI
Его применение позволяет Web-серверу использовать статистические объемы динамического контента в перенаправляемый HTML-документ.
Поддержка сервером провайдера CGI-сценариев
Функция, обеспечивающая возможность Web-серверу осуществлять произвольные программы для формирования HTML-документов.
Метод обновления страниц
Чаще всего происходит по протоколу FTP.
Установка веб-узла на ПК
Это может потребоваться на начальном этапе разработки сайта. Например, вы сделали несколько небольших страниц и хотите проверить, можно ли в таком виде их публиковать.
Есть специальные программы — например, — которые эмулируют работу удаленного сервера на вашем компьютере.
Мы познакомились с главным окном программы, командами меню, стандартной панелью инструментов, рассмотрели имеющиеся шаблоны и мастера для создания Web-страниц и Web-узлов. Теперь можно приступить к созданию собственного Web-узла.
В этой главе вы познакомитесь с размещением на Web-странице текстовой информации, заголовков, узнаете о средствах по форматированию символов, абзацев, использовании для оформления информации списков.
Для создания Web-узла воспользуемся шаблоном Одностраничный веб-узел (One Page Web). Этот шаблон удобен для изучения возможностей, которые предоставляет программа FrontPage разработчику. Данный шаблон формирует структуру Web-узла и добавляет в нее одну пустую страницу, на которой в дальнейшем будет размещаться информация. При этом к странице не предъявляется каких-либо специальных требований по оформлению или форматированию. Все, что нам потребуется, мы разместим на этой странице самостоятельно.
Для создания одностраничного Web-узла выполните следующие действия:
- В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю — опцию
- Выберите на панели значение Шаблоны веб-узлов (Web Site Templates). Открывается диалоговое окно Шаблоны веб-узлов.
- В поле Укажите расположение нового веб-узла (Specify the location of the new web) диалогового окна Шаблоны веб-узлов введите местоположение и имя создаваемого Web-узла. Например, присвоим ему имя My Test_Web.
- Дважды щелкните на значке Одностраничный веб-узел (One Page Web). Начинается процесс создания шаблона. Через некоторое время в главном окне программы FrontPage открывается созданный Web-узел (рис. 12.1), который вы можете модифицировать. Панель Список папок (Folder List) отображает его структуру, состоящую из двух папок _private и images и страницы index.htm.
Рис. 12.1.
Замечание
По умолчанию программа FrontPage подразумевает, что первая размещенная в Web-узле страница будет являться домашней. В структуре папок она сохранена под именем index.htm.
Дважды щелкните мышью на панели Список папок (Folder List) на имени файла index.htm. Данная пустая Web-страница откроется в рабочей области программы FrontPage. Можно приступать к размещению в ней объектов.
Размещение текста на странице
Основное назначение Web-страницы — это познакомить посетителя Web-узла с интересующей его информацией. Чтобы информация легко воспринималась, ее следует представить надлежащим образом: оформление не должно удручать своим однообразием, а радовать глаз. Для этого FrontPage предоставляет в распоряжение разработчика средства форматирования символов, абзацев, включающие установку различных параметров шрифта, интервалов между символами, смещений, отступов, отображение символов малыми прописными буквами, в виде верхних и нижних индексов и т.д. С помощью этих средств вы сможете выделить на странице наиболее важные места, сделать информацию легко читаемой.
Веб-сайт — это группа взаимосвязанных веб-страниц, размещенных на HTTP-сервере в Интернете или интрасети. У большинства веб-сайтов есть домашняя страница, которая связана с другими страницами при помощи гиперссылок Можно использовать сайты верхнего уровня и дочерние сайты, чтобы разбить контент на индивидуальные, отдельно управляемые сайты. Веб-сайты верхнего уровня могут иметь несколько дочерних сайтов, у каждого из которых в свою очередь могут быть дочерние сайты. Вся эта структура называется семейством веб-сайтов.
Такая иерархия позволяет пользователям иметь один главный рабочий сайт для всей группы, сайты для выполнения отдельных работ и общие сайты для сторонних проектов. Веб-сайты верхнего уровня и дочерние сайты позволяют осуществлять контроль разного уровня за возможностями и параметрами сайтов. Администратор веб-сайта контролирует создание и изменение содержимого на сайте, а также доступ к нему.
Что такое рабочая область?
Рабочая область — это уникальный веб-сайт, предоставляющий участникам группы средства и службы для совместной работы с документами и ресурсов, связанных с собраниями. Рабочая область может содержать списки с данными, например о связанных документах, участниках группы и ссылках. Чтобы создать сайт рабочей области, нужно иметь разрешение на создание дочерних сайтов для данного сайта SharePoint. Службы Windows SharePoint Services позволяют создавать следующие сайты рабочих областей:
Сайт рабочей области | Описание |
---|---|
Рабочая область для документов | Шаблон, на основе которого создается сайт для совместной работы участников группы с документами. Он содержит библиотеку документов для хранения основного документа и вспомогательных файлов, список задач для назначения поручений, а также список ссылок на ресурсы, связанные с документом. |
Базовая рабочая область для собраний | Шаблон для создания сайта, предоставляющего все необходимое для планирования, организации и отслеживания собраний. Он содержит следующие списки: «Объекты», «Участники», «Повестка» и «Библиотека документов». |
Пустая рабочая область для собраний | Шаблон для создания пустого сайта рабочей области для собраний, который можно настроить с учетом своих требований. |
Рабочая область для собраний — Решения | Шаблон для создания рабочей области для собраний, которую участники группы могут использовать для просмотра связанных документов и записи решений. Он содержит следующие списки: «Цели», «Участники»», «Повестка», «Библиотека документов», «Задачи» и «Решения». |
Рабочая область для собраний — Социальные | Шаблон для создания сайта, предоставляющего средство планирования для мероприятий, которое включает доску обсуждений и библиотеку рисунков. Он содержит следующие списки и веб-части: «Участники», «Указания», «Изображение/логотип», «Необходимые предметы», «Обсуждения» и «Библиотека рисунков». |
Многостраничная рабочая область для собраний | Многостраничный шаблон для создания сайта, предоставляющего все необходимое для планирования, организации и отслеживания собраний. Он содержит следующие списки: «Цели», «Участники» и «Повестка», а также две пустые страницы, которые можно настроить нужным образом. |
Шаблоны сайтов
В Windows SharePoint Services есть следующие шаблоны для совместной работы, которые можно использовать при создании сайтов:
Шаблон сайта | Описание |
---|---|
Сайт группы | Этот шаблон создает сайт, который можно использовать для создания, упорядочения данных и обмена ими. Он содержит библиотеку документов и базовые списки, такие как «Объявления», «Календарь», «Контакты» и «Ссылки». |
Пустой сайт | Шаблон для создания сайта с пустой домашней страницей, которую можно настроить с помощью браузера или редактора веб-страниц, совместимого с Windows SharePoint Services, добавив интерактивные списки и другие возможности. |
Вики-сайт | Шаблон для создания сайта, на котором можно легко и быстро добавлять, изменять и связывать веб-страницы. |
Шаблон для создания сайта, на котором можно публиковать информацию и разрешать другим пользователям комментировать ее. | |
Шаблоны приложений | Эти шаблоны разработаны с учетом требований конкретных бизнес-процессов или наборов задач. Их можно использовать в таких стандартных ситуациях, как управление службой технической поддержки или отслеживание маркетинговой кампании. Чтобы узнать больше и скачать шаблоны, см. веб-страницу Шаблоны приложений для Windows SharePoint Services . |
Что такое страница?
Веб-страница — это часть сайта, на которой отображаются списки со сведениями, позволяющие участникам группы организовать сведения именно в том виде, который им нужен, например по теме, сроку исполнения или автору. Например, вы можете:
Отфильтровать контент, чтобы просмотреть только нужные данные.
Скрыть сведения, которые вас не интересуют.
Изменить порядок вывода информации.
Настроить пользовательские представления, которые дадут возможность участникам группы быстро сконцентрироваться на важных сведениях.
Помимо мастеров, при разработке Web-узлов можно и нужно использовать шаблоны. Они помогают создавать типовую структуру Web-узла.
Для создания Web-узла с применением одного из предлагаемых шаблонов выполните следующие действия:
- В меню Файл (File) выберите команду Создать Страница или веб-узел (Новая страница или Web-узел).
- На появившейся панели выберите команду Шаблоны веб-узлов (Web Site Templates).
- Открывшееся диалоговое окно Шаблоны веб-узлов содержит шаблоны для создания Web-узлов (табл. 11.2).
Одностраничный веб-узел (One Page Web) | Создает Web-узел, содержащий одну страницу |
Веб-узел поддержки заказчиков (Customer Support Web) | Создает Web-узел поддержки покупателей вашей продукции, на котором они смогут разместить свои замечания и предложения относительно качества товаров и услуг |
Пустой веб-узел (Empty Web) | Создает пустой Web-узел |
Личный веб-узел (Personal Web) | Создает многостраничный персональный Web-узел |
Веб-узел проекта (Project Web) | Web-узел проекта. Данный шаблон можно использовать как координационный и дискуссионный центр для ведения крупного проекта. На страницах Web-узла можно размещать информацию об участниках проекта, состоянии дел, обсуждать важнейшие вопросы и т.д. |
Веб-узел рабочей группы на основе SharePoint (SharePoint-based Team Web Site) | Web-узел по сотрудничеству. Содержит календарь событий, библиотеку совместно используемых документов, список контактов, задач и т.п. |
Таблица 11.2. Шаблоны, используемые для создания Web-узлов
Выделите курсором значок шаблона, услугами которого хотите воспользоваться. При этом в области Описание (Description) появляется краткое назначение выбранного мастера.
- В поле (Specify the location of the new web) введите местоположение и имя создаваемого Web-узла.
- Нажмите кнопку ОК.
В соответствии с выбранным шаблоном программа FrontPage формирует требуемый шаблон Web-узла и открывает его в режиме просмотра и редактирования. Вы можете приступать к редактированию созданного прообраза Web-узла.
Шаблон создания одностраничного Web-узла
Первым в списке предлагаемых шаблонов и мастеров располагается шаблон Одностраничный веб-узел (One Page Web), предназначенный для создания одностраничного Web-узла. При использовании данного шаблона программа FrontPage формирует структуру Web-узла, состоящую из папок, и добавляет в нее одну пустую Web-страницу.
Чтобы просмотреть структуру созданного с помощью шаблона Web-узла, отобразите в окне программы панель Список папок (Folder List), выбрав в меню Вид (View) одноименную команду. Страница, входящая в созданную структуру Web-узла, сохранена в файле с именем index.htm. По умолчанию подразумевается, что эта страница будет использоваться в качестве домашней. Откройте эту страницу, дважды щелкнув на имени файла index.htm. Страница будет открыта в режиме редактирования в рабочей области программы FrontPage (рис. 11.36).
Рис. 11.36.
Замечание
Структуру Web-узла, созданного на основе шаблона Одностраничный веб-узел, в дальнейшем можно изменить: добавить новые папки и любое необходимое количество страниц.
Шаблон создания пустого Web-узла
Для создания пустого Web-узла используется шаблон Пустой веб-узел (Empty Web). При использовании этого шаблона программа FrontPage формирует структуру Web-узла, состоящую из папок _private и images.
После завершения формирования шаблона созданный Web-узел открывается в режиме редактирования. На панели папок вы можете просмотреть структуру Web-узла. Она не содержит ни одной страницы.
Замечание
Шаблон Пустой веб-узел (Empty Web) удобно использовать в тех случаях, когда для создания домашней страницы вы предполагаете использовать страницу с более сложной структурой, например, включающей фрейм.
Шаблон создания многостраничного персонального Web-узла
Используя шаблон Личный веб-узел (Personal Web), вы сможете достаточно быстро создать персональный Web-узел. В нем вы можете разместить информацию личного характера, фотографии друзей, справочные сведения, а также, используя ссылки, просматривать наиболее часто посещаемые страницы в Интернете. К тому же этот Web-узел — прекрасная стартовая площадка для тех, кто приступает к изучению возможностей, предоставляемых программой FrontPage.
Чтобы создать персональный Web-узел с помощью шаблона, выполните следующие действия:
- В меню Файл (File) выберите команду Создать (New), а затем в открывшемся подменю — опцию Страница или веб-узел (Новая страница или Web -узел).
- На появившейся панели Создание веб-страницы или узла выберите команду Шаблоны веб-узлов (Web Site Templates).
- В поле Укажите расположение нового веб-узла (Specify the location of the new web) открывшегося диалогового окна Шаблоны веб-узлов введите местоположение и имя создаваемого Web-узла. Назовем Web-узел, например, My Pers_ Web.
- Дважды щелкните на значке Личный веб-узел (Personal Web). Начинается процесс создания шаблона. Через некоторое время в главном окне программы FrontPage откроется полученный Web-узел для просмотра и редактирования (рис. 11.37).
На панели Список папок расположены файлы страниц созданного Web-узла. Выбирая курсором мыши поочередно файлы, просмотрите предлагаемые вам страницы. Используя средства программы FrontPage, вы можете их модифицировать, изменить названия страниц, добавить в Web-узел новые страницы, вставить свой текст.
Рис. 11.37 . Персональный Web-узел, созданный с использованием шаблона
12 важных элементов, которые должны быть на главной странице каждого веб-сайта [Инфографика]
Служа виртуальной входной дверью вашей компании, эта страница отвечает за привлечение большей части трафика вашего веб-сайта. Тем не менее, несмотря на его известность, многие компании изо всех сил пытаются его правильно оптимизировать.
Видите ли, ваша домашняя страница должна носить много шляп. Вместо того, чтобы рассматривать его как специальную целевую страницу, построенную вокруг одного конкретного действия, она должна быть разработана для обслуживания разных аудиторий из разных стран. И для того, чтобы сделать это эффективно, его нужно строить целенаправленно. Другими словами, вам нужно будет включить элементы, которые привлекают трафик, обучают посетителей и способствуют конверсии.
Чтобы улучшить производительность вашей домашней страницы, проверьте эти элементы, которые должны быть на каждой домашней странице.
12 важных элементов, которые должны быть на главной странице каждого веб-сайта
Поделитесь этим изображением на своем сайте
Укажите ссылку на http://blog.hubspot.com вместе с этим изображением.
hubspot.net/hubfs/53/homepage- Critical-elements-infographic.png’ alt=’12 важных элементов, которые должны быть на каждой домашней странице’ border=’0′ />
Что вы должны включить в дизайн главной страницы вашего веб-сайта
1. Заголовок
В течение трех секунд веб-сайт должен сообщить посетителям, что компания может предложить. Вот где появляется ваш заголовок. Это может быть всего несколько слов, но это одна из самых важных частей текста на вашем сайте.
Многие люди могут посещать ваш веб-сайт, и вам будет трудно найти несколько слов, которые понравятся каждому. Вместо этого напишите заголовок, нацеленный на треть тех людей, которые, скорее всего, будут довольны вашим продуктом.
Заголовок должен быть четким и простым. Заголовок Dropbox — отличный пример: «Все, что вам нужно для работы, все в одном месте». Это просто, но эффективно — не нужно расшифровывать жаргон, чтобы понять, что на самом деле делает Dropbox.
2.
ПодзаголовокВаш подзаголовок должен дополнять заголовок, предлагая краткое описание того, что вы делаете или что вы предлагаете. Этого можно добиться, сосредоточив внимание на общей проблеме, которую решает ваш продукт или услуга.
Вот пример отличного подзаголовка из «Зеркала»: «Прячется у всех на виду». Он оттачивает основное преимущество зеркального тренажерного зала: это полноценный домашний тренажерный зал, личный тренер и план тренировок, и все это в комфорте вашего дома, не занимая драгоценные квадратные метры оборудованием.
Чтобы оптимизировать заголовки для мобильных устройств, используйте более крупные шрифты, чтобы посетители лучше воспринимали их. Маленькие шрифты могут заставить мобильных посетителей сжимать и масштабировать, чтобы читать и взаимодействовать с контентом на вашем сайте. Наш совет? Используйте параметры заголовка в редакторе страницы. Заголовки h2 идеально подходят для заголовков страниц — на странице должен быть только один h2. Подзаголовки должны следовать иерархическому порядку, h3, h4. .. H6 и так далее. У вас может быть несколько таких заголовков, просто убедитесь, что они расположены по порядку. Например, вы не захотите прыгать с h2 на h4 — вместо этого выберите h3.
3. Основные призывы к действию
Цель вашей домашней страницы — побудить посетителей углубиться в ваш сайт и продвинуть их вниз по воронке. Включите два-три призыва к действию вверху страницы, которые направляют людей на разные этапы цикла покупки, и разместите их в местах, которые легко найти.
Эти призывы к действию должны быть визуально яркими, в идеале — в цвете, контрастирующем с цветовой гаммой вашей домашней страницы, но в то же время вписывающимся в общий дизайн. Текст должен быть кратким — не более пяти слов — и ориентированным на действие, чтобы посетители кликали по тому, что вы предлагаете. Примеры текста CTA: «Зарегистрируйтесь», «Назначьте встречу» или «Попробуйте бесплатно».
На веб-сайте Afterschool HQ есть два CTA в верхней части страницы, оба предназначены для руководителей программ, которые заинтересованы в продвижении своих внешкольных программ среди семей на сайте. Примечание под более длинным CTA «Создайте свой бесплатный профиль» дает посетителям толчок, необходимый им для создания учетной записи — первый шаг к тому, чтобы стать поставщиком штаб-квартиры Afterschool.
4. Поддерживающее изображение
Большинство людей визуалы. Обязательно используйте изображение (или даже короткое видео), которое ясно показывает, что вы предлагаете. Используйте изображения, которые передают эмоции, побуждают к действию и визуально рассказывают историю, о которой вы пишете.
Чтобы оптимизировать изображения для мобильных пользователей, используйте изображения высокого качества с уменьшенным размером файла. (Пользователям HubSpot не нужно беспокоиться об этом, так как изображения, загруженные в программное обеспечение HubSpot, автоматически сжимаются. В противном случае сработают такие инструменты, как TinyPNG.) Кроме того, всегда добавляйте замещающий текст к своим изображениям, чтобы сделать их более доступными для посетителей, которые используйте программы чтения с экрана и поднимите свои усилия по SEO на ступеньку выше.
Домашняя страница 4 Rivers Smokehouse — отличный пример эмоциональных изображений: на ней есть серия коротких аппетитных видеороликов в высоком разрешении, которые воспроизводятся по циклу после простого заголовка, подзаголовка и основного призыва к действию:
5. Преимущества
Важно не только описать, что вы делаете, но и почему то, что вы делаете, имеет значение. Потенциальные клиенты хотят знать о преимуществах покупки у вас, потому что именно это заставит их остаться.
Сохраняйте текст легким и легко читаемым, а также говорите на языке своих клиентов. Evernote отлично справляется с перечислением преимуществ на своей главной странице таким образом, чтобы это было убедительно, визуально приятно и легко для понимания:
6. Социальное доказательство
Социальное доказательство — мощный индикатор доверия. Ваш продукт или услуга могут быть лучшими в мире, и это нормально — просто люди могут не поверить вам, пока не услышат это от других людей. И это именно то, что делает социальное доказательство.
Разместите на главной странице несколько своих лучших (коротких) цитат и, если применимо, ссылку на тематические исследования. Добавление имени и фотографии придает этим отзывам больше доверия. Урок прибивает это на своей домашней странице с яркими отзывами от реальных клиентов.
7. Навигация
Дизайн и содержание навигации на главной странице могут иметь значение между конверсией веб-сайта и отказом. Чтобы уменьшить показатель отказов, дайте посетителям прямой путь к нужным им страницам прямо с главной страницы. Сделайте меню навигации видимым в верхней части страницы и организуйте ссылки в иерархической структуре.
Никто не знает ваш веб-сайт лучше, чем те, кто участвовал в его разработке, поэтому обязательно проведите пользовательские тесты, чтобы убедиться, что посетителям будет просто и интуитивно понятно находить то, что они ищут на вашем сайте. Включите окно поиска, если можете. (Прочтите этот пост в блоге, чтобы узнать больше полезных советов по навигации по веб-сайту. )
Вот пример четкого, хорошо структурированного дизайна навигации с домашней страницы Slim & Husky’s Pizza Beeria:
8. Контентное предложение
Чтобы привлечь еще больше потенциальных клиентов с вашей домашней страницы, разместите действительно отличное контентное предложение, например технический документ, электронная книга или руководство. Люди, которые могут быть не готовы к покупке, могут скорее загрузить предложение, которое даст им больше информации по интересующей их теме. Если вам нужно вдохновение, вот несколько различных типов контента на выбор.
9. Вторичные призывы к действию
Включите вторичные призывы к действию на своей главной странице, чтобы предложить дополнительные возможности конверсии для потенциальных клиентов, которые не заинтересованы в вашей основной цели. Думайте о них как о плане на случай непредвиденных обстоятельств: они предлагают другой путь для посетителей, которые еще не готовы к чему-то столь же высокому обязательству, как вы просите.
В то время как ваши основные CTA должны быть в верхней части страницы, поместите дополнительные кнопки CTA ниже, чтобы посетители могли нажимать на них при прокрутке вниз. Например, под сгибом на главной странице Spanx вы найдете три четко обозначенных призыва к действию, которые дают людям, которые прокрутили до этого места, еще несколько вариантов для нажатия. Эти вторичные призывы к действию предназначены для двух разных типов конверсий: один крайний слева для скидки 20 долларов, а другой — «купить сейчас», чтобы изучить онлайн-каталог.
10. Функции
Помимо преимуществ, перечислите некоторые из ваших основных функций. Это дает людям больше понимания того, что предоставляется вашими продуктами и услугами. Опять же, старайтесь, чтобы текст был легким и легко читаемым. Dropbox для бизнеса, например, не стесняется демонстрировать матрицу функций прямо на своей домашней странице в нижней части страницы.
11. Ресурсы
Опять же, большинство посетителей вашего веб-сайта не будут готовы покупать. .. пока. Для тех, кто ищет дополнительную информацию, предложите ссылку на ресурсный центр, где они могут просмотреть соответствующую информацию. Это не только удержит их на вашей веб-странице дольше, но и поможет вам завоевать авторитет в качестве идейного лидера в своей отрасли.
Lovesac добавляет ссылку на ресурсы в нижний колонтитул ниже страницы. Обратите внимание, что каждый из этих вторичных CTA охватывает несколько этапов цикла покупки: ссылка на кредитную карту, чтобы помочь клиентам легко купить мебель, руководство по образцам ткани для тех, кто все еще ищет идеальный цвет перед покупкой, и онлайн-каталог. для людей, которые ищут новую мебель, но еще не готовы совершить покупку.
12. Показатели успеха
В дополнение к историям успеха клиентов, награды и признание также могут помочь создать хорошее первое впечатление. Является ли ваша компания признанным критиками рестораном? Вы были признаны лучшим новым приложением в этом году? Сообщите посетителям главной страницы о ваших достижениях. Подобно социальному доказательству, это повысит доверие к вашему бизнесу со стороны тех, кто вас не знает.
Например, на домашней странице Calendly вы найдете названия известных организаций, которые их признали, например Gartner и Dropbox.
Домашняя страница, которую стоит посетить
Домашняя страница вашего сайта — это первое знакомство каждого посетителя с вашей компанией. Прежде чем они примут решение стать клиентом, они просматривают вашу домашнюю страницу, чтобы понять, что вы продаете, почему это важно для них и как они могут извлечь выгоду из того, что вы предлагаете.
Произведите блестящее первое впечатление с помощью домашней страницы, которая включает элементы, описанные выше. А чтобы получить больше вдохновения, ознакомьтесь с потрясающими примерами домашних страниц, загрузив бесплатный лукбук ниже.
Примечание редактора: этот пост был первоначально опубликован в январе 2012 года и был обновлен для обеспечения свежести, точности и полноты.
Темы: Дизайн сайта
Не забудьте поделиться этим постом!
Политика веб-сайта | FDA
Это агентство вместе с Министерством здравоохранения и социального обеспечения взяло на себя обязательства по обеспечению доступности и функциональности содержимого веб-сайта для всех американцев. Это обязательство принимает форму постоянно развивающейся службы повышения доступности для нашего сообщества пользователей. Пожалуйста, посетите раздел FDA Internet Accessibility для получения дополнительной информации.
На этой странице:
- Политика конфиденциальности
- Ссылки на другие сайты
- Сторонние веб-сайты и приложения
- Контент веб-сайта
- Качество информации
- Ссылка или копирование информации на веб-сайте FDA
- Завершение перехода на Интернет-протокол версии 6 (IPv6)
- Всплывающая реклама
- Обнаружение вторжения
- Контактная информация
Политика конфиденциальности
Наша политика конфиденциальности описывает информацию, которую мы получаем, когда вы посещаете наш сайт, и то, как мы используем эту информацию.
Когда вы посещаете наш сайт, мы получаем два типа информации:
- Автоматически собираемая информация.
- Информация, которую вы решили предоставить.
Информация, собираемая автоматически
Когда вы посещаете любой веб-сайт, сайт может автоматически собирать информацию о вашем посещении. Когда вы просматриваете наш сайт, читаете его страницы или загружаете информацию, мы собираем определенную информацию, чтобы измерить, сколько посетителей посещают различные части сайта, чтобы мы могли сделать сайт более полезным.
Пример: Мы используем информацию браузера, чтобы помочь нам разработать наш сайт, чтобы как можно больше людей могли правильно просматривать страницы.
Для каждого посетителя мы собираем и временно храним следующую информацию:
- Адрес интернет-протокола (IP) вашего компьютера.
- Домен, с которого вы выходите в Интернет.
- Адрес сайта, с которого вы пришли на наш сайт.
- Дата и время вашего прибытия на наш сайт и время, которое вы там провели.
- Название и версия операционной системы и браузера вашего компьютера.
- Страницы, которые вы посетили.
Мы используем эту информацию, чтобы улучшить наш веб-сайт и сделать его более удобным для наших посетителей. Мы используем инструменты Google Analytics для сбора этой информации. Информация доступна только нашим веб-менеджерам и сотрудникам, которым эта информация необходима для выполнения их обязанностей. Он сохраняется только до тех пор, пока это необходимо для целей анализа.
Управление конфиденциальности FDA
Посетите сайт www.fda.gov/privacy, чтобы получить доступ к материалам, касающимся программы Агентства по обеспечению конфиденциальности.
Веб-измерение и настройка
Памятка Управления управления и бюджета (OMB) M-10-22, Руководство по онлайн-использованию веб-измерений и технологий настройки позволяет федеральным агентствам использовать веб-измерения и технологии настройки, такие как сеансовые и постоянные файлы cookie. .
Мы используем файлы cookie, чтобы улучшить функции веб-сайта для посетителей и лучше понять, как люди используют наш веб-сайт.
Сеансовые файлы cookie
Некоторые услуги на нашем веб-сайте используют сеансовые файлы cookie. Это:
- Небольшие фрагменты текста, временно хранящиеся на вашем компьютере.
- Используется для облегчения поиска и навигации по сайту.
- Удаляется при закрытии браузера.
Согласно определению OMB, использование нами файлов cookie сеанса — это «Уровень использования 1 — один сеанс». Использование Уровня 1 включает «любое использование односеансовых веб-измерений и технологий настройки». Данные, собранные с помощью наших сеансовых файлов cookie, будут храниться только до тех пор, пока это необходимо для целей измерения.
Постоянные файлы cookie
Некоторые услуги на нашем веб-сайте используют многосеансовые файлы cookie, также известные как постоянные файлы cookie. Постоянные файлы cookie:
- Небольшие фрагменты текста, временно хранящиеся на вашем компьютере.
- Размещено на вашем компьютере более чем на один сеанс.
- Используется для различения новых и постоянных посетителей сайта, настройки нашего веб-сайта для частых посетителей, а также для оценки дизайна и содержания сайта.
Срок действия постоянных файлов cookie, размещенных на вашем компьютере, истекает через два года после вашего последнего посещения нашего веб-сайта. Данные, собранные с помощью постоянных файлов cookie, будут храниться в конкретном офисе FDA, связанном с веб-сайтом, использующим файлы cookie.
OMB определяет использование нами постоянных файлов cookie как «Уровень использования 2 — несколько сеансов без личной информации (PII)». Это относится к «любому использованию многосеансовых веб-технологий измерения и настройки, когда не собирается личная информация».
Использование и обмен данными файлов cookie
данные, собранные из файлов cookie. на вашем компьютере, вы можете отключить их с помощью веб-браузера.Если вы откажетесь от файлов cookie, вы по-прежнему будете иметь доступ ко всей информации и ресурсам на FDA. gov.Инструкции по отключению или отказу от файлов cookie в самых популярных браузерах находятся на https://www.usa.gov/optout-instructions.
Примечание. Если вы отключите файлы cookie в своем браузере, это может вызвать проблемы с поиском и отображением информации.
Информация, которую вы решили предоставить
Мы не собираем и не храним никакой другой информации о вас, когда вы посещаете наш сайт, если только вы не решите ее предоставить. Например:
- Если вы отправите нам электронное письмо или заполните онлайн-форму, мы не получим ваш адрес электронной почты автоматически. Однако вам нужно будет предоставить его нам, если вы хотите получить ответ по электронной почте. Мы не получим никакой другой личной информации из вашей электронной почты, если вы ее не предоставите.
- Если вы отправите форму на нашем веб-сайте, мы получим только ту личную информацию, которую вы указали в форме.
- Конфиденциальность детей: мы не собираем информацию от детей младше 13 лет. Если ребенок отправит нам запрос или комментарий по электронной почте, мы ответим на него, а затем удалим электронное письмо из наших файлов.
Личные данные, которые вы решили предоставить, защищены мерами безопасности в соответствии с Политикой информационной безопасности и конфиденциальности HHS, а также рекомендациями Национального института стандартов и технологий и Управления управления и бюджета.
Примечание. Электронная почта не обязательно защищена от перехвата. Если ваше сообщение носит конфиденциальный характер или содержит личную информацию, например номер социального страхования, вы можете вместо этого отправить его по почте.
Чтобы узнать об информации, которую FDA собирает в соответствии с Законом о конфиденциальности 1974 года, посетите веб-сайт www.fda.gov/regulatory-information/freedom-information/privacy-act. Сводные оценки воздействия на конфиденциальность систем данных FDA доступны по адресу http://www.hhs.gov/pia/.
Для более подробного обсуждения ваших прав в соответствии с Законом о свободе информации и Законом о конфиденциальности посетите сайт Your Right to Federal Records
Политика раскрытия информации FDA
FDA не будет раскрывать, передавать, продавать или передавать любую личную информацию (PII) о наших посетителях, если только это не требуется:
- По закону или постановлению.
- По причинам правопорядка.
Другие возможные способы использования вашей информации:
- Мы можем использовать PII, чтобы ответить вам, и в этом случае разным людям может потребоваться просмотреть предоставленную вами информацию, чтобы дать вам ответ. Если будет получено достаточно одинаковых вопросов или комментариев, ваш вопрос (но не ваше имя) может быть добавлен в раздел «Вопросы и ответы». Мы используем эту информацию, чтобы помочь нам улучшить наш сайт.
- Мы можем вводить информацию, которую вы отправляете, в электронную базу данных, чтобы поделиться ею с адвокатами или следователями, участвующими в правоохранительных органах или разработке политики.
- Мы можем делиться информацией с другими государственными учреждениями, отвечающими за здравоохранение или защиту прав потребителей, и в этом случае FDA или любое из этих учреждений может связаться с вами.
- В других ограниченных обстоятельствах, включая запросы от Конгресса или частных лиц, мы можем быть обязаны по закону раскрывать информацию, которую вы предоставляете.
вернуться к началу
Ссылки на другие сайты
На нашем веб-сайте есть ссылки на многие другие федеральные агентства и, в некоторых случаях, на частные организации, иностранные правительства и международные организации. Вы должны знать, что если вы переходите на другой сайт по предоставленной нами ссылке, вы подпадаете под действие политики конфиденциальности этого сайта.
Упоминание на любом указанном (связанном) веб-сайте коммерческих продуктов, услуг, производителей или компаний не является одобрением со стороны правительства США, Министерства здравоохранения и социальных служб или FDA.
FDA не несет ответственности за содержание любых страниц, на которые ссылается его веб-сайт.
к началу страницы
Сторонние веб-сайты и приложения
Помимо официального веб-сайта FDA www.fda.gov, FDA использует социальные сети и сторонние (не FDA) веб-сайты для обмена информацией и взаимодействия с публика. Например, могут быть сторонние приложения и/или службы, связанные с www. fda.gov или встроенные в него для улучшения его функциональности. Аналогичным образом, приложения, созданные FDA, могут быть встроены на сторонние веб-сайты для повышения осведомленности общественности о деятельности FDA. Наша интеграция этих продуктов предназначена для обеспечения беспрепятственного взаимодействия с пользователем и расширения возможностей пользователей для доступа к информации и связи с FDA.
Некоторые сторонние веб-сайты и приложения могут предоставлять личную информацию (PII) для общественности и/или FDA на основании настроек, контролируемых пользователем, или политик конфиденциальности третьей стороны. FDA не будет собирать, хранить, использовать или передавать любую PII, которая становится доступной в результате использования FDA сторонних веб-сайтов или приложений.
Имейте в виду, что политика конфиденциальности, представленная в социальных сетях и сторонних веб-сайтах, которые не являются частью домена fda.gov, может не совпадать с описанной здесь политикой конфиденциальности. Личные данные или другая информация, которой вы делитесь через социальные сети или сторонний веб-сайт или приложение, могут быть доступны негосударственным третьим сторонам. Как описано в этих политиках веб-сайта, вы можете напрямую общаться с FDA, не привлекая третью сторону.
FDA проводит и публикует оценку воздействия на конфиденциальность (PIA) для каждого использования стороннего веб-сайта. Каждое использование стороннего веб-сайта может иметь уникальные функции или методы. Чтобы узнать больше, просмотрите опубликованные PIA на http://www.hhs.gov/pia/.
вернуться наверх
Контент веб-сайта
Медицинская и медицинская информация на нашем веб-сайте не предназначена для замены советов или лечения от медицинских работников. Он также не предназначен для замены отношений пользователей с их собственными поставщиками медицинских/фармацевтических услуг.
Свод федеральных правил является официальным источником правил FDA.
вернуться наверх
FDA занимается:
- Обеспечением того, чтобы вся публикуемая им информация отражала уровень качества, соответствующий характеру и своевременности информации.
- Распространение всех своих данных как можно более широко и быстро, чтобы общественность могла извлечь пользу из миссии FDA по укреплению и защите общественного здоровья.
Примечание. В соответствии с этим обязательством и в соответствии с публичным законом 106-554 и требованиями Управления управления и бюджета HHS и FDA разработали рекомендации по обеспечению качества информации, устанавливающие политики, стандарты и процессы обеспечения качества.
Руководство HHS доступно по адресу http://www.hhs.gov/infoquality/.
вернуться к началу
Если не указано иное, содержимое веб-сайта FDA (www.fda.gov) — как текст, так и графика — не защищено авторским правом. Они находятся в общественном достоянии и могут свободно переиздаваться, перепечатываться и иным образом использоваться кем угодно без необходимости получения разрешения от FDA. Указание Управлению по санитарному надзору за качеством пищевых продуктов и медикаментов США в качестве источника приветствуется, но не является обязательным.
Люди также могут свободно ссылаться на любой URL-адрес на сайте FDA. FDA предпочитает, чтобы люди ссылались на материалы на сайте FDA (а не копировали их на свои личные веб-сайты), потому что агентство постоянно обновляет информацию на веб-сайте по мере появления более качественной информации. Человек, копирующий документы на другой веб-сайт, вместо того, чтобы ссылаться на них, должен будет отслеживать исходные документы, чтобы знать, когда эти документы были обновлены FDA, иначе он рискует дать плохой или неверный совет посетителям своего веб-сайта. Предоставление потребителям или медицинским работникам рекомендаций, которые не всегда актуальны, может привести к серьезным последствиям для общественного здравоохранения. Предоставление отраслевых рекомендаций, которые не являются полностью актуальными, может привести к тому, что компании не соблюдают нормативные требования.
Если человек, тем не менее, решит скопировать контент или изображения, FDA настоятельно рекомендует, чтобы в скопированном элементе была указана дата копирования материала и дана ссылка на его источник на веб-сайте FDA. Затем пользователи могут сами убедиться, был ли скопированный материал обновлен или изменен.
FDA ценит информацию об использовании материалов веб-сайта. Пожалуйста, напишите нам по адресу [email protected].
к началу страницы
Завершение перехода на Интернет-протокол версии 6 (IPv6)
FDA работает над завершением перехода на Интернет-протокол версии 6 (IPv6) на основе OMB-M-21-07. Дополнительную информацию можно найти на веб-сайте HHS: Политика HHS для перехода на Интернет-протокол версии 6 (IPv6) | HHS.gov
вернуться к началу
Всплывающие окна с рекламой
При посещении нашего веб-сайта ваш веб-браузер может отображать всплывающие окна с рекламой. Эти рекламные объявления, скорее всего, были созданы другими веб-сайтами, которые вы посещали, или сторонним программным обеспечением, установленным на вашем компьютере. FDA не производит всплывающую рекламу и не поддерживает и не рекомендует продукты или услуги, для которых вы можете просматривать всплывающую рекламу на экране вашего компьютера при посещении нашего сайта.