Создание сайтов самостоятельно с нуля: 10 шагов, чтобы создать сайт с нуля

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

Как создать веб-сайт: пошаговое руководство на 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.

Как создать собственный веб-сайт с нуля

В 2013 году я создал свой собственный сайт.

Я вошел в процесс довольно уверенно, так как разработал бесчисленное количество страниц Myspace для своих друзей и знал, как использовать кисти в Photoshop. Он у меня был в сумке, да?

Что ж, за первые два года ведения блога я четыре раза менял дизайн своего веб-сайта. ЧЕТЫРЕ.

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

Создание своего сайта своими руками преподало мне два ценных урока:

1. Ничто не предопределено, особенно когда речь идет об Интернете.
2. Вам нужно пространство для маневра, чтобы расти, и смелость, чтобы делать это самостоятельно.

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

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

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

Вы можете задать себе тот же вопрос…

Стоит ли создавать собственный веб-сайт?

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

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

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

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

Создание собственного веб-сайта дает больше преимуществ с точки зрения профессионального развития. Вот несколько…

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

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

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

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

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

Вам не нужны все навороты, когда вы начинаете

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

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

Я часто обнаруживал, что это так. Вот почему мой личный веб-сайт, по сути, представляет собой набор самых простых страниц: Главная, О нас, несколько услуг, Портфолио, Продукт, Блог и Контакты.

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

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

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

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

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

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

Как создать собственный веб-сайт с нуля

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

Готовы создать свой собственный веб-сайт?

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

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

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

🚀 Обновление за июнь 2021 года:

Мы недавно открыли для себя Warpgate и мгновенно влюбились — это на порядок проще, чем традиционные способы, описанные в статье ниже.

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

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

Из-за этого мы уже используем Warpgate для десятка сторонних проектов.

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

Обратите внимание, если вы все же решите использовать Warpgate, мы рекомендуем сразу перейти к шагу 3 этого руководства — шаги 1 и 2 будут сжаты менее чем за минуту и ​​пару кликов для вас.

***

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

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

Да, мы все очень хотим начать, но я предлагаю сначала обсудить пару вещей (не беспокойтесь, это займет у вас не более 5 минут). Однако, если вы уже дрожите от тяги к созданию сайтов и хотите СЕЙЧАС НАЧАТЬ, просто прокрутите пару абзацев вниз, используя эту ссылку на странице.

Первые дела в первую очередь

Во-первых, давайте проясним с самого начала: хотя это руководство совершенно бесплатно (да!), Оно не касается создания бесплатного веб-сайта .Верно, технически это возможно сделать, не тратя ни копейки, но тогда вам придется прибегнуть к использованию бесплатного хостинга (который в основном отстой) или бесплатного плана подписки для конструктора сайтов, такого как Weebly (который будет показывать рекламу и их брендинг на вашем сайте, уф). Самая большая причина, однако, заключается в том, что вы не можете получить бесплатно доменное имя в этом случае, а использование чужого имени, например mysite.weebly.com, просто не мотивирует ваших посетителей воспринимать вас всерьез. .

Во-вторых, для тех из вас, кто спрашивает «кто вы такой, чтобы говорить мне, как делать вещи ?!», вот краткий обзор плохо скрываемого самовосхваления: меня зовут Андрей Шехирев, я основатель Satori Webmaster Academy (также известный как этот сайт). Помимо создания веб-сайтов для моих собственных проектов и для других людей с 2007 года, я являюсь элитным автором (клянусь, так они это называют) на ThemeForest, крупнейшем в мире рынке шаблонов веб-сайтов — мои продукты помогли более чем 2000 человек создают свои сайты (и нет, я не буду их здесь рекламировать).

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

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

Но вот в чем прелесть: эта договоренность не влияет на сумму, которую вы платите , потому что продавец компенсирует нам свои деньги — для них это все равно, что перенаправить рекламные расходы. Так что да, если вам нравится это руководство, подумайте о покупке хостинга по нашим ссылкам. Заставим огромную транснациональную корпорацию заплатить, муахахах!

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

Некоторые заблуждения — разорены!

