Как создать сайт самостоятельно бесплатно пошаговая инструкция: Как создать сайт бесплатно самому? 👇 3 способа

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

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

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

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

Введите свое имя и адрес электронной почты, и вы получите мгновенный доступ к моему курсу, который был представлен на Forbes , Business Insider и Entrepreneur .

Как создать веб-сайт: пошаговое руководство на 2021 год

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

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

Вы хотите создать сайт? Вот с чего начать

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

1. Является ли блокировка допустимым риском или вы хотите спланировать переносимость сайта?
2. Вы покупаете домен через регистратора доменов или получаете его вместе с тарифным планом хостинга?
3. Вы нанимаете консультанта или сами создаете сайт?
4. Вы используете конструктор сайтов или WordPress?

Рассмотрим каждую по очереди.

Что такое блокировка, стоимость переключения и переносимость?

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

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

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

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

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

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

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

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

Для небольших сайтов это не проблема. Перестроить пять или десять веб-страниц — не проблема.Но если ваш сайт состоит из 50, 100 или даже тысяч страниц, вам придется много копировать и вставлять (или, если вам очень повезет, экспортировать и импортировать). Подумайте об этом: если вы будете делать одно сообщение в блоге каждый будний день, к концу года у вас будет как минимум 261 страница. Контент расширяется очень быстро.

Другой подход — создать веб-сайт с использованием сторонних инструментов. Когда мы дойдем до этого, мы будем много обсуждать WordPress. Преимущество непатентованных инструментов состоит в том, что они делают переключение более практичным.Недостаток в том, что они обычно более сложные.

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

Зарегистрируйте доменное имя

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

Не позволяйте провайдерам веб-хостинга убеждать вас использовать что-то вроде yourname.theirname.com. Лучше иметь yourbrand.com в качестве доменного имени. Доменные имена стоят около 10 долларов в год, и вы идете к регистратору доменов, чтобы купить его.Единственная проблема, как и в случае с номерными знаками тщеславия, — найти тот, который еще не использовался.

Вот предостережение: большинство регистраторов также предлагают некоторую форму рынка доменов, где те, кто владеет доменными именами, пытаются продать их другим, кому они нужны. Держись подальше.

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

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

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

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

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

Построить самому или нанять консультанта? Как принять решение?

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

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

Я волонтер в некоммерческой организации. Я согласился построить их сайт. У него было всего несколько настраиваемых функций (измененный список участников и доступ только для участников). Даже с несколькими настраиваемыми функциями мне потребовалось пару недель, чтобы собрать его воедино.Даже стоимость найма наименее дорогого разработчика с оплатой от 80 до 100 часов увеличится.

Однако, помимо затрат, это потеря контроля. Я также поддерживаю приложение для бесплатных пожертвований, опять же как часть моей работы на общественных началах. По крайней мере, раз в неделю кто-то связывается со мной, говоря, что они потеряли своего разработчика (или они не знают, кем был первоначальный разработчик), и им нужно знать, как изменить свой сайт.

Рекомендация: Собери сам.

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

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

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

Рекомендация: Делайте задания простыми, ощутимыми и поддающимися объективному измерению.Гораздо легче убедить поставщика внести исправление, потому что платежи не обрабатываются, чем попытаться убедить консультанта изменить дизайн, потому что у вас не появилось легкого и легкого ощущения, на которое вы надеялись.

Конструктор сайтов или размещенный на хосте WordPress?

Теперь вы находитесь перед одним из наиболее важных структурных решений, касающихся вашего сайта: использовать ли службу конструктора веб-сайтов, такую ​​как Wix или Squarespace, или создать размещенный сайт, вероятно, на основе WordPress.

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

Вот диаграмма, которая помогает сравнить два подхода:

Параметр конструктора веб-сайтов

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

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

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

Также: лучший конструктор веб-сайтов на 2021 год: пошаговое руководство

Вот пять факторов, которые следует учитывать при выборе конструктора веб-сайтов:

1. Пробный период. Важно иметь достаточно времени, чтобы ознакомиться с услугой и решить, может ли она делать то, что вы хотите.
2. Выбор шаблона. Это большое. Вам необходимо выбрать внешний вид вашего сайта. Если у конструктора нет того вида, который вам нужен, не подписывайтесь. И наоборот, если вам нравится определенный вид, это может быть конструктором для вас.
3. Электронная коммерция. Вы хотите продавать физические или цифровые товары? У разработчика должна быть опция электронной коммерции, которая соответствует вашим потребностям.
4. Услуги прочие. Вам нужны форумы, социальные ссылки, блоги или типы видеоконтента? Убедитесь, что выбранный вами строитель предлагает их.
5. Цена и вместимость. Выберите услугу, которая может обрабатывать сайт того размера, который вы собираетесь создать, и находится в пределах вашего бюджета.

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

Конструктор веб-сайтов Wix

Выбор и настройка шаблона

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

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

Шаблоны обычно бывают разных категорий:

• Блог
• Брошюра
• Информационный сайт
• Портфолио
• Целевая страница
• Членский сайт
• Резюме
• Магазин

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

Выбрав шаблон, вы захотите наполнить его своим уникальным содержанием. Вы можете написать свой текст прямо в редакторе конструктора веб-сайтов или написать его в текстовом редакторе и вставить. Мне нравится писать свои статьи, в основном, в Evernote, а затем вставлять их в свои сообщения. Таким образом, если я случайно нажму кнопку «Назад» в своем браузере, я уверен, что не потеряю все свои жестко созданные тексты. Если я пишу прямо в инструменте публикации (как сейчас), я обязательно нажимаю «Сохранить». Много.

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

Электронная коммерция: настройка онлайн-продаж

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

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

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

Другие службы предоставят вам возможность использовать PayPal или Stripe, по крайней мере, если вы находитесь в США. Оба собирают деньги клиентов, выплачивая вам платежи либо при достижении порогового значения, либо на регулярной основе. Я работал как с PayPal, так и с Stripe, и хотя у меня как разработчика была гораздо лучшая поддержка со стороны Stripe, очень немногие из моих пользователей сильно жаловались на любую услугу.

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

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

WordPress — отличный вариант, если вам нужна гибкость и масштабируемость.

WordPress: золотая середина создания веб-сайтов

Вот и все для разработчиков веб-сайтов. Дайте им номер своей кредитной карты и начните создавать свой контент. Затем давайте посмотрим на размещенный WordPress, который является гораздо более гибким (но немного более сложным) вариантом. Лично я использую такой вариант.

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

