Веб страница создать: Создание первой веб-страницы | WebReference

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

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

В этой статье мы разделим структуру сайта на:

• Страницы, которые должен иметь ваш сайт 

• Страницы, которые приятно иметь

• Другие общие страницы на веб-сайте

Бессовестная вилка

Если вы не являетесь клиентом MailerLite и наткнулись на эту страницу, знайте, что у нас есть отличный конструктор сайтов с функцией перетаскивания! Зарегистрируйтесь бесплатно и создайте свой сайт. Другая наша статья: «7 простых шагов к созданию веб-сайта» поможет вам в этом.

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

Слайдер

• Курс цифрового маркетинга

• Часы

• Онлайн-класс

• Недвижимость

• Автор

• Тренер по здоровью

• Портфолио веб-дизайна

8 страниц веб-сайта, которые должны быть у каждой компании

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

Домашняя страница

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

Что разместить на главной странице вашего сайта:

• Заголовок и подзаголовок

• Объяснение продукта или услуги

• Связь с важными страницами, например, категориями продукта

• . другой контент, который вызывает любопытство и усиливает ваше сообщение

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

Пятисекундный тест

Отличным способом измерения релевантности страницы является пятисекундный тест. Five Second Tests — это форма исследования пользователей, используемая для оценки эффективности вашей веб-страницы. Участников просят просмотреть дизайн в течение 5 секунд, а затем ответить на несколько вопросов, чтобы оценить, насколько хорошо передается сообщение на странице.

Как создать призыв к действию (CTA), который работает

Чтобы создать правильный контент, спросите: «Если посетитель видит только эту страницу, что я хочу, чтобы он сделал?» Посетить магазин? Заказать звонок? Подпишитесь на рассылку новостей? Читать блоги?

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

​👉 Совет

Страница «О нас»

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

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

Возьмем, к примеру, иллюстраторское агентство Красавчик Фрэнк — их история забавная, познавательная и личная.

👉 Совет

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

Контактная страница

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

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

Интегрированная контактная форма с CAPTCHA может помешать спам-ботам связаться с вами.

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

​👉 Совет

Запрашивайте только необходимую информацию. Например, если вам не нужен номер телефона, не просите его. Сделайте контактную форму максимально простой.

Страница продукта (если вы предлагаете товары)

Для электронной коммерции эта страница является разделом магазина, где товары могут быть помещены в корзину. Для SaaS или других продуктов B2B, требующих дополнительных шагов, здесь объясняются функции и собираются регистрации, демонстрации, пробные версии и т. д.

Типичная страница продукта включает:

• Электронная коммерция: Каждая отдельная страница продукта содержит высококачественные изображения продукта, описание продукта, цену, характеристики продукта, такие как вес, размеры и материалы, время доставки, отзывы и отзывы клиентов и т. д.

• SaaS: Функциональная страница, которая объясняет продукт и ведет посетителя на страницу регистрации

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

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

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

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

​👉 Совет

Не поддавайтесь искушению просто копировать и вставлять шаблонные описания продуктов. Старайтесь писать уникальные и информативные описания с оттенком индивидуальности.

Страница услуг (если вы предлагаете услуги)

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

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

​👉 Совет

Когда вы решаете, как представить весь свой контент, полезно знать кое-что о веб-дизайне. Прочтите нашу статью о 9 лучших практиках веб-дизайна, чтобы узнать больше.

Страница блога

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

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

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

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

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

👉 Совет

С помощью MailerLite вы можете легко добавить раздел блога на свой веб-сайт. Посмотрите видеоруководство Марсина, чтобы узнать, как настроить свой блог в MailerLite.

Страница политики конфиденциальности

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

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

Вы также можете добавить дополнительное Заявление о безопасности. См. здесь , как это выглядит.

​👉 Совет

Не уверены в копии вашей страницы Политики конфиденциальности? Вы можете создать собственную Политику конфиденциальности с помощью GetTerms или любого другого онлайн-генератора.

Страница условий обслуживания

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

​👉 Совет

Создайте свои правила и условия с помощью генератора Shopify.

6 отличных страниц веб-сайта

Страница отзывов или обзоров

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

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

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

​👉 Совет

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

Страница часто задаваемых вопросов

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

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

​👉 Совет

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

Страница карты сайта

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

​👉 Совет

См. официальную документацию Google, чтобы узнать, как создать карту сайта.

Страница не найдена страница

Эта страница 404 сообщает читателям, что вставленный URL-адрес больше не существует. Обычно это ссылки на домашнюю страницу.

Вы можете быть остроумным со своей копией или добавить GIF (например, Mixcloud), чтобы сделать страницу 404 более привлекательной.

​👉 Совет

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

Страница возврата/возмещения

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

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

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

​👉 Совет

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

Страница с информацией о доставке

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

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

👉 Совет

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

5 другие распространенные типы страниц веб-сайта

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

1. Результаты поиска Страница

2. Страница новостей с обновлениями о вашей компании (см. Наш What New Page)