Myth numero uno: Вам нужно уметь кодировать, чтобы создать сайт . Конечно, у вас. ЕСЛИ ВЫ ЖИВЕТЕ В 1994 ГОДУ! А если серьезно — как и следовало ожидать, технология немного продвинулась вперед с первых дней Интернета, и большая часть процесса создания сайтов уже давно автоматизирована. Включая написание собственно кода. Вам просто нужно выбрать наиболее подходящие инструменты и знать несколько важных моментов (об этом и идет речь в этом руководстве).

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

Миф номер три: для создания веб-сайта требуется много времени . Ну, иногда бывает, особенно если вы новичок и учитесь с нуля. Но если вы хорошо разбираетесь в этом и сосредотачиваетесь на правильных вещах, вы можете запустить и запустить страницу МЕНЕЕ ПОЛОВИНЫ ЧАСА.И вся цель этого руководства — помочь вам в этом, так что приступим!

Шаг 1 из 4. Получите домен и хостинг

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

Кстати, вам также нужно зарезервировать сам адрес (например, .com ), которое называется доменным именем . К счастью, вы можете сделать и то, и другое за один раз, так как многие хостинг-провайдеры также предлагают домены в комплекте.

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

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

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

• Рассмотрите возможность использования одного из новых доменных расширений, таких как .co , .online , .shop или .site вместо общего (и очень многолюдного) .com .
• Ищите синонимы к своему основному ключевому слову с помощью бесплатных онлайн-инструментов, таких как Thesaurus.com — каждое новое базовое слово открывает целый ряд возможностей для доменного имени, которые могут остаться невостребованными.
• Воспользуйтесь одним из специализированных инструментов для мозгового штурма доменного имени. Лучшее, что я знаю (и сам довольно часто использую), — это бесплатный Dot-o-Mator, который позволяет комбинировать исходные слова с кучей префиксов и суффиксов, упорядоченных по темам.
• Попробуйте добавить простые универсальные компоненты, которые сделают ваше доменное имя более уникальным (и, следовательно, менее вероятным), например, «the» в начале имени или дефис для разделения двух слов.
• Дефисы и числа — последнее средство, но в некоторых случаях они могут помочь найти свободный номер .com на случай, если все вышеперечисленное не сработает.

Готово? Хорошо, теперь мы готовы начать. Нажмите кнопку ниже, чтобы перейти на страницу предложений GoDaddy со специальными скидками на хостинг. Кстати, помните тот пакет хостинг + домен, о котором мы упоминали ранее? GoDaddy в настоящее время предлагает БЕСПЛАТНУЮ регистрацию домена с каждым планом хостинга, что экономит вам дополнительно 12 долларов США (обычная стоимость домена .com):

Получите скидку 43% на хостинг GoDaddy + бесплатный домен ›

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

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

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

Вам также не понадобится опция «Essential Security», которую также легко получить бесплатно, как только вы начнете работать (уговаривайте! Сэкономлено еще 83 доллара).

Наконец, есть опция SSL-сертификата: это дополнительный уровень шифрования, который делает трафик вашего веб-сайта безопасным и, что более заметно для посетителей, отображает обнадеживающий зеленый замок со значком «Безопасность» в адресной строке браузера.В дополнение к этому с июля 2018 года Google Chrome начал отображать четкий значок «Небезопасно» для веб-сайтов без SSL, недвусмысленно давая нам понять, что он просто не любит незащищенные веб-сайты:

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

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

Мы готовы перейти к домену (теперь бесплатному): после нажатия зеленой кнопки «Продолжить» вы увидите строку поиска для ввода имени, которое вы выбрали ранее.После выполнения поиска нажмите синюю кнопку «Выбрать и продолжить» рядом с доменным именем, добавив его в корзину.

Заключительный этап заказа хостинга! Я втайне взволнован, так как это один из тех моментов, в которых «но подождите, станет лучше»: используя наш промокод, вы можете сэкономить еще 30% от окончательной цены.