Если вы решите, что вам нужно больше гибкости и контроля, чем предоставляют конструкторы веб-сайтов, я собираюсь сделать очень осторожный шаг и рекомендовать вам рассматривать WordPress как основу вашего веб-сайта. По данным службы отслеживания W3Techs, WordPress теперь управляет 40% всех веб-сайтов и занимает 64,3% рыночной доли всех сайтов, основанных на системе управления контентом.

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

Также: Лучший хостинг WordPress в 2021 году

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

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

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

Реальный пример: Сайт WordPress 101: Бесплатные и недорогие инструменты для создания мощного веб-присутствия

Плагины WordPress

Плагины расширяют возможности WordPress.Их тысячи и тысячи. Я считаю плагины большой силой WordPress, потому что они позволяют настраивать WordPress практически для чего угодно. Многие из них бесплатны, многие — платные дополнения. Многие предлагают бесплатный основной плагин, но продают либо профессиональную версию, либо дополнительные возможности.

Существует широкий спектр возможностей плагина, от небольших настроек поведения WordPress до основных приложений, таких как:

• Членство
• Поддержка билетов
• Управление пожертвованиями
• Контроль конфиденциальности
• SEO (поисковая оптимизация)
• Электронная коммерция
• И даже в таких отраслях, как управление рестораном, службы доставки, расписание кабинетов врачей и многое другое.

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

Я разрабатываю и поддерживаю ряд плагинов для WordPress. Если вы хотите увидеть инструменты, которые я использую для этого, нажмите ниже:

Реальный пример: Любимые инструменты программирования Mac для PHP и веб-разработки одним разработчиком

Мы поговорили ранее о шаблонах, предлагаемых разработчиками сайтов. Термин WordPress для этого — темы. Вторая сильная сторона WordPress — огромная библиотека тем. Есть несколько очень хороших бесплатных тем и тем по умолчанию, а также доступно огромное количество отличных коммерческих тем.Это тоже одна из причин, по которой я уверенно рекомендую WordPress.

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

Рекомендация: Я рекомендую вам рассмотреть одну из замечательных тем для построения страниц, такую ​​как Divi, Elementor или Beaver Builder. Это дает вам лучшее из обоих миров: простоту использования конструктора веб-сайтов, но с гибкостью, мощностью и масштабируемостью WordPress. Они позволяют настраивать внешний вид, но также включают в себя широкий спектр готовых шаблонов в качестве хороших отправных точек.Я лично использую Divi.

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

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

Выбор изображений

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

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

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

Кроме того, вы, возможно, слышали о проблемах безопасности в WordPress.Не позволяйте этому напугать вас. Имейте в виду, что 40% Интернета работает под управлением WordPress, поэтому миллионы веб-сайтов используют его. Это создает очень большие возможности для злоумышленников и открывает широкий спектр ошибок, которые люди могут допустить при настройке своих сайтов.

Также: Лучший инструмент для мониторинга веб-сайтов в 2021 году

Вот несколько очень простых приемов, которые помогут обеспечить безопасность вашего сайта:

1. Регулярное резервное копирование вашего сайта: Некоторые хостинг-провайдеры сделают это за вас, cPanel также позволяет вам это делать, плюс есть множество плагинов и сервисов для WordPress, которые добавляют дополнительные возможности.
2. Обязательно применяйте обновления по мере их появления: На панели инструментов WordPress есть раздел «Обновления», который загорается красным цветом, когда есть обновления, которые нужно применить. Просто выберите обновления и примените их. Большинство эксплойтов WordPress предназначены для старых уязвимостей, которые уже были обновлены.
3. Покупайте темы премиум-класса только у их первоначальных продавцов: Хакеры и преступники часто открывают магазины со скидками, где вы можете купить со значительной скидкой (и украденные) версии коммерческих плагинов и тем.Вы не только сообщаете злоумышленникам вашу личную информацию, но также почти наверняка устанавливаете взломанные версии плагинов и тем, которые заразят посетителей вашего сайта.
4. Используйте инструменты сканирования сайта: Существуют коммерческие инструменты, такие как Wordfence, iThemes Security Pro, Bulletproof Security и другие. Вы также можете установить Jetpack, который предоставит вам базовую функциональность безопасности бесплатно.
5. Воспользуйтесь службой мониторинга веб-сайтов: Службы мониторинга сайтов просто сообщат вам, когда ваш сайт не работает или возобновляет работу.Другие также будут активно сканировать файлы на вашем сайте на предмет известных вредоносных программ. Мониторинг сайта полезен как для того, чтобы сообщить вам, если на вашем сайте возникли проблемы, так и потому, что если ваш сайт часто выходит из строя, это может быть связано с тем, что что-то на нем повреждено или повреждено.

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

Управление файлами с помощью WordPress

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

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

Но, если вам нужно загружать файлы или управлять ими вне интерфейса WordPress, например, путем загрузки файла JavaScript или CSS или удаления папок из неработающего плагина или темы, вам необходимо понимать управление файлами.

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

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

Существуют и другие информационные панели хостинга, но почти все они будут включать что-то вроде cPanel.

Другой подход — использовать клиентское приложение FTP на вашем компьютере. FTP существует еще задолго до Интернета (это означает протокол передачи файлов). Базовый FTP полностью незащищен и открыт.Скорее всего, если вы используете FTP, ваш хостинг-провайдер посоветует вам использовать SFTP (защищенный FTP), что требует дополнительной настройки. Большинство хостов порекомендуют настройки для наиболее распространенных программ FTP. Лично в Windows я использую FileZilla. На Mac я использую как Forklift, так и Transmit, обычно в зависимости от того, какие задачи я пытаюсь выполнить в этот день.

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

• wp-admin: Это основная папка для всего внутреннего интерфейса WordPress. Не трогай это.
• wp-включает; Это включает большую часть кода, который управляет WordPress. Не трогай это.
• wp-content: Здесь будут жить ваши настройки. Вы будете посещать и изменять его время от времени.

Название wp-content вводит в заблуждение.В этой папке действительно нет содержимого. Он содержит модули настройки. В папке wp-content находятся следующие важные подпапки:

• плагины: Здесь находятся ваши плагины, по одному плагину на папку
• themes: Здесь живут ваши темы. Здесь также есть дочерние темы, которые изменяют основную тему
• загрузок: Здесь живут все ваши загруженные мультимедиа
• mu-plugins: Это обязательные плагины, часто устанавливаемые продуктами, которые существенно изменяют поведение WordPress.
• Языки: Здесь хранятся языковые файлы для неанглийских реализаций.
• обновления: Где WordPress хранит свои файлы обновления при обновлении всей установки.

