Исследования показывают, что от 70 до 80% потребителей изучают онлайн-бизнес, прежде чем посетить его лично или совершить покупку. Это означает, что наличие веб-сайта столь же необходимо для бизнеса сегодня, как и наличие номера телефона.
Возможно, вы открываете новую компанию или развиваете свой личный бренд. Или, может быть, вы хотите обновить устаревший веб-сайт вашей компании. Как бы то ни было, создание нового веб-сайта может быть огромным, особенно без технических знаний или бюджета для веб-разработчиков.
Чтобы облегчить любое разочарование, которое вы можете испытать, мы составили полное пошаговое руководство по созданию веб-сайта. Лучше всего, что вам не понадобится кодировщик, веб-дизайнер или большой бюджет для его создания – вам просто нужно выполнить девять шагов ниже.
1. Выберите платформу вашего сайта.
Первое, что вам нужно будет решить, хотите ли вы создать сайт, используя конструктор сайтов или систему управления контентом (CMS).
Оба предоставляют готовые к использованию функции, предварительно разработанные шаблоны и расширения, необходимые для создания настраиваемого сайта без кодирования, но предлагают различные возможности для создания и управления веб-сайтом.
Создатели сайтов
Например, нужна ли вам платформа, позволяющая добавить собственный код или поддерживающая несколько языков? Вы хотите, чтобы частная CMS помогла разделить ответственность за защиту и поддержку вашего сайта, или вы предпочитаете CMS с открытым исходным кодом? Вы также можете сузить свой список, сравнивая выбор шаблонов и плагинов, предлагаемых каждой системой.
Например, WordPress – это популярная CMS с открытым исходным кодом, которая предоставляет тысячи тем, плагинов и модулей для настройки вашего сайта. В обмен на эту гибкость вам придется тратить больше времени и денег на загрузку, установку и обслуживание этих расширений. С другой стороны, альтернативы WordPress, такие как CMS Hub, предоставляют больше встроенных функций, интеграции приложений и функций безопасности, поэтому вы можете сосредоточиться на создании веб-контента и привлечении потенциальных клиентов.
Как только вы выбрали лучшую платформу CMS для своих нужд, перейдите к шагу два.
2. Выберите план хостинга.
Веб-хостинг
VPS хостинг является более дорогой альтернативой, потому что он изолирует ресурсы сервера для вашего сайта специально. Это означает, что ваш сайт сможет обрабатывать большие объемы регулярного трафика. Если вы предпочитаете не предоставлять общий доступ к серверу другим веб-сайтам, вы можете перейти на выделенный хост-сервер.
После того, как вы решили, какой тип жилья вам нужен, вы можете выбрать поставщика. DreamHost, Host Gator и Bluehost являются одними из самых популярных сторонних поставщиков и предлагают бесплатную регистрацию домена в течение первого года. Это упростит следующий шаг в создании веб-сайта.
3. Получить доменное имя.
Независимо от того, какую платформу веб-сайта вы выберете для создания своего сайта, вам, скорее всего, придется купить доменное имя. Некоторые разработчики сайтов, такие как Weebly, предлагают бесплатный поддомен для вашего сайта, но вы захотите перейти на собственный домен.
Один из самых простых способов выглядеть более профессиональным и законным как бизнес – это заплатить за доменное имя. Представьте, что вы искали внештатного автора. Вы с большей вероятностью наймете меня, если адрес моего сайта – carolineforsey.weebly.com или carolineforsey.com? Такое расширение, как «weebly.com», может сбить с толку посетителей и ослабить индивидуальность вашего бренда. В худшем случае: посетитель может предположить, что он не может позволить себе услугу хостинга премиум-класса или собственный домен, и сделать выводы, что его бизнес не полностью создан.
К счастью, покупка доменного имени, как правило, стоит недорого, даже для тех, кто подписывается на тарифный план хостинга, который не включает бесплатную регистрацию домена в год. Есть два разных подхода, которые вы можете использовать.
Вы можете зайти на сайт домена, купить и зарегистрировать доменное имя, а затем подключить его к своей учетной записи хостинга. Как Godaddy.com, так и Namecheap.com – это дешевые, безопасные и эффективные варианты покупки доменного имени с дополнительными преимуществами, такими как безопасность SSL и Office 365.
источник
Вот где это становится сложно. Вам нужно будет выбрать доменное имя, максимально похожее на название вашей компании, но сегодня, когда доступно более 1,8 миллиарда веб-сайтов, название вашей компании уже использовалось.
Если ваше идеальное доменное имя уже используется, рассмотрите возможность использования другого расширения. Я советую вам использовать одно из трех наиболее распространенных расширений, если вы можете: .com, .net или .org. Однако, если это имеет смысл для вашего бизнеса, вы можете попробовать альтернативное расширение, например .us или .shop.
Поиграй с этим. После того, как вы выбрали и оплатили доменное имя, вы, как правило, также получите прикрепленные личные учетные записи электронной почты, поэтому не забудьте использовать свое доменное имя в качестве основного удостоверения личности в Интернете.
4. Выберите тему для своего сайта.
Теперь самое интересное.
На какой бы платформе вы ни выбрали, найдите время, чтобы просмотреть список доступных тем. Многие приходят с каталогом бесплатных тем, где вы можете использовать фильтры или панель поиска, чтобы найти темы, относящиеся к вашей отрасли, с конкретным дизайном и многим другим.
Есть некоторые обязательные функции, которые должна иметь каждая тема. Например, важно, чтобы ваша тема отвечала, чтобы ваш сайт выглядел одинаково на всех устройствах. Вам также следует избегать трудно читаемых шрифтов или ярких фонов, которые могут отвлечь пользователя от понимания вашего основного сообщения.
Другие соображения будут зависеть от вашего бизнеса и сайта. Например, вы можете искать статический заголовок или заголовок слайд-шоу. Или вам может понадобиться тема, которая поставляется с генератором пользовательских приложений. Вот несколько вопросов, на которые вы можете ответить, чтобы найти подходящую тему для вашего сайта:
В конце концов, никто не знает ваш бизнес лучше, чем вы. Потратьте время, чтобы подумать, какая тема лучше всего представит ваш бренд, и, вероятно, она подойдет вашей идеальной демографии.
Если вы сомневаетесь, вы не ошибетесь, выбрав что-то чистое с прямыми линиями и ограниченным количеством текста. Если вам нужно вдохновение, посмотрите 27 лучших веб-сайтов, которые вдохновят вас в 2020 году.
Если вы не можете найти бесплатную тему, которая точно соответствует вашим требованиям, попробуйте поискать премиальные темы на сторонних рынках.
После того, как вы выбрали и установили тему на своем сайте, перейдите к следующему шагу.
5. Настройте свою тему и шаблоны.
Как только вы выбрали тему, найдите время, чтобы настроить ее и ваши индивидуальные шаблоны. Дизайн и функциональность вашего сайта – это ваша возможность убедить аудиторию присмотреться. Крайне важно, чтобы ваш дизайн имел смысл для вашего идеального потребителя и работал, чтобы улучшить успех вашего продукта, а не мешать ему.
Вот почему вы должны рассматривать свою тему и шаблоны как отправную точку, а не как окончательный вид. В зависимости от платформы сайта, которую вы использовали для создания своего сайта, вы будете иметь разные степени контроля над внешним видом вашего сайта.
На большинстве платформ вы сможете выбрать шаблон, а затем изменить цветовую палитру, заменить изображения, вставить значки социальных сетей, добавить пользовательские формы и меню, а также изменить размеры кнопок, цвета и шрифты.
На более гибких платформах, таких как CMS Hub, вы можете редактировать глобальные настройки своей темы, чтобы вносить изменения по всему сайту. Это означает, что вы можете вносить изменения в свой шрифт и другие элементы в одном месте, и они будут внедрены на каждой странице вашего сайта.
источник
6. Добавьте страницы на свой сайт.
Важно точно спланировать, какие страницы включить на ваш сайт. Несмотря на то, что она варьируется от компании к компании, я предполагаю, что вам понадобится как минимум домашняя страница, страница «О нас», страница «Услуги / Продукт» и страница «Контакты».
Вы также должны добавить домашнюю страницу блога. Веб-сайты блогов на 434% чаще занимают высокие позиции в поисковых системах.
В то время как каждая платформа отличается, обычно легко добавлять и удалять страницы на любой используемой платформе. Давайте внимательнее посмотрим на процесс в WordPress, например.
- Начните с входа в свою панель управления WordPress.
- В левой части экрана нажмите>.
- Вы можете добавлять текст, вставлять изображения, вставлять видео и вносить любые другие изменения.
- Когда вы будете готовы, нажмите Опубликовать.
источник
После того, как вы определились, какие страницы вам нужны на вашем сайте, обязательно добавьте их, чтобы перестроить темы страниц так, как вы хотите, или объедините их.
Вы можете посетить другие веб-сайты компании в вашей отрасли, чтобы узнать, как организовать навигационную панель или какие страницы включить и исключить, если вы не уверены.
7. Напишите содержание.
Это, пожалуй, самый важный шаг. Теперь, когда у вас настроены страницы, что вы будете в них вставлять?
Я предлагаю вам написать черновики для таких страниц, как страница «О нас» и целевая страница. Поговорите с коллегами и заинтересованными сторонами – какое сообщение вы хотите донести? Какой тон вы хотите установить? Стоит ли шутить и веселиться или стремиться быть более вдохновляющим?
Если ваша онлайн-аудитория наткнулась на ваш сайт, какие вопросы у них возникнут в первую очередь?
Представьте, что ваш сайт – это ваш единственный шанс пообщаться с потенциальным клиентом. На главной странице находится предварительное введение: «Привет, мы делаем XYZ». Его страница "О нас" идет глубже: "Мы XYZ". А ваши страницы продуктов или услуг – ваш большой толчок к финишной черте: «Вы хотите работать с нами? Отлично, это то, как вы выиграете ».
На этом этапе крайне важно, чтобы вы исследовали свои ключевые слова.
Например, если вы продаете очки и обнаруживаете, что у «ретро-очков» ежемесячный объем поиска больше, чем у «старых очков», вы можете использовать это исследование для определения направления содержания вашего сайта.
Если вы застряли, проверьте сайты конкурентов, чтобы оценить, что делают другие компании в вашей отрасли.
8. Завершите общую настройку.
После того, как вы заполнили свои страницы высокоэффективным контентом, вы все равно можете улучшить видимость своего поиска, добавив элементы SEO на каждую страницу.
На ваших страницах вы должны указать:
- Заголовки страниц
- заголовки
- Мета описания
- Альтернативный текст изображения
- Структурированная маркировка
- URL страницы
- Внутренняя ссылка
- Мобильная отзывчивость
- Скорость сайта
Не забудьте включить заголовок и слоган в «Настройки» платформы сборки вашего сайта. Проверьте и проверьте URL-адреса – они оптимизированы для поиска?
Каждый из этих элементов имеет важное значение для вашего SEO на странице. Они не только помогают Google рассказать о вашем веб-сайте и о том, как он обеспечивает ценность для посетителей и клиентов, но также помогают оптимизировать ваш сайт под человеческие глаза и роботов поисковых систем.
Любая платформа, которую вы используете для создания своего сайта, должна упростить оптимизацию этих элементов на каждом посте и странице. С Wix, например, и
источник
9. Установите плагины.
Наконец, взгляните на свой сайт и выясните, чего вам не хватает. В идеале ваша платформа будет предлагать все плагины, необходимые для расширения функциональности вашего сайта.
Важно отметить, что эти плагины могут называться приложениями, расширениями, модулями, интеграциями или плагинами, в зависимости от используемой платформы.
Например, если вы работаете с сайтом электронной коммерции в HubSpot, вы можете использовать расширение HubSpot Shopify. Или, может быть, вы хотите убедиться, что ваш сайт WordPress защищен, чтобы защитить данные клиентов. В этом случае вы можете загрузить плагин безопасности Wordfence для защиты брандмауэра от атак, вредоносных программ и других угроз.
Если в нем отсутствуют готовые функции для обеспечения безопасности, SEO, сжатия изображений и социальных сетей, проверьте, предлагает ли ваша платформа приложение или интеграцию для добавления этих функций на ваш сайт. Гораздо проще выполнять всю эту работу в одном месте, вместо того, чтобы заходить на несколько автономных платформ.
Допустим, вы посмотрели каталог или платформу своей платформы и выбрали несколько плагинов, которые, по вашему мнению, выведут эффективность вашего сайта на новый уровень.
Установка этих плагинов будет варьироваться от платформы к платформе. Чтобы дать вам представление о том, сколько времени займет этот процесс, давайте посмотрим на процесс установки приложения из HubSpot Marketplace.
-
Значок Рынок
- Ниже выберите
- щелчок
-
-
- Когда вы будете готовы, нажмите кнопку в правом верхнем углу экрана.
Выполнив эти девять шагов, просто нажмите «Опубликовать», и ваш сайт готов к работе.
Как сделать сайт с HubSpot
Наконец, давайте посмотрим, как создать сайт с помощью CMS Hub. Если вы еще не используете HubSpot, вы можете получить бесплатную пробную версию HubSpot CMS. Если вы уже используете HubSpot CRM, возможно, имеет смысл создать веб-сайт в HubSpot, чтобы объединить все ваши потребности в продажах и маркетинге в одном месте.
HubSpot CMS предлагает множество плагинов и расширений, тематических шаблонов и сложных инструментов для SEO анализа.
Если вы хотите создать сайт с HubSpot, это просто и интуитивно понятно. Вот как:
1. Создайте домашнюю страницу.
На портале HubSpot нажмите «Контент» на панели инструментов в верхней части экрана. Затем нажмите «Целевые страницы».
После этого нажмите оранжевую кнопку «Создать целевую страницу» и дайте название своей странице.
2. Выберите шаблон.
Теперь вы получите доступ к этой странице «Выберите шаблон». Прокрутите список своих вариантов, найдите шаблоны страниц или посетите Marketplace. Когда вы найдете шаблон, который вам нравится, выберите его.
3. Отредактируйте модули.
Это ваша целевая страница. Вы можете прокручивать текстовые поля, изображения или другие модули для их редактирования. На изображении ниже я наведен на текст баннера «Посмотри на мир», и когда я нажимаю на него, он позволяет мне редактировать этот текст.
Вы также можете щелкнуть инструмент «Редактировать модули» в правой части экрана и редактировать оттуда. Например, я выбрал «Служебный текст 2», который направил меня к пункту «Сделай его своим» на моей целевой странице. Вы можете добавить текст, изображения, разделы, формы и многое другое из раздела «Редактирование модулей».
4. Создайте другие страницы на вашем сайте.
Если вы удовлетворены своей целевой страницей и хотите продолжить, вернитесь на панель управления и нажмите «Содержимое» в верхней части экрана, а затем «Страницы веб-сайта».
Здесь вы нажмете на оранжевую кнопку «Создать веб-страницу» и назовете свою страницу так же, как целевую страницу. Затем вы пройдете аналогичный процесс выбора шаблона и добавления контента. Для более подробного урока, ознакомьтесь с кратким обзором страниц сайта.
5. Включить учетные записи в социальных сетях.
Если вы хотите добавить свои учетные записи в социальных сетях, нажмите «Социальные сети» на панели управления. Вы можете отслеживать все свои учетные записи в социальных сетях, а также публиковать твиты, Facebook Состояния и комментарии, изображения Instagram и другой контент прямо с панели инструментов HubSpot.
6. Смотрите анализ.
Если вы хотите увидеть анализ вашего сайта, перейдите в «Отчеты», а затем «Инструменты анализа». Вам нужно будет установить код отслеживания, что легко сделать на платформе HubSpot, нажав оранжевую кнопку «Установить код отслеживания». Если вы все еще не уверены, узнайте, как установить код отслеживания HubSpot.
7. Добавьте блоги на свой сайт.
Если вы хотите писать сообщения в блоге, перейдите к «Контент”> «Блог» на панели инструментов позволяет создавать, публиковать и отслеживать сообщения в блоге на своем веб-сайте.
Это довольно общий и общий обзор, с которого вы можете начать создание веб-сайта с помощью HubSpot, но есть много более подробных функций и инструментов, которые вы можете изучить с помощью специалиста HubSpot или просмотрев несколько статей на сайте academy.hubspot .com.
Обеспечение плавного запуска
После того, как вы закончили создание сайта через CMS Hub, важно убедиться, что на нем нет недостатка в критических элементах или что он активирован с явными ошибками. После того, как вы просмотрели этот список выше и чувствуете, что близки к запуску веб-сайта, прочитайте этот пост в блоге, чтобы ознакомиться с подробным списком вещей, которые нужно проверить перед запуском.
И не забудьте посетить наш CMS Hub, как уже упоминалось выше. Это поможет вам выполнить большинство задач в контрольном списке запуска вашего сайта, даже не подозревая об этом. Вы можете найти бесплатную пробную версию здесь.