Просто нажмите на «Есть промокод?» ссылку чуть ниже раздела «Итого» в правом нижнем углу страницы заказа (да, GoDaddy сделал это максимально незаметным 🙂 затем введите эту комбинацию во всплывающем окне и нажмите Применить:

GDD1hos

ТЕПЕРЬ вы готовы приступить к обычным действиям — нажмите «Создать учетную запись» слева, введите свою учетную запись и платежную информацию и завершите заказ.Что-то мне подсказывает, что вы уже совершали покупки в Интернете раньше, поэтому я пропущу эту часть, если вы не возражаете.

Готово? Давайте посчитаем: мы только что сэкономили 92 доллара на хостинге, и долларов — 23 + 83 = 106 долларов на второстепенных функциях, которые вы можете добавить бесплатно позже. Как будто этого было недостаточно, еще около 12 долларов можно сэкономить, получив домен бесплатно. На данный момент это 210 долларов экономии . Хорошо хорошо. Знаете, что еще лучше? Выполнение остальной части этого руководства не будет стоить вам ни копейки!

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

..
..

Обновился? Теперь к шагу 2.

Шаг 2 из 4. Установите WordPress

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

Если вам интересно, «что, черт возьми, такое WordPress», короткая интерлюдия: WordPress или сокращенно WP — это то, что они называют системой управления контентом: по сути, часть программного обеспечения, которая помогает вам запускать весь ваш веб-сайт, начиная с от его дизайна и содержания до настроек и структуры.

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

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

Хорошо, к делу. Войдите в свою недавно созданную учетную запись GoDaddy — вы увидите список своих продуктов. Щелкните строку «Веб-хостинг», чтобы развернуть ее, затем нажмите кнопку «Управление» справа. На новой странице вы увидите большую синюю кнопку с надписью «cPanel Admin» — это то, что мы ищем! (другими словами, нажмите на нее)

Вы будете перенаправлены на панель управления хостингом — это важное место, которое вы, несомненно, будете посещать много раз в будущем.Но пока давайте найдем «WordPress» в разделе «Веб-приложения» (он должен выглядеть как белая буква «W» в сером круге, как глаз Пакмана, пожирающего мир) и щелкните по нему. Вы попадете в мастер установки под названием ..

Нажмите кнопку « + Установить это приложение » в правом верхнем углу, чтобы перейти к важному моменту: на экране параметров установки мы продолжим и изменим несколько настроек.

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

Убедитесь, что поле Directory оставлено пустым, чтобы WordPress был установлен в качестве основной системы управления контентом для вашего нового веб-сайта.

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

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

Чтобы убедиться, что мы на правильном пути, ряд вариантов в этом разделе должен быть «3-2-2-1», или, для наглядности:

Наконец, есть раздел Settings , в котором вам нужно заполнить первые пять полей (оставьте два последних переключателя без изменений). Сначала введите имя пользователя и пароль администратора веб-сайта. И ради всего святого, не использует слова «админ» и «пароль» — придумайте что-нибудь, что немного сложнее угадать! Поскольку WP настолько популярен, многие хакеры охотятся на сайты WordPress со слишком простыми учетными данными администратора.

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

Мы закончили! Нажмите кнопку + установить внизу и подождите, пока волшебные феи установят для вас WordPress. Когда они будут готовы, вы увидите три ссылки под названием своего веб-сайта: нажмите на вторую ссылку — ту, которая заканчивается на «wp-admin», это стандартное окончание панели администратора WordPress для данного веб-сайта.

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

.. ты чувствуешь запах? Аромат свежего сайта утром! Просто люблю это чувство начинать что-то новое.

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

Шаг 3 из 4. Настройка WordPress

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

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

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

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

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

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

Самые полезные админки WP

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

Ну, наверное, это был самый быстрый тур по WP! Чтобы завершить настройку, давайте настроим несколько параметров в разделе Settings в самом низу меню администратора:

Настройки → Общие: помните, я сказал, что вы можете редактировать «Заголовок сайта» и «Слоган сайта» позже? Вот где это можно сделать.Также убедитесь, что параметры «Членство», «Часовой пояс», «Формат даты», «Формат времени» и «Начало недели» установлены в соответствии с вашими предпочтениями.

Настройки → Чтение: пока просто обратите внимание на этот раздел; здесь вы сможете настроить главную страницу своего веб-сайта для отображения сообщений блога или статической страницы (после того, как вы решите, какая из них вам нужна). Если вы не настроили страницу сообщений блога в качестве главной страницы, вы сможете выбрать для нее другое место — просто создайте новую пустую страницу в административном разделе Pages , упомянутом ранее.Затем вернитесь сюда и используйте его в качестве страницы для сообщений в блогах, не занимающих лицевую позицию; эта страница автоматически начнет отображать ваши сообщения, как только вы сохраните изменения.

Настройки → Обсуждение: , если вы хотите разрешить людям комментировать сообщения в блоге / новостной ленте вашего веб-сайта, обязательно отметьте флажком «Разрешить людям публиковать комментарии к новым статьям», а также «Разрешить цепочки комментариев. »(Чтобы люди могли отвечать на комментарии друг друга) и« Комментарий должен быть одобрен вручную »(иначе вы получите СТОЛЬКО СПАМА).Что бы вы ни делали, снимите флажок «Разрешить уведомления о ссылках из других блогов», это просто для того, чтобы разрешить много спама. Наконец, взгляните на раздел «Пишите мне когда угодно» и убедитесь, что параметры установлены в соответствии с вашими личными предпочтениями.

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

В принципе, все! Теперь вы можете поиграть со своим новым веб-сайтом и начать добавлять контент. Однако есть еще один шаг, который отчасти необязателен, но, опять же, более важен:

Шаг 4 из 4. Добавьте тему и плагины

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

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

Но вот бесстыдный замысел: я продолжу и предлагаю попробовать нашу собственную многоцелевую тему WP под названием Bento (вы можете видеть, что мы в Японии здесь, в Satori 🙂

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

Получите тему Bento бесплатно ›

Вдобавок к этому, Bento хорошо документирован (чего нет в мире WordPress) и имеет специальные форумы поддержки, на которых мы отвечаем на все вопросы по теме.

/ конец вопиющего саморекламы /

Что касается плагинов, то в любое время доступно буквально 50 000+ различных бесплатных, добавляющих на ваш сайт различные новые функции, от переводов и всплывающих окон до форумов и сообществ (и нет, мы не создаем плагины, поэтому не ожидайте, что см. ссылку на расширение «Суши» или «Камикадзе»).

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

• Akismet для автоматической фильтрации ваших комментариев от спама. Это спасатель! Или, по крайней мере, для экономии времени, поскольку он легко отбрасывает все входящие комментарии со спам-ссылками и спамерскими формулировками. Akismet использует какие-то фанковые алгоритмы вуду с машинным обучением, чтобы со временем стать лучше.
• Все в одном SEO для поисковой оптимизации. Это, вероятно, один из лучших плагинов WP для настройки правильных метаданных на вашем веб-сайте, чтобы ваш контент не выглядел как дерьмо в результатах Google.Google очень любит такое внимание к деталям.
• Панель управления Google Analytics для отслеживания входящих посетителей. Разумеется, вам также понадобится реальная учетная запись Google Analytics, которую вы можете бесплатно открыть на их официальном сайте.
• Контактная форма 7, чтобы посетители могли отправлять вам сообщения. Чтобы получать электронное письмо каждый раз, когда кто-то оставляет сообщение на вашем веб-сайте, вам также необходимо установить плагин почтовой программы, такой как WP Mail SMTP. Вот несколько ссылок, которые помогут вам настроить его работу с почтовой системой GoDaddy: 1, 2.
• WooCommerce для продажи товаров в Интернете! Позволяет легко превратить ваш сайт на WP в полноценный интернет-магазин с перечнем товаров, воронкой оформления заказа и платежным шлюзом. Для последнего вам может потребоваться установить дополнительные надстройки WooCommerce (плагины для плагинов, да), которых десятки (некоторые не бесплатны, заметьте).

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

Полезные советы (необязательно)

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

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

Во-первых, очевидные рекомендации (которым не следуют 99%): не используйте «admin» для имени пользователя панели администратора WP, просто используйте любое другое слово.Одно это сделает ваш сайт WordPress в тысячу раз труднее взломать. И используйте надежный пароль — с заглавными буквами, цифрами, символами и т. Д. Для дополнительной надежности используйте двухфакторную аутентификацию (дополнительный код, генерируемый вашим смартфоном при входе в систему).

Еще одна очевидная привычка, которую многие игнорируют: поддерживать свой WordPress, а также плагины и темы в актуальном состоянии. Мы уже рассмотрели это на шаге 2 («Установка WordPress»), но также имеет смысл обращать внимание на любые уведомления об обновлениях в вашем администраторе WP.

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

Совет № 2: Простое автоматическое резервное копирование. Потому что вы не хотите тратить время на то, чтобы делать это каждый раз вручную. У вас есть дела поважнее, например, создание контента для вашего нового веб-сайта! Одно слово: UpdraftPlus. Это бесплатно, его легко настроить, и вы можете хранить резервные копии в разных местах, от вашего собственного сервера (хотя и не рекомендуется) до облачного хранилища.

Я лично использую опцию Google Drive в Updraft, которую стало еще проще настроить после того, как они представили собственную интеграцию. P.S. в бесплатной версии есть все, что нужно для обычного веб-сайта, я никогда даже не пробовал версию Pro, несмотря на то, что запустил несколько онлайн-проектов разной сложности.

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

Более того, в зависимости от цели вашего веб-сайта, вы, вероятно, столкнетесь с необходимостью использовать дополнительные типы контента — в большинстве случаев это легко достижимо с помощью бесплатных плагинов WP.Например, если вы фотограф или дизайнер, Easy Photography Portfolio позволит вам создать отдельный раздел с фотографиями и демонстрировать их в модных галереях. Если вы планируете продавать товары на своем веб-сайте, WooCommerce автоматически создаст для вас тип контента «продукт». Просто просмотрите репозиторий плагинов, есть почти 100% вероятность, что то, что вам нужно, уже создано и доступно бесплатно.

Вам вообще нужен сайт?

Еще кое-что, прежде чем мы закончим — гм.. Я не знаю, как это выразить, поскольку мы уже зашли так далеко с настройкой нашего веб-сайта … но, что ж, этот вопрос также должен быть рассмотрен: вам вообще нужен веб-сайт?

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

• Страница Facebook может легко работать как полноценный веб-сайт и может рассматриваться как такая замена для многих местных предприятий.Встроенная система рейтингов и простая индексация Google — это лишь некоторые из преимуществ, которые вы получаете прямо из коробки.
• Аккаунт в Instagram — вероятно, самая простая альтернатива автономному веб-сайту, особенно если ваш проект очень наглядный. В настоящее время существует множество инструментов, которые даже позволяют продавать товары прямо из вашей ленты Instagram.
• Medium — это бесплатный сервис для ведения блогов с удобным минималистичным интерфейсом для письма и возможностью монетизировать ваш контент, если ваши письменные навыки не выдерживают испытания.
• Блог Tumblr имеет смысл, если вы пришли сюда просто для удовольствия — настроить личную ленту, в которой вы собираете интересные материалы из интернета, никогда не было так просто.
• Настройка WordPress.com находится где-то посередине между самостоятельным размещением WordPress и универсальными конструкторами сайтов; возможно, он быстрее запускается и уже включает хостинг, но вводит некоторые ограничения (например, невозможность устанавливать плагины до тех пор, пока вы не перейдете на определенный платный план).
• Конструкторы сайтов созданы как комплексные решения, которые охватывают все, от доменов и хостинга до контента и продвижения под одной крышей. Меньше сложности? Действительно! Больше свободы? Возможно нет.

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

Между тем, не стесняйтесь сообщить нам в комментариях, что вы, , думаете об этой дилемме: когда лучше сказать «да, мне действительно нужен собственный веб-сайт» и начать его создавать.Давайте обсудим!

Подведение итогов / Время контроля качества

Bazinga! Мы только что научились создавать веб-сайты, сэкономили более 200 долларов и, может быть, даже повеселились … может немного? .. Хорошо, наверное, это было больше работы, чем удовольствия, но оно того стоило.

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

Ты все еще здесь? Честно говоря, я немного удивлен.Ну, я не знаю … если у вас остались какие-либо вопросы относительно того, о чем мы говорили в руководстве, дайте мне знать в разделе комментариев ниже, я время от времени проверяю это серьезно. И если вы хотите добавить что-то к руководству или критиковать меня, держите это при себе !! Шучу, конечно, тоже очень приветствуется и т. Д. И т. Д.

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

Как создать привлекательный веб-сайт с нуля

Хорошо, давайте создадим сайт.

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

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

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

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

1. Веб-хост — Думайте о создании своего веб-сайта, как о строительстве дома. Прежде чем строить, нужно купить участок земли. Веб-хостинг — это участок земли, на котором вы будете создавать веб-сайт.
2. Доменное имя — Это адрес вашего веб-сайта: www.your-website.com .
3. WordPress — WordPress — это конструктор веб-сайтов, на котором мы остановимся в этом руководстве.Это программное обеспечение, которое позволяет вам выбирать дизайн и поддерживать ваш сайт в актуальном состоянии. Есть и другие варианты, такие как Wix или Tumblr, если вам просто нужен очень простой блог, но WordPress широко используется и надежен, с множеством вариантов настройки.

Шаг 1. Настройте свой веб-хостинг

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

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

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

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

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

---

Шаг 2. Выберите доменное имя

А теперь самое интересное — выбор адреса для вашего сайта.

www.your-new-website.com

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

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

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

Здесь вы можете найти выбранное вами доменное имя и посмотреть, доступно ли оно.Если да, то все твое!

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

---

Шаг 3. Установите WordPress

Теперь мы собираемся установить наш конструктор сайтов, WordPress.

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

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

А потом установить WordPress …

Вам будет предложено создать логин и пароль WordPress, и все готово!

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

С новыми учетными данными войдите в WordPress и давайте проявим творческий подход.

---

Шаг 4. Выберите «тему» ​​

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

Начните с перехода к Внешний вид > Темы > Добавьте новую тему .

Здесь вы можете просмотреть множество бесплатных шаблонов или выбрать отображение последних и популярных тем.

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

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

---

Необязательный шаг 4.5: попробуйте платную премиум-тему

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

---

Шаг 5. Настройте свой новый сайт

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

Вернувшись на страницу темы , нажмите настроить .

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

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

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

---

Шаг 6. Всегда используйте профессиональные высококачественные изображения

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

---

Шаг 7. Добавление новых страниц

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

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

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

Нажмите кнопку «Опубликовать», и он появится на вашем новом веб-сайте.

---

Шаг 8. Добавьте сообщения в блог на свой веб-сайт

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

Все, что вам нужно сделать, это нажать «Сообщения», а затем «добавить новые». Теперь вы можете создать сообщение в блоге, добавив текст и изображения. Простой!

---

Шаг 9: Продолжайте экспериментировать!

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

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

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

Попробуйте сами. Это проще, чем вы думаете, и к концу дня вы можете быть в сети. Удачи!

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

Как создавать веб-сайты с нуля: код с HTML и CSS

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

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

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

500 000+ студентов не лгут

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

Что люди говорят о Брэде?

«[Брэд] ЛУЧШИЙ инструктор по программированию на планете. У Брэда есть страсть к преподаванию, и он делает это с радостью. Он вкладывает все свое сердце в свои уроки и заставляет вас чувствовать себя непринужденно. приятель болтает с вами — только на этот раз вы осваиваете ценные навыки.Он из тех парней, которые увлечены преобразованием жизни людей с помощью своих уроков. Он не гонится за деньгами. Он действительно хочет, чтобы вы добились успеха. Три сердечных приветствия Брэду — лучшему инструктору по программированию на планете Земля «.

— Цицерон, ученик Брэда

» … Эти видео хорошо созданы, краткие, динамичные, легко читаемые, и достаточно забавно, чтобы заставить вас хихикать, когда вы отбрасываете строки кода.

No related posts.