И да, «Языки» — это верхний регистр, а все остальные папки — нет. Если вы хотите узнать больше о папке wp-content, это действительно хорошее введение в папку wp-content.

Выбор хостинг-провайдера

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

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

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

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

Еще одна статья на нашем дочернем сайте CNET, — это Как выбрать провайдера веб-хостинга. Там я написал о различных типах хостинга и серверов, которые следует учитывать.

Также: Лучший веб-хостинг в 2021 году: Найдите подходящую услугу для своего сайта

Вот небольшой совет: Вероятно, вы можете обойтись виртуальным хостингом, если у вас нет тонны страниц или сложный сайт. Но держитесь подальше от планов ценообразования дна.Ты получаешь то, за что платишь. Ищите план, который составляет примерно 10 долларов в месяц, если вы используете WordPress или что-то еще с базовой CMS. Если у вас сложная электронная коммерция, рассчитывайте потратить больше.

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

Больше для изучения:

А как насчет электронной почты?

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

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

Большинство разработчиков веб-сайтов не предоставляют учетные записи электронной почты. Например, если у вас есть сайт на Wix или Squarespace, они порекомендуют вам использовать другую службу для размещения учетных записей электронной почты вашего домена.

Также: Лучший почтовый хостинг в 2021 году

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

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

У меня есть электронная почта, включенная в некоторые из моих супер-дешевых тестовых учетных записей cPanel, но я не пропускаю электронную почту через них. Вместо этого у меня есть учетная запись Google Workspace с двумя учетными записями электронной почты. Электронная почта настолько критически важна для моей работы, что я хотел запустить ее через службу, которая делает все возможное, чтобы обеспечить надежную работу с электронной почтой.Еще один отличный вариант — Office 365, который предоставляет электронную почту через веб-приложение Outlook, а также отличное установленное программное обеспечение Microsoft Outlook.

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

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

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

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

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

Создание веб-сайта: Словарь терминов

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

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

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

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

Возможно, вы слышали такие термины, как HTML, CSS, JavaScript, Java, PHP и другие. Все это, более или менее, компьютерные языки в том смысле, что они следуют конкретно определенному синтаксису и при обработке дают какой-то результат. В этом разделе мы коснемся некоторых терминов, с которыми вы можете столкнуться при настройке сайта или при изучении вариантов.

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

CSS (каскадные таблицы стилей): Это файлы, которые помогают форматировать веб-страницу. Они содержат информацию о позиционировании и стиле, которые придают странице приятный вид.

JavaScript и Java: Это языки программирования, изначально разработанные для работы в браузере с целью изменения поведения страницы на лету. Теперь существуют серверные версии, такие как Node.js для JavaScript и Enterprise Java Beans для Java. Почти все веб-приложения, такие как Gmail и Facebook, используют Java и JavaScript (или модифицированный диалект), чтобы сделать страницы более динамичными.

PHP, Python, Ruby и т. Д.: Это серверные языки программирования, которые запускают веб-приложения на сервере.Например, интернет-магазину нужно будет обратиться к платежной системе. Большая часть этой обработки платежей обрабатывается на стороне сервера на языке веб-программирования.

CMS (система управления контентом): В 1995 году, когда я начал работать в Интернете, не было веб-конструкторов или систем управления контентом. Мне пришлось вручную кодировать весь свой HTML. Сегодня, если вы не пишете специальные функции, вам, вероятно, не придется подробно знать какой-либо из этих языков, чтобы создать успешный сайт.Но вы, возможно, захотите иметь о них мимолетное представление и, по крайней мере, понимать основы HTML и CSS, потому что небольшие изменения в том, как выглядит ваш сайт, могут потребовать настройки CSS или HTML. Самая популярная CMS сегодня — это WordPress.

SSL (Secure Socket Layer): Это протокол безопасности, используемый для защиты ваших транзакций в Интернете. Он защищает данные, передаваемые между вашим компьютером и сервером. Если вы видите веб-URL, начинающийся с https: //, это страница, защищенная SSL.Веб-страница, начинающаяся с http: //, не является. Наличие SSL требует наличия сертификата SSL. Этим займутся все создатели веб-сайтов и некоторые хостинг-провайдеры. Убедитесь, что вы покупаете хостинг, предоставляется ли сертификат SSL. Кроме того, Google теперь уделяет приоритетное внимание сайтам на основе SSL, поэтому, если вы обслуживаете только страницы http: //, ваш рейтинг, вероятно, будет ниже.

SEO (поисковая оптимизация): Это искусство, наука и, как некоторые думают, оспа для человечества.Это практика настройки или написания ваших веб-сайтов так, чтобы они отображались выше на странице Google после поиска. Да, есть и другие поисковые системы, но на самом деле каждому нужно оптимизировать Google. Высокий рейтинг может означать разницу между успехом и неудачей на сайте, поэтому SEO имеет большое значение. Тем не менее, потворство SEO иногда может привести к тому, что страницы или копии будут менее привлекательными для людей, но лучше влияют на алгоритм ранжирования страниц в Google. Большинство сервисов по созданию веб-сайтов предлагают некоторую поддержку SEO, и в репозитории WordPress есть широкий спектр чрезвычайно популярных плагинов для помощи в SEO.

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

Заключительные мысли

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

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

Вы можете следить за обновлениями моих ежедневных проектов в социальных сетях. Обязательно подпишитесь на меня в Twitter на @DavidGewirtz, на Facebook на Facebook.com/DavidGewirtz, на Instagram на Instagram.com/DavidGewirtz и на YouTube на YouTube.com/DavidGewirtzTV.

Как создать веб-сайт на WordPress: пошаговое руководство для начинающих

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

Пожалуйста, потерпите меня! Вот почему:

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

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

И последнее, но не менее важное: подход «Сделай сам» (без навыков программирования), который мы здесь представляем, невероятно экономичен. Фактически, вы можете создать и запустить свой веб-сайт всего за ~ 35 долларов в год.

Вот как сделать сайт самостоятельно, шаг за шагом:

Спешите? Вот ваши ярлыки действий, чтобы создать сайт менее чем за час:

1. Найдите доменное имя для своего сайта.
2. Зарегистрируйтесь на веб-хостинге (мы рекомендуем Bluehost).
3. Установите WordPress через интерфейс Bluehost.
4. Выберите бесплатную тему WordPress из онбординга Bluehost.
5. Получите несколько обязательных плагинов WordPress, которые помогут в росте вашего сайта.
6. Начните создавать свои страницы и сообщения в блогах.

