Создание Веб-Сайта пошаговое руководство
Исследования показывают, что от 70 до 80% потребителей исследуют бизнес в интернете, прежде чем посетить его лично или совершить покупку. Это означает, что наличие веб-сайта Сегодня так же необходимо компаниям, как и наличие телефонного номера.
Возможно, вы начинаете новое деловое предприятие или разрабатываете свой личный бренд. Или, может быть, вы хотите обновить устаревший веб-сайт вашей компании. Как бы то ни было, создание нового веб-сайта может показаться чрезмерным, особенно без технических знаний или бюджета для веб-разработчиков.
Чтобы облегчить любое разочарование, которое вы можете почувствовать, мы собрали всеобъемлющее пошаговое руководство по созданию веб-сайта. Лучше всего то, что вам не понадобится программист, веб — дизайнер или большой бюджет для его создания-вам просто нужно будет выполнить девять шагов ниже.
1. Выберите платформу вашего сайта.
2. Выберите тарифный план хостинга.
3. Получите доменное имя
4. Выберите тему для вашего сайта
5. Настройте свою тему и шаблоны.
6. Настройте свою тему и шаблоны.
7. Пишите контент.
8. Заполните поле общие настройки.
9. Установите дополнения.
1. Выберите платформу вашего сайта.
Первое, что вам нужно будет решить, это хотите ли вы создать веб-сайт с помощью конструктора веб-сайтов или системы управления контентом (CMS) .
Оба предоставляют готовые функции, предварительно разработанные шаблоны и расширения, необходимые для создания пользовательского сайта без кодирования, но они предлагают различные возможности для создания и управления веб-сайтом.
Разработчики сайтов предоставляют все необходимое для запуска сайта. Вы получаете инструменты для создания веб-сайтов, хостинг, регистрацию доменов, сертификацию SSL, шаблоны и поддержку в одном месте, часто за низкую ежемесячную плату.
Эта простота использования и ценообразования привлекает многих владельцев сайтов; однако бесплатные разработчики сайтов , а также более дорогие альтернативы, как правило, ограничены в гибкости. Например, вы не можете добавлять свой собственный пользовательский код или перетаскивать элементы в любом месте ваших постов и страниц с помощью конструктора веб-сайтов.
Если вы хотите больше контролировать функциональность и внешний вид вашего сайта, используйте CMS. CMS предоставляет функции управления контентом , расширенные функциональные возможности и параметры настройки, необходимые для создания более крупных и сложных сайтов.
Если вы решили, что CMS является лучшим вариантом для вашего бизнеса, рассмотрите программное обеспечение, простоту использования, настраиваемость, безопасность и цены различных платформ, чтобы сузить свой выбор.
Лучшая система CMS для вашего бизнеса будет соответствовать потребностям и целям вашего сайта. Например, нужна ли вам платформа, позволяющая добавлять собственный пользовательский код, или платформа, поддерживающая несколько языков? Хотите ли вы, чтобы проприетарная CMS помогала разделить ответственность за защиту и обслуживание вашего сайта, или вы предпочитаете CMS с открытым исходным кодом? Вы также можете сузить свой список, сравнив выбор шаблонов и дополнений, предлагаемых каждой системой.
WordPress, например, является популярной CMS с открытым исходным кодом, которая предоставляет тысячи тем, плагинов и модулей для настройки вашего сайта. В обмен на такую гибкость вам придется тратить больше времени и денег на загрузку, установку и обслуживание этих расширений. С другой стороны, альтернативы WordPress , такие как CMS Hub , предоставляют больше встроенных функций, интеграции приложений и функций безопасности, чтобы вы могли сосредоточиться на создании веб-контента и привлечении потенциальных клиентов.
После того как вы выбрали лучшую платформу CMS для своих нужд, перейдите ко второму шагу.
2. Выберите тарифный план хостинга.
Веб-хостинг -это услуга, которая позволяет частным лицам или предприятиям запускать веб-сайт в Интернете. Поставщик услуг, известный как веб-хост, будет хранить файлы вашего веб-сайта на защищенном сервере, который он поддерживает в рабочем состоянии, а затем доставлять и отображать этот веб-контент посетителям, которые вводят Ваш URL-адрес в своем браузере.
Шаги для выбора хостинг-провайдера различаются в зависимости от того, выбрали ли вы проприетарное или открытое решение выше. Проприетарное решение будет включать веб-хостинг в свой ценовой пакет. Поэтому вам просто нужно будет выбрать план с пропускной способностью, хранилищем и другими функциями, которые подходят вам лучше всего.
Например, Wix предлагает ограниченную пропускную способность и хранилище в своем бесплатном плане, поэтому вам придется перейти на его неограниченный план для неограниченной пропускной способности и 10 ГБ хранилища.
Если вы выбрали решение с открытым исходным кодом, вам придется найти своего собственного хостинг-провайдера, что займет много времени и много исследований. На рынке существуют сотни веб-хостингов. Каждый из них может предлагать различные типы хостинга, включая общий хостинг, VPS и выделенный хостинг . Давайте кратко рассмотрим различия ниже.
Практически каждый веб-хост предлагает общий хостинг. Общий хостинг -самый популярный вид хостинга, особенно среди новых владельцев сайтов, потому что это самый дешевый вариант. Однако, поскольку ваш сайт должен совместно использовать один и тот же сервер со многими другими сайтами, он не может поддерживать большие объемы трафика и наиболее уязвим для хакеров и других угроз безопасности.
VPS-хостинг-это более дорогая альтернатива, поскольку он изолирует серверные ресурсы именно для вашего сайта. Это означает, что ваш сайт сможет обрабатывать более высокие объемы регулярного трафика. Если вы предпочитаете не делиться сервером с каким-либо другим веб-сайтом, вы можете перейти на d edicated server hosting.
Как только вы решите, какой тип хостинга вам нужен, вы можете выбрать поставщика. DreamHost, Host Gator и Bluehost являются одними из самых популярных сторонних провайдеров и предлагают бесплатную регистрацию доменов в течение первого года. Это упростит следующий шаг в создании веб-сайта.
3. Получите доменное имя.
Независимо от того, какой тип веб-платформы вы выбрали для создания своего сайта, Вам, скорее всего, придется приобрести доменное имя. Некоторые разработчики сайтов, такие как Weebly, предлагают бесплатный поддомен для вашего сайта, но вы захотите перейти на пользовательский домен.
Один из самых простых способов выглядеть более профессиональной и законной компанией-это заплатить за доменное имя. Представьте, что вы ищете писателя-фрилансера. Вы с большей вероятностью наймете меня, если мой адрес сайта-carolineforsey?weebly.com или carolineforsey.com? Расширение вроде "weebly.com-это может сбить с толку посетителей и разбавить ваш фирменный стиль. Наихудший сценарий: посетитель может предположить, что вы не можете позволить себе премиальный хостинг или индивидуальный домен, и сделать вывод, что ваш бизнес еще не полностью налажен.
К счастью, покупка доменного имени обычно обходится недорого — даже для тех, кто подписывается на хостинг-план, который не включает бесплатную регистрацию домена в течение года. Есть два различных подхода, которые вы можете принять.
Вы можете посетить доменный сайт, приобрести и зарегистрировать там доменное имя, а затем подключить его к своей учетной записи хостинга. И то и другое Godaddy.com и еще Namecheap.com это дешевые, безопасные и эффективные варианты покупки доменного имени с дополнительными преимуществами, такими как безопасность SSL и office 365.
Или же вы можете завершить весь процесс поиска и регистрации доменных имен на сайте вашего хостинг-провайдера. Например, после регистрации плана Bluehost вы перейдете на эту страницу, чтобы зарегистрироваться с доменным именем.
Вот тут-то и начинается самое сложное. Вам нужно будет выбрать доменное имя, максимально похожее на название вашей компании, но с учетом того, что сегодня существует более 1,8 миллиарда веб -сайтов, Название вашей компании уже может быть взято.
Если ваше идеальное доменное имя уже занято, рассмотрите возможность использования другого расширения. Я бы посоветовал вам использовать одно из трех наиболее распространенных расширений, если вы можете: .com, .net или .org. Однако, если это имеет смысл для вашего бизнеса, вы можете проверить альтернативное расширение, такое как .us или .shop.
Поиграй с ним. После того, как вы выбрали и оплатили доменное имя, вы обычно также получаете личные учетные записи электронной почты, поэтому убедитесь, что вы рады использовать свое доменное имя в качестве основного онлайн-удостоверения.
4. Выберите тему для вашего сайта.
А теперь самое интересное.
Темы позволяют легко изменить внешний вид вашего сайта без необходимости кодировать HTML и CSS с нуля. Темы состоят из шаблонов, модулей, изображений и глобального контента, которые управляют общим дизайном вашего сайта.
На какой бы платформе вы ни остановились, найдите время, чтобы просмотреть список доступных тем. Многие из них будут поставляться с каталогом бесплатных тем, где вы можете использовать фильтры или строку поиска, чтобы найти темы, связанные с вашей отраслью, с определенным макетом и многое другое.
Есть некоторые обязательные функции, которые должна иметь каждая тема. Например, важно, чтобы ваша тема была отзывчивой, поэтому ваш сайт будет выглядеть одинаково на всех устройствах. Вы также захотите держаться подальше от трудночитаемых шрифтов или ярких фонов, которые могут отвлечь потребителя от понимания вашего основного сообщения.
Другие соображения будут специфичны для вашего бизнеса и сайта. Например, вы можете искать статический заголовок или заголовок слайд-шоу. Или вам может понадобиться тема, которая поставляется вместе с front-end builder. Ниже приведены некоторые вопросы, на которые вы можете ответить, чтобы найти правильную тему для вашего сайта:
- Вам нужно множество макетов или только один?
- Вы ищете тему со встроенными виджетами социальных сетей или любой другой функциональностью?
- Хотите ли вы установить демо-сайт или начать все с нуля?
- Вы хотите приобрести тему, которая включает в себя свой собственный конструктор тем?
В конечном счете, никто не знает ваш бизнес лучше вас. Потратьте время, чтобы решить, какая тема лучше всего будет представлять ваш бренд и, скорее всего, понравится вашей идеальной демографической группе.
Когда вы сомневаетесь, вы не ошибетесь, если выберете что-то чистое с прямыми линиями и ограниченным количеством текста. Если вам нужно немного вдохновения, ознакомьтесь с 27 лучшими дизайнами веб-сайтов, которые вдохновят вас в 2020 году .
If you can't find a free theme that meets your exact specifications, try looking for premium themes in third-party marketplaces.
Once you've selected and installed a theme on your site, move on to the next step.
5. Customize your theme and templates.
Once you’ve chosen a theme, take the time to customize it and its individual templates. Your site’s design and functionality is your chance to persuade an audience to take a closer look. It’s imperative your design makes sense to your ideal consumer and works to enhance your product’s success rather than hinder it.
Вот почему вы должны думать о своей теме и шаблонах в качестве отправной точки, а не окончательного взгляда. В зависимости от платформы веб-сайта, которую вы использовали для создания своего сайта, вы будете иметь различные степени контроля над внешним видом вашего сайта.
На большинстве платформ вы сможетевыбрать шаблон, а затем изменить цветовую палитру, разместить изображения, вставить иконки социальных сетей, персонализированные формы и меню, а также изменить размер, цвета и шрифты кнопок.
На более гибких платформах , таких как CMS Hub , вы сможете редактировать глобальные настройки своей темы, чтобы вносить изменения по всему сайту. Это означает, что вы можете вносить изменения в свой шрифт и другие элементы в одном месте, и они будут реализованы на всех страницах вашего сайта.
6. Добавьте страницы на свой сайт.
Важно точно спланировать, какие страницы вам нужно будет включить в свой сайт. Хотя это зависит от бизнеса, я бы предположил, что вам понадобится, по крайней мере, Домашняя страница, страница “О нас”, страница “услуги/продукт” и страница “свяжитесь с нами”.
Вы также должны добавить домашнюю страницу блога. Я могу быть предвзятым, но у бизнес-блогов есть серьезные преимущества . Например, сайты w EBS, на которых есть блог, с большей вероятностью будут высоко оценены поисковыми системами на 434%.
Хотя каждая платформа отличается, обычно легко добавлять и удалять страницы на любой используемой вами платформе. Давайте более подробно рассмотрим процесс на WordPress, например.
- Начните с входа в вашу панель управления WordPress.
- Вы можете добавлять текст, вставлять изображения, вставлять видео и вносить любые другие изменения, которые вам нравятся.
- Когда вы будете готовы, нажмите кнопку Опубликовать.
Как только вы решите, какие страницы вам нужны на вашем сайте, обязательно добавьте их в панель навигации вашего сайта. Вы можете переставлять темы страниц любым удобным вам способом или комбинировать их.
Вы можете посетить веб-сайты других компаний в своей отрасли, чтобы получить идеи о том, как организовать панель навигации или какие страницы включать и исключать, если вы не уверены.
7. Пишите контент.
Это, пожалуй, самый важный шаг. Теперь, когда вы настроили свои страницы, что вы на них поставите?
Я бы посоветовал написать черновики для таких страниц, как ваша страница “О нас” и целевая страница. Поговорите с коллегами и заинтересованными сторонами — какое послание вы хотите донести? Какой тон вы хотите задать? Должны ли вы шутить и быть смешными или стремиться быть более вдохновляющими?
Если бы ваша онлайн-аудитория случайно наткнулась на ваш сайт, какие вопросы возникли бы у нее в первую очередь?
Представьте, что ваш сайт - это ваш единственный шанс полноценно пообщаться с потенциальным клиентом. Главная страница-это предварительное введение: “Эй, мы делаем XYZ”. ваша страница “О нас” копает глубже: “мы-XYZ”. а ваши страницы продуктов или услуг-это ваш большой толчок к финишу: “вы хотите работать с нами? Отлично, вот как вы выиграете.”
На этом этапе необходимо провести исследование ключевых слов .
Например, если вы продаете очки, и вы заметили, что “ретро очки” имеет более ежемесячный объем поиска, чем “старинные очки”, вы можете использовать это исследование, чтобы направить направление контента на вашем сайте.
Если вы застряли, проверьте веб-сайты конкурентов, чтобы оценить, что делают другие компании в вашей отрасли.
8. заполните общие настройки.
После того как вы заполнили свои страницы контентом с интенсивным нападением, вы все равно можете увеличить видимость поиска, добавив элементы SEO на каждую страницу.
На своих страницах вы должны включать:
- Названия страниц
- Заголовки
- Метаописания
- Изображение alt-text
- Структурированная разметка
- URL-Адреса Страниц
- Внутренняя компоновка
- Мобильная отзывчивость
- Скорость сайта
Убедитесь, что вы включили название сайта и слоган в “настройки” вашей платформы создания веб-сайтов. Пройдите и проверьте URL — адреса-они оптимизированы для поиска?
Каждый из этих элементов имеет важное значение для вашего SEO на странице . Они не только помогают рассказать Google о Вашем сайте и о том, как вы предоставляете ценность посетителям и клиентам, но и помогают оптимизировать ваш сайт для человеческих глаз, а также поисковых ботов.
Любая платформа, которую вы используете для создания своего сайта, должна облегчить оптимизацию этих элементов на каждом посте и странице. Например, спомощью Wix вы можете добавлять alt-текст изображения, мета-описания, заголовки и пользовательские URL-адреса прямо в Редакторе контента.
9. установите дополнения.
Наконец, взгляните на свой сайт и выясните, чего вам не хватает. В идеале ваша платформа будет предлагать все дополнения, необходимые для расширения функциональности вашего сайта.
Важно отметить, что эти дополнения могут называться приложениями, расширениями, модулями, интеграциями или плагинами, в зависимости от используемой платформы.
Например, если вы используете сайт электронной коммерции на HubSpot, вы можете использовать расширение Hubspot Shopify . Или, может быть, вы хотите, чтобы убедиться, что ваш сайт WordPress является безопасным, чтобы защитить данные клиента. В этом случае вы можете скачать плагин Wordfence Security для защиты брандмауэра от атак, вредоносных программ и других угроз.
Если вам не хватает готовых функций для обеспечения безопасности, SEO, сжатия изображений и социальных сетей, проверьте, предлагает ли ваша платформа приложение или интеграцию для добавления этой функции на ваш сайт. Это гораздо проще сделать всю эту работу в одном месте, а не с тем, чтобы войти в систему на несколько отключенных платформ.
Предположим, вы просмотрели каталог своей платформы или рынок и выбрали несколько дополнений, которые, по вашему мнению, поднимут эффективность вашего сайта на следующий уровень.
Установка этих дополнений будет отличаться от платформы к платформе. Чтобы дать вам представление о том, сколько времени займет этот процесс, давайте рассмотрим процесс установки приложения из HubSpot marketplace .
- В своей учетной записи HubSpot нажмите на значок Marketplace на главной панели навигации.
- В разделе Управление выберите пункт подключенные приложения .
- Нажмите Кнопку Посетить App Marketplace .
- Нажмите на приложение, чтобы увидеть дополнительную информацию.
- Когда вы будете готовы, нажмите кнопку подключить приложение в правом верхнем углу экрана.
После того, как вы выполнили эти девять шагов, просто нажмите кнопку "Опубликовать", и ваш сайт готов к использованию.
Как сделать сайт с помощью HubSpot
Наконец, давайте посмотрим, как сделать сайт с помощью CMS Hub . Если вы уже используете CRM-систему HubSpot, то, вероятно, наиболее разумно создать веб-сайт внутри HubSpot, чтобы интегрировать все ваши потребности в продажах и маркетинге в одном месте.
HubSpot CMS предлагает множество плагинов и расширений, тематических шаблонов и сложных инструментов для SEO-анализа.
Если вы хотите создать веб-сайт с помощью HubSpot, это просто и интуитивно понятно. Вот как это делается:
1. Создайте домашнюю страницу.
На портале HubSpot нажмите кнопку “контент” на панели мониторинга в верхней части экрана. Затем нажмите кнопку “целевые страницы ”.
После этого нажмите оранжевую кнопку “создать целевую страницу” и назовите свою страницу.
2. Выберите шаблон.
Теперь вы попадете на эту страницу “Выбор шаблона”. Прокрутите свои варианты, найдите шаблоны страниц или загляните на рынок. Найдя нужный шаблон, выберите его.
3. отредактируйте модули.
Это ваша целевая страница. Вы можете прокручивать текстовые поля, изображения или другие модули, чтобы редактировать их. На рисунке ниже я прокрутил текст баннера “See The World”, и когда я нажал на него, он позволил мне отредактировать этот текст.
Вы также можете нажать на инструмент "редактировать модули" в правой части экрана и редактировать оттуда. Например, я выбрал "Service 2 Text“, который направил меня к пункту” Make it your own" на моей целевой странице. Вы можете добавлять текст, изображения, разделы, формы и многое другое из раздела “редактирование модулей”.
4. Создайте другие страницы на своем сайте.
Когда вы будете довольны своей целевой страницей и захотите двигаться дальше, вернитесь на панель мониторинга и нажмите “контент” в верхней части экрана, а затем “страницы веб-сайта".”
Здесь вы нажмете оранжевую кнопку “Создать страницу сайта” и назовете свою страницу так же, как и целевую. Затем вы пройдете через аналогичный процесс выбора шаблона и добавления контента. Если вам нужен более подробный учебник, ознакомьтесь с кратким обзором страниц веб -сайта .
5. Включите аккаунты в социальных сетях.
Если вы хотите включить свои учетные записи в социальных сетях, Нажмите кнопку “социальные сети” на панели мониторинга. Instagram Facebook позволяет отслеживать все ваши аккаунты в социальных сетях, а также публиковать твиты, статусы и комментарии Facebook, фотографии Instagram и другой контент прямо с панели управления HubSpot.
6. просмотр аналитики.
Если вы хотите проверить аналитику вашего сайта, перейдите в раздел “Отчеты”, а затем в раздел “инструменты аналитики”. Вам нужно будет установить код отслеживания, что легко сделать в рамках платформы HubSpot, нажав оранжевую кнопку “Установить код отслеживания”. Если вы все еще не уверены, проверьте, как установить код отслеживания HubSpot .
7. Добавьте Блоги на свой сайт.
Если вы хотите писать сообщения в блоге, перейдите в раздел “контент” > “блог” на панели мониторинга, чтобы создавать, публиковать и отслеживать сообщения в блоге вашего сайта.
Это довольно широкий и общий обзор, чтобы вы начали создавать веб-сайт с помощью HubSpot, но есть много более глубоких функций и инструментов, которые вы, возможно, захотите изучить вместе со специалистом HubSpot или проверив некоторые статьи на <url>. academy.hubspot.com -да .
Обеспечение плавного запуска
После того , как вы закончите создавать веб-сайт с помощью CMS Hub , важно проверить, что вы не пропустили никаких важных элементов или не собираетесь жить с какими-либо вопиющими ошибками. Как только вы пройдете через этот список выше и почувствуете, что близки к запуску веб-сайта, прочтите этот пост в блоге для получения подробного списка вещей, которые нужно проверить перед тем, как начать жить.
И не забудьте проверить наш CMS-хаб, как уже упоминалось выше. Это поможет вам выполнить большинство вещей в вашем контрольном списке запуска веб-сайта , даже не зная вас.