3. Карьера или Работа. наш здесь )

4. Другие страницы раскрытия информации для рекламодателей или аффилированных лиц

Теперь у вас есть представление о том, какие страницы включить на ваш сайт, вам нужно не забыть их оптимизировать! Узнайте, как это сделать, в нашем руководстве по поисковой оптимизации (SEO) .

Бонус: контрольный список страниц веб-сайта

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

✅ Контрольный список: Контрольный список страниц сайта

Must-have

1. Homepage

2. About page

3. Contact page

4. Product page

5. Service page

6. Blog

7. Privacy Policy

8. Условия предоставления услуг

1. Отзывы

2. Часто задаваемые вопросы

3. Карта сайта

4. Страница не найдена (404)

5. Возврат/возврат. Страница карьеры

6. Страница эксперта

7. Страница раскрытия информации

Примечание редактора: эта статья была первоначально опубликована в июле 2020 года, но была обновлена ​​свежими идеями и примерами.

4 лучших веб-инструмента для мгновенного создания бесплатных сайтов

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

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

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

• Простые одностраничные рекламные сайты для продукта или услуги
• Простая интернет-страница для вашего онлайн-резюме
• Одностраничная статья на текущую спорную тему, позволяющая посетителям высказать собственное мнение
• Одностраничная дань памяти потерянный любимый человек
• Идеальное решение для человека с нулевыми навыками веб-дизайна

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

BlinkWeb — создавайте бесплатные веб-сайты в мгновение ока

BlinkWeb — один из тех редких сайтов, которые предлагают что-то бесплатно без каких-либо уловок или лазеек. Веб-сайт, который вы получите, не имеет каких-либо серьезных недостатков, кроме того факта, что ваш сайт является поддоменом BlinkWeb. Другими словами, бесплатный сайт под названием VB Programming будет иметь адрес vbprogramming.blinkweb.com. Интерфейс дизайна очень хорошо написан, и, как и во многих основных приложениях для веб-дизайна, вы можете выбрать элемент в левом меню и перетащить его на свою страницу, как показано ниже.

Конструктор сайтов предлагает на выбор 100 шаблонов и небольшой набор виджетов, таких как гостевая книга, карты Земли и объявления Google. Когда вы впервые присоединяетесь, вы можете выбрать, хотите ли вы, чтобы ваш сайт был отформатирован как информационный бюллетень продаж, страница контента или блог. Хотя это может потребовать немного творчества, с помощью BlinkWeb, безусловно, можно создать довольно приличную веб-страницу, такую ​​как веб-сайт диеты ниже.

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

Squidoo — даже лучше, чем бесплатно, вам платят

Squidoo — один из самых популярных сервисов для создания веб-страниц, который выводит «мгновенные веб-сайты» на совершенно новый уровень. Squidoo — это своего рода «сопутствующий контент» дизайна веб-сайтов, поскольку каждый создаваемый вами сайт во многом похож на статью, а также является частью более крупной социальной сети Squidoo. Squidoo называет каждую страницу «линзой», и каждая линза по существу состоит из различных элементов, которые вы выбрали для объединения на одной странице. Эти элементы включают модули текста или изображений, модуль CafePress, модуль Ebay, модуль Amazon и многие другие.

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

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

WetPaint — Когда вы хотите знать, что думают другие люди

Как и Squidoo, WetPaint [Borken URL Removed] — это очень классное сообщество, которое стремится создавать вики-подобные веб-сайты, где все сообщество может редактировать вашу страницу, но никому не нужно знать какой-либо язык программирования. Как только вы создадите свою страницу, если вы настроите ее так, чтобы общественность могла ее редактировать, страница сразу же станет активной, даже пока вы редактируете. Есть несколько интересных функций, таких как возможность загружать фотографии или добавлять видео, но реальная сила этого бесплатного сервиса заключается в том, что вы можете создать совместную страницу сообщества, где каждый может внести свой вклад. У вас есть спорная тема, и вы хотите узнать, что думает сообщество? Создайте страницу по этому вопросу и предоставьте посетителям возможность аргументировать каждую сторону дискуссии.

Единственная отображаемая реклама — это ненавязчивая реклама Google, как показано выше, но вы можете отредактировать левую панель навигации с помощью новых страниц, чтобы она была гибко настраиваемой. Отличным примером сайта, который я нашел, является «HP Community Wiki», показанный ниже.

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

Weebly — лучший бесплатный мгновенный веб-сайт, руки вниз

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

Вы можете выбрать от шестидесяти до семидесяти шаблонов, но даже наличие чистого шаблона не помешает людям создавать довольно ужасные веб-сайты — есть много примеров, если вы введете в Google запрос «weebly.com». Тем не менее, есть также несколько примеров некоторых очень чистых, простых веб-сайтов, на создание которых уйдет менее часа без каких-либо знаний HTML, FTP или любой другой формы веб-программирования.

Вы получаете бесплатный субдомен, такой как «yoursite.