Когда вы будете готовы зарегистрировать учетную запись веб-хостинга, убедитесь, что вы используете одну из ссылок Bluehost на этой странице. Их прохождение приведет к двум вещам: (1) — это партнерские ссылки, что означает, что мы получаем небольшую комиссию, если вы покупаете через них, (2) — это разблокирует 2 доллара.75 против цены со скидкой 3,95 доллара с бесплатным доменом для вас . Вы не получите эту скидку, если посетите сайт Bluehost каким-либо другим способом.

Как сделать сайт — с высоты птичьего полета

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

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

Хорошо, последний шаг в основном зависит от вас, и мы не будем уделять много внимания элементу прибыли в этом руководстве. Но у нас есть для этого другие ресурсы. Посмотрите их:

Шаг 1. Выберите WordPress в качестве платформы вашего веб-сайта

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

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

Но хватит технических подробностей! Как я уже сказал, существует множество CMS — на самом деле, более 100, как указано в Википедии.

К счастью, выбрать лучший очень просто. На вершине горы только один король — WordPress.

WordPress используется более чем на 34% всех веб-сайтов (согласно данным).Опять же, это всех веб-сайта!

Или, иначе говоря, примерно каждый третий веб-сайт, который вы посещаете, построен на WordPress.

Вот основные сведения о WordPress:

• это открытый исходный код
• бесплатно
• — идеальное решение для создания веб-сайтов своими руками
• он очень универсален — может работать с любым типом веб-сайтов.
• это быстро, оптимизировано и безопасно
• SEO-совместим — упрощает продвижение

Теперь одно важное различие; «WordPress», о котором мы здесь говорим, — это «WordPress, программное обеспечение.«Вы можете найти его, если зайдете на WordPress.org.

Существует также другая разновидность WordPress — «WordPress, коммерческая служба», которую вы можете найти, перейдя на сайт WordPress.com. Мы описываем различия между ними здесь.

А пока давайте просто вспомним, что нам нужен WordPress.org , поскольку это более универсальная и дешевая версия платформы. Все это станет ясно на следующих этапах.

🎯 Действие примечания.На данный момент вам не нужно выполнять никаких действий. Шаг 1 — это просто ознакомление с инструментом, который вы собираетесь использовать для создания своего сайта на следующих этапах.

Шаг 2. Выберите имя для своего веб-сайта, купите домен и хостинг

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

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

Однако! Есть еще кое-что, что вам нужно понять, чтобы настроиться на успех в будущем.

Во-первых, в сети насчитывается почти 2 миллиарда (!) Веб-сайтов (на момент написания). Это означает, что оставаться оригинальным может быть довольно сложно.

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

Короче говоря, хорошее доменное имя должно быть:

• фирменный стиль — уникальное звучание, не похожее ни на что другое на рынке
• легко запомнить
• короткие — их тоже легче запомнить
• легко набирать и сложно перепутать — вы же не хотите, чтобы люди задавались вопросом, как написать название вашего сайта
• , включая ключевые слова, относящиеся к нише — например, если вы делаете что-нибудь с пиццей, было бы здорово иметь слово «пицца» где-нибудь в названии сайта; То же самое работает и в отраслях, не связанных с пиццей.🍕

Вот быстрый инструмент, который вы можете использовать, чтобы узнать, доступно ли интересующее вас доменное имя:

Если вы не знаете, какой домен вы хотите получить, перейдите прямо к нашему генератору №1 — Domain Wheel и посмотрите, как он может вам помочь.

Начните с ввода ключевого слова, которое хорошо определяет ваш веб-сайт.

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

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

а) Покупка вашего доменного имени и хостинг

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

🧙 Примечание для новичков: что вообще такое хостинг?

Проще говоря, веб-хостинг (он же веб-сервер) — это то, без чего не может жить ни один веб-сайт.Это место, где ваш веб-сайт находится в ожидании посещения посетителей.

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

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

На практике все намного проще, чем кажется, что вы увидите через минуту.

Существуют десятки, если не сотни различных компаний, которые могут зарегистрировать для вас новое доменное имя. Кроме того, есть масса компаний, которые могут продать вам пакет хостинга…

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

Мы собираемся использовать Bluehost. Вот почему:

• Bluehost — это авторитетный веб-хостинг, который оптимизирован для WordPress и позаботится о том, чтобы ваш веб-сайт работал без сбоев.
• — одна из немногих компаний, рекомендованных на официальном сайте WordPress.сайт организации
• дешево (от 2,75 $ в месяц)
• прост в использовании и удобен для новичков
• вы получаете доменное имя бесплатно

Вот что теперь будет:

1. Мы собираемся перейти на Bluehost и выбрать план хостинга для нашего веб-сайта.
2. Мы также собираемся зарегистрировать доменное имя в Bluehost (домен бесплатный).
3. Мы скажем Bluehost установить и настроить чистую версию WordPress на нашем новом хостинге.
4. Мы выйдем со 100% работающим веб-сайтом WordPress!

Приступим — вот как сделать сайт:

Сначала нажмите здесь, чтобы перейти в Bluehost. Оказавшись на странице, нажмите кнопку «Выбрать план».

В большинстве случаев, если вы запускаете новый сайт, достаточно самого дешевого тарифного плана — Базового. Это всего лишь 2,75 доллара в месяц:

На следующем шаге введите доменное имя, которое вы решили получить для своего сайта:

Далее укажите свои личные данные:

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

Примечание; вы получите самую низкую цену, если купите пакет хостинга как минимум на 12 месяцев.

На этом этапе вы можете нажать «ОТПРАВИТЬ» и завершить покупку.

б) Указание Bluehost установить для вас WordPress

Поскольку теперь вы зарегистрировались в Bluehost и подготовили настройку хостинга, единственный элемент, который отсутствует, — это WordPress.

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

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

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

Кроме того, вы также можете установить WordPress, перейдя в раздел Мои сайты и нажав кнопку Create Site :

Все, что нужно Bluehost для установки WordPress, — это имя вашего нового сайта и имя пользователя / пароль, которые вы хотите использовать при управлении WordPress.После того, как вы закончите работу с мастером, ваш сайт будет установлен и готов к работе!

Шаг 3. Знакомство с пользовательским интерфейсом WordPress

Вы можете войти в свою пользовательскую панель WordPress, если зайдете по адресу www.YOURDOMAIN.com/wp-admin/

Вот что вы увидите:

Используйте учетные данные для доступа, которые вы установили в Bluehost на предыдущем шаге («скриншот установки WordPress» выше).

После успешного входа в систему вы увидите основной интерфейс WordPress во всей красе:

• (1) Приветственное сообщение — Некоторые из наиболее важных областей панели администратора перечислены как быстрые ссылки для быстрого доступа — обычно это ваши ярлыки для создания веб-сайта.
• (2) Текущее состояние вашего сайта и что с ним происходит.
• (3) Сообщения — перейдите сюда, чтобы создать сообщения в блоге.
• (4) Медиа — здесь можно загружать изображения и другие медиафайлы и управлять ими.
• (5) Страницы — перейдите сюда для создания дополнительных страниц.
• (6) Комментарии — здесь вы можете модерировать комментарии.
• (7) Внешний вид — измените здесь дизайн вашего сайта и / или настройте способ отображения определенных элементов в текущем дизайне.
• (8) Плагины — здесь можно установить новые плагины.
• (9) Пользователи — управление учетными записями пользователей, которые могут получить доступ к панели администратора веб-сайта.
• (10) Настройки — основные настройки.

На этом этапе полезно позаботиться о некоторых основных настройках WordPress для начала работы, которые улучшат ваш опыт в будущем.

a) Установить постоянные ссылки

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

Наиболее оптимизированная структура — это наличие заголовка страницы в URL-адресе. Например, ваша страница «О нас» (подробнее на этой странице позже) должна быть доступна по такому простому адресу, как YOURSITE.com/about . Правильная установка постоянных ссылок позволит вам добиться этого.

Чтобы установить постоянные ссылки, перейдите в «Настройки » → «Постоянные ссылки » на главной боковой панели на панели инструментов WP.

Оказавшись там, выберите этот параметр:

б) Сделайте свой сайт общедоступным

Думаю, вы хотите, чтобы Google мог найти и проиндексировать ваш сайт.Чтобы убедиться, что это так, перейдите в «Настройки » → «Чтение » и убедитесь, что в поле «Не рекомендовать поисковым системам…» стоит , не отмечен .

c) Установите заголовок и слоган веб-сайта

Перейдите в Settings → General и установите поля Site Title и Tagline на желаемое.

Название и слоган вашего сайта могут появляться в разных местах на сайте. Некоторые темы WordPress отображают их на главной странице и в описании SEO, которое Google использует при размещении вашего сайта на страницах результатов.

Слоган необязателен — вы можете оставить его пустым, если у вас нет слогана для сайта.

г) Разрешить или запретить комментарии

Хотите ли вы принимать комментарии на своем веб-сайте, решать вам.

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

Независимо от того, разрешите вы или отключите комментарии, это можно сделать в Настройки → Обсуждение .

e) Отключить пингбеки и трекбэки

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

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

е) Установите часовой пояс

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

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

Вы можете установить часовой пояс в Настройки → Общие .

Убрав основные настройки, мы можем перейти к интересным вещам:

Шаг 4. Выберите тему / дизайн для своего веб-сайта

Самое замечательное в WordPress то, что он работает со сменными дизайнами — так называемыми темами .

Это означает, что вы можете изменить внешний вид вашего веб-сайта WordPress одним щелчком мыши.

Например, так выглядит веб-сайт WordPress по умолчанию сразу после установки:

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

Вот как:

a) Выберите тему, которая вам нравится

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

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

Существует огромное количество тем WordPress. Просто заглянув в официальный каталог на WordPress.org, там сотни тем.

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

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

Итак, как выбрать тему, которая подходит именно вам? Вот несколько советов, если вы хотите более подробно рассмотреть этот вопрос. Как правило, вам не нужно тратить на это слишком много времени и вместо этого нужно идти простым маршрутом.

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

Таким образом, мы сделаем беспроигрышную ставку и воспользуемся одной из самых популярных бесплатных тем на рынке сегодня, чтобы продемонстрировать, как работают темы WordPress. Эта тема — вышеупомянутая Гестия.

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

б) Установите свою тему

Если выбранная вами тема доступна в официальном каталоге на WordPress.org, единственное, что вам нужно для ее установки, — это название темы. Ага. Вот и все.

Вот как выполняется установка темы:

Перейдите в Внешний вид → Темы на панели инструментов WordPress и нажмите «Добавить».”

Оттуда введите имя темы, которую вы хотите установить, например:

Вы увидите его в списке под полем поиска. Просто нажмите кнопку «Установить» под нужной темой:

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

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

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

Сначала нажмите ссылку «Рекомендуемые действия», чтобы узнать, что доступно.

Из предложенных здесь вариантов давайте пока остановимся только на Orbit Fox Companion. Просто нажмите кнопку «Установить и активировать».

💡 Примечание. Orbit Fox Companion — это плагин. Мы поговорим о плагинах WordPress более подробно позже в этом руководстве о том, как создать веб-сайт.

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

На этом этапе ваша новая тема активна на вашем сайте.Вы можете увидеть это в действии, просто перейдя на YOURDOMAIN.com .

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

в) Настроить тему

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

Для начала перейдите в Внешний вид → Настроить . Вы увидите основной интерфейс настройщика WordPress.

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

Настройка домашней страницы.

Сделайте следующее:

1. На боковой панели перейдите в «Настройки домашней страницы».
2. Выберите параметр «Статическая страница» в настройках отображения домашней страницы.
3. Нажмите «Добавить», чтобы создать новую страницу в качестве домашней.
4. Введите название страницы — «HOME» кажется хорошей идеей — и нажмите «Добавить».

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

См. Здесь:

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

Чтобы внести изменения, щелкните значок карандаша рядом с заголовком.

Когда вы это сделаете, слева появится панель настройки.

Через него можно:

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

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

• Раздел Features — отличное место, чтобы объяснить, что ваша компания может предложить или какова цель веб-сайта — эта «цель», вероятно, является самой важной вещью, которую следует иметь в виду, когда вы узнаете, как сделать Веб-сайт.

• Раздел О — отличное место, чтобы рассказать о своей истории.
• Раздел Team , который можно использовать, если в вашем бизнесе работает больше людей, и вы хотите их выделить.

• Лента — еще одно место, где вы можете упомянуть свой основной призыв к действию.
• Раздел Отзывы отлично подходит, когда вы хотите продемонстрировать, что ваши предыдущие клиенты говорили о вашем бизнесе.

• В разделе Контакты вы можете отобразить свою контактную информацию и сообщить людям, как с вами связаться.

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

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

Корректировка типографики.

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

Вы можете сделать это, перейдя в Настройки внешнего вида → Типографика на боковой панели настройщика WordPress.Там вы сможете выбрать шрифт и сразу же увидеть его на своем сайте.

Цвета.

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

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

…

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

💡 Примечание. В настройщике WordPress есть еще много настроек, с которыми можно поэкспериментировать. Например, вы можете:

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

Шаг 5. Получите плагины для расширения возможностей вашего сайта

Плагины для вашего сайта WordPress такие же, как приложения для вашего iPhone. 📱

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

Вот плагины, которые вам следует рассмотреть — лучше всего то, что все они бесплатны:

• Yoast SEO — помогает настроить поисковую оптимизацию и сделать ваш сайт более доступным для поисковых систем в целом.
• Google Analytics для WordPress — интегрирует ваш веб-сайт с самым популярным решением для анализа трафика в Интернете.
• Wordfence Security — повышает безопасность вашего сайта WordPress.
• UpdraftPlus — делает автоматическое резервное копирование вашего сайта.
• Optimole — оптимизирует ваши изображения.
• WPForms — позволяет добавлять интерактивные контактные формы на ваш веб-сайт, которые посетители могут использовать для прямой связи с вами — это намного лучше, чем отображение вашей электронной почты в виде обычного текста на вашем сайте.
• Также просмотрите этот список самых популярных плагинов WordPress всех времен. Вы тоже можете найти там что-нибудь интересное.

Установка плагинов проста. Если мы имеем дело с бесплатным плагином, все, что вам нужно, — это его название.

Перейдите в панель управления WordPress, а затем в Плагины → Добавить новый . Оттуда введите имя плагина, который вы хотите, в поле поиска, а затем нажмите «Установить» и «Активировать».

Шаг 6: Создайте базовые страницы

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

Но сначала, как вообще создать страницу :

Для этого просто перейдите на панель управления WordPress и выберите Pages → Add New . Вы увидите этот экран:

• (1) Место для заголовка страницы.
• (2) Основной раздел — основное содержание страницы. Интерфейс очень похож на MS Word. Вы получаете все основные функции форматирования текста (например, полужирный шрифт, курсив, выравнивание текста по левому / правому / центру, создание списков и т. Д.).
• (3) Вы можете добавить изображения, нажав эту кнопку.
• (4) Переключение между редакторами Text и Visual . Используйте первое только в том случае, если вы хотя бы смутно знакомы с кодом HTML.
• (5) Раздел Publish . Здесь находится основная кнопка Publish .
• (6) Обсуждение . Решите, хотите ли вы разрешать комментарии. Параметр «трекбэки и пингбэки» можно не устанавливать.
• (7) Главное изображение . Большинство тем WordPress берут это изображение и отображают его где-нибудь на видном месте рядом с вашей страницей.

Когда вы закончите редактировать содержимое страницы, нажмите «Опубликовать».

Теперь, когда мы разобрались с практическими рекомендациями, вот страницы, которые вам следует подумать о создании:

• Примерно — я уже упоминал об этом несколько раз, так как это действительно важный вопрос. На странице «О нас» вы можете рассказать историю вашего веб-сайта и почему люди должны обращать на него внимание.Эта страница просто необходима всем, кто хочет научиться создавать веб-сайт.
• Контакт — здесь вы можете отобразить некоторую контактную информацию вместе с красивой контактной формой, через которую люди могут связаться с вами напрямую (вы можете получить такую ​​форму через вышеупомянутый плагин WPForms).
• Политика конфиденциальности — эта страница стала чрезвычайно важным элементом в современной сети. Узнайте больше о страницах политики конфиденциальности в WordPress здесь.
• Портфолио — место, где вы можете продемонстрировать свои прошлые работы.
• Магазин — незаменимая вещь, если вы хотите продать что-либо со своего сайта. Чтобы это работало, вам также понадобится популярный плагин WooCommerce — лучшее решение для электронной коммерции для WordPress.

Когда вы закончите с ними, вы также можете проверить этот список из 12 ценных страниц, которые стоит разместить на своем сайте.

Шаг 7. Рассмотрите возможность создания блога

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

И это говорю не только я; есть необработанные данные, подтверждающие, что блоги — превосходный инструмент для интернет-маркетинга: 55% маркетологов считают ведение блогов своим главным приоритетом входящего маркетинга.

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

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

Чтобы создать новую запись в блоге, все, что вам нужно сделать, это перейти в сообщений → Добавить новый (с панели инструментов WordPress).

Сам процесс создания сообщения в блоге работает почти так же, как создание новой страницы. Панель редактирования выглядит почти так же (снимок экрана ниже), и параметры в основном такие же.

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

Вот как выглядит добавление нового сообщения в блог:

Когда вы закончите работу над сообщением в блоге, нажмите «Опубликовать.”

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

• Для этого сначала перейдите в Pages → Add New и создайте пустую страницу. Назовите это «БЛОГ» — просто чтобы прояснить ситуацию.
• Затем перейдите в «Настройки » → «Чтение » и выберите вновь созданную страницу блога в качестве «Страницы сообщений», например:

На этом этапе вы можете перейти на эту новую страницу и просмотреть все свои последние сообщения в блоге.

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

Шаг 8. Настройте навигацию по сайту

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

Здесь мы сосредоточимся на двух элементах:

a) Меню

Меню — это основной инструмент, с помощью которого посетители перемещаются по вашему сайту, поэтому они имеют решающее значение при понимании того, как создать сайт.

В зависимости от вашей темы у вас будет несколько вариантов на выбор, касающихся настроек меню. Вот что обычно можно сделать (на примере Гестии):

Сначала перейдите в Внешний вид → Меню на панели инструментов WordPress.

Вы увидите панель по умолчанию:

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

Начнем с выбора пары ключевых страниц и добавления их в меню.Хорошая идея — выбрать «О себе», «Контакты», а также одну или две другие страницы, которые вы считаете важными, и добавить их в меню.

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

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

💡 Примечание. Вы также можете создавать дополнительные меню. Просто нажмите ссылку «создать новое меню», которая видна на скриншоте выше. Это покажет вам ту же панель создания меню. Каждое меню должно отображаться в другом месте. Итак, для этого нового вы можете назначить его как «Меню нижнего колонтитула».

Когда вы перейдете на свой сайт сейчас, вы увидите меню на месте.

б) Виджеты

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

Обычно такие блоки размещаются на боковой панели или в нижнем колонтитуле сайта.

Чтобы увидеть, как это может выглядеть, и настроить виджеты, перейдите в Внешний вид → Виджеты на панели инструментов WordPress. Вы получите этот экран:

Тема Hestia предлагает несколько областей виджетов, помимо боковой панели или нижнего колонтитула, но давайте пока не будем заострять внимание на этих дополнительных местах размещения.

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

Например, как вы можете видеть, на моем сайте у меня есть поиск, последние сообщения, архивы и категории на боковой панели (снимок экрана выше). Вот как выглядят эти виджеты, когда я перехожу на страницу «О нас», например:

…

После того, как вы закончите со своими виджетами и навигацией, ваш сайт в основном готов для всеобщего обозрения!

Видеоверсия этого руководства

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

Заключение

Вот и все! Вы только что узнали, как создать сайт!

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

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

Если у вас есть какие-либо вопросы о том, как создать веб-сайт с нуля, задавайте их в комментариях ниже!

Бесплатный гид

5 основных советов по ускорению

Сократите время загрузки даже на 50-80%

* Этот пост содержит партнерские ссылки. Это означает, что если вы нажмете на одну из ссылок на продукт, а затем купите продукт, мы получим небольшую комиссию.Но не беспокойтесь, вы все равно будете платить стандартную сумму, так что с вашей стороны никаких затрат не будет.

Как создать сайт бесплатно

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

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

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

Шаг 1. Выберите бесплатный конструктор веб-сайтов

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

Например, Wix — самый популярный конструктор в мире, и у него отличный бесплатный план. Однако огромная мощность его редактора означает, что многим людям трудно научиться им пользоваться, и это может быть не лучшим выбором для абсолютных новичков.Узнайте, как создать сайт с помощью Wix, в нашем подробном руководстве.

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

Wix: получите лучший конструктор веб-сайтов бесплатно
Лучший конструктор веб-сайтов из доступных, Wix имеет сотни шаблонов, гибкий редактор и удобный интерфейс перетаскивания.Полный конструктор включен в бесплатный пакет вместе с 500 МБ хранилища, хотя вы не можете использовать собственное доменное имя или создать сайт электронной коммерции, а также отображается крупный рекламный баннер. Однако доступна 14-дневная гарантия возврата денег, если вы захотите попробовать премиум-план.
Просмотреть сделку

Шаг 2: Создайте учетную запись

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

Например, GoDaddy запрашивает ваш адрес электронной почты, имя пользователя и пароль при создании учетной записи. Он также позволяет вам подключить свои учетные записи Facebook и / или Google, чтобы упростить процесс входа в систему.

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

Шаг 3: Выберите шаблон

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

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

Weebly: получите бесплатный доступ к лучшему конструктору электронной коммерции
Weebly — отличный выбор, если вы хотите сосредоточиться на электронной коммерции, предлагая автоматизацию через электронную почту и маркетинг для поддержки своих продаж.Его бесплатный план не требует платежной информации для регистрации и поставляется с 500 МБ хранилища, а также сертификатом SSL. Однако вам необходимо будет использовать домен .weebly.com и показывать определенную рекламу, хотя цены Weebly на премиальные планы начинаются с конкурентоспособных 9 долларов в месяц.
Просмотр сделки

Шаг 4: Выберите поддомен

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

Например, Weebly предоставляет вам домен, который выглядит как «mywebsite.weebly.com», и позволяет настраивать часть «Мой веб-сайт». С другой стороны, GoDaddy просто устанавливает ваш домен как «websitename.godaddysites.com», и вы не можете это изменить.

Шаг 5: Установите глобальные настройки дизайна

Обратите внимание, что мы использовали конструктор веб-сайтов GoDaddy в качестве примера для остальная часть этого руководства, благодаря его популярности и удобному для новичков интерфейсу редактирования.

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

Шаг 6: Добавьте новые страницы и персонализируйте панель меню

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

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

Шаг 7. Настройте свои страницы

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

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

Например, если вы используете GoDaddy, вам просто нужно щелкнуть элемент, который нужно отредактировать. В правой части экрана появятся различные параметры редактирования, и в большинстве случаев вы также сможете редактировать, вводя или добавляя новый контент непосредственно на саму страницу.

Шаг 8: Оптимизация настроек сайта

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

Шаг 9: Опубликовать!

Если вы зашли так далеко, поздравляем! Если вас устраивает общий дизайн и контент, самое время опубликовать. Помните, что после публикации сайта вы сможете продолжить редактирование, поэтому не беспокойтесь, если что-то пойдет не так.

Резюме

В конце концов, создать сайт бесплатно на самом деле очень просто. Просто создайте учетную запись с помощью бесплатного конструктора веб-сайтов, такого как Wix или Weebly, и выполните действия, описанные выше. Хотя в качестве основного примера мы использовали конструктор веб-сайтов GoDaddy, большинство конструкторов веб-сайтов с бесплатным планом подойдут для описанного выше процесса.

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

Если вы хотите узнать больше о конструкторах веб-сайтов, подробно упомянутых в этой статье, прочтите наш обзор конструктора веб-сайтов GoDaddy, наш обзор Wix и наш обзор конструктора веб-сайтов Weebly . Вы также можете увидеть наши сравнения, в которых GoDaddy vs Wix, а также Wix vs Squarespace vs Weebly, чтобы узнать, как некоторые из представленных здесь конструкторов сравниваются друг с другом.

Пошаговое руководство от идеи до запуска

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

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

К счастью, есть и другие способы получить хорошо разработанный веб-сайт, не тратя тысячи долларов. Один из них — сделать эту работу самостоятельно.

Эта статья покажет вам, как создать веб-сайт без каких-либо технических навыков или знаний.

Почему важен веб-дизайн?

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

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

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

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

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

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

Как создать веб-сайт за 10 шагов

В этом разделе приводится пошаговое руководство по созданию веб-сайта.

1. Определите цель вашего веб-сайта

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

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

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

Если вам нужна помощь в определении цели вашего веб-сайта, вот несколько наводящих вопросов:

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

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

2. Исследования для вдохновения в веб-дизайне

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

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

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

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

3. Выберите правильную платформу веб-сайта

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

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

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

В Hostinger наши планы общего хостинга стоят от $ 0,99 / месяц до $ 3,99 / месяц . Все подписки включают гарантию бесперебойной работы 99,9% , бесплатный сертификат SSL и регулярное резервное копирование для обеспечения безопасности файлов.

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

Вот основные преимущества использования WordPress:

• Удобство в использовании. Интерфейс WordPress на основе меню прост в использовании для пользователей любого уровня подготовки, от новичков до разработчиков веб-сайтов.
• Универсальность. Обширная коллекция плагинов WordPress позволяет добавлять пользовательские функции поверх основного программного обеспечения.Таким образом, вы можете создавать различные типы веб-сайтов за несколько кликов.
• Масштабируемость. Поскольку пользователи контролируют свой веб-хостинг, они могут выбрать обновление своего плана, когда им понадобится больше ресурсов для поддержки своего сайта WordPress.
• Доступно. За исключением хостинга, WordPress бесплатный, как и многие его плагины и темы.

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

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

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

Ниже приведены несколько преимуществ использования Zyro Website Builder:

• Управляемый облачный хостинг. Этот создатель веб-сайта позаботится о внутренней настройке и обслуживании своих клиентов.
• Бесплатные инструменты AI. Эти функции могут помочь вам в мозговом штурме вашего личного бренда или визуальной идентичности бизнеса, начиная от названия компании и заканчивая логотипом и слоганом. Генератор AI Content Generator также отлично подходит для создания шаблонов веб-копий.
• Встроенные инструменты SEO. В отличие от WordPress, нет необходимости устанавливать расширение для оптимизации вашего сайта для поисковых систем.Zyro Website Builder оснащен функциями для редактирования замещающего текста изображения, изменения URL-адреса страницы и вставки метаданных для страниц результатов поисковых систем (SERP).
• Многофункциональный интернет-магазин. Отслеживание заказов, управление запасами, применение скидки и несколько вариантов онлайн-платежей доступны пользователям Zyro eCommerce и eCommerce plus. Кроме того, создатель веб-сайта не взимает комиссионных сборов.

Тарифные планы Zyro Website Builder варьируются от $ 1.99 / месяц и 13,99 $ / месяц . Все подписки включают бесплатный SSL-сертификат , удаление рекламы, стоковые фотографии через Unsplash и пользовательский значок для брендинга вашего веб-сайта.

Помимо Zyro, на рынке есть и другие популярные конструкторы веб-сайтов, в том числе Squarespace, Weebly и Webflow.

После выбора создателя веб-сайта убедитесь, что защищено доменное имя, то есть URL-адрес, который посетители вставляют в свой браузер, чтобы открыть сайт, например example.com.

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

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

Не забудьте выбрать соответствующее расширение доменного имени. Обычно используется TLD .com , который является обычным для коммерческих веб-сайтов. Цена начинается от $ 8,99 / год .

Существуют также расширения доменных имен для определенных типов веб-сайтов.Например, .tech отлично подходит для предприятий или проектов, связанных с технологиями.

4. Выберите тему веб-сайта, соответствующую вашим целям

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

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

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

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

Цена за одну тему обычно начинается от 40 долларов за лицензию и выше до сотен долларов.

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

• Набор функций. Лучше всего выбрать тему с функциями, которые подходят для целей вашего веб-сайта. Например, владельцы интернет-магазина могут захотеть использовать тему с готовой страницей магазина, а также макеты для бестселлеров и товаров со скидкой.
• Возможности индивидуальной настройки. Проверьте шрифт, цвет и макет, предоставленные темой. Некоторые разработчики могут также включать несколько готовых страниц и наборов значков.
• Отзывчивость. Посмотрите, может ли тема веб-сайта адаптироваться к размерам экрана настольного компьютера, планшета или мобильного устройства.
• SEO. Разработчики тем могут утверждать, что их продукт имеет чистый и легкий HTML-код, который отлично подходит для повышения производительности и SEO. Один из способов узнать, правда ли это, — проверить файл с помощью службы проверки разметки.
• Совместимость с расширениями. Используйте тему, которая хорошо работает с плагинами WordPress, которые вы планируете использовать, чтобы избежать возможного взлома веб-сайта.
• Совместимость с браузером. Тема должна хорошо выглядеть и правильно работать во всех основных браузерах, таких как Google Chrome, Safari и Firefox.
• Оценки и отзывы. Они могут указать, правильно ли работает тема и с какими проблемами сталкивались предыдущие клиенты.
• Последнее обновление. Желательно, чтобы группа разработчиков обновляла продукт каждые шесть месяцев. Использование устаревшей версии может сделать ваш сайт уязвимым для проблем безопасности.
• Служба поддержки. Посмотрите, какие каналы предлагает разработчик для помощи по теме. Многие предлагают руководства пользователя, документацию или поддержку по электронной почте.

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

Все шаблоны в коллекции Zyro Website Builder с самого начала имеют современный адаптивный дизайн.Они относятся к различным отраслевым категориям, от веб-сайтов электронной коммерции и фотографий до базовых целевых страниц.

Более того, есть готовые разделы, которые легко заменить вашим собственным контентом. Например, бизнес-шаблон Devine имеет страницу со списком всех предлагаемых услуг.

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

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

5. Настройте веб-дизайн

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

Для тех, кто использует WordPress в качестве платформы, откройте Theme Customizer , перейдя в Dashboard -> Appearance -> Customize .

Имейте в виду, что настраиваемость вашего сайта зависит от темы.

Например, Twenty Twenty-One WordPress позволяет редактировать цвет фона и изображение, но нет встроенных настроек для изменения шрифта. Однако для этого можно вставить собственный код CSS.

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

Те, кто использует Zyro Website Builder, могут перейти к Dashboard -> Edit Website. Это даст вам доступ к редактору перетаскивания, в котором вы можете изменять стили дизайна и добавлять новые элементы сайта с боковой панели.

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

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

Ниже приводится краткое объяснение того, что передают все основные цвета:

• Красный. представляет любовь, аппетит или силу. Известные бренды, использующие этот цвет, включают Coca-Cola, Netflix и Target.
• Оранжевый. Символ дружелюбия или осторожности. Amazon использует этот цвет в своем логотипе.
• Желтый. Относится к ясности и молодости. Также обычно используется для привлечения внимания. Энергетическая компания Shell выделяет этот цвет на своем бренде.
• Зеленый. Часто ассоциируется со здоровьем, деньгами и природой. Spotify, Starbucks и Whole Foods — некоторые известные бренды, использующие этот цвет.
• Синий. Символизирует безопасность и доверие. Это также популярный выбор среди технологических брендов, таких как Facebook и Microsoft.
• Пурпурный. Демонстрирует царственность, мудрость и красоту. Вы можете найти этот цвет в конфетах таких брендов, как Cadbury и Milka.

После выбора доминирующего цвета выберите несколько дополнительных цветов для его дополнения.

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

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