Как создать сайт: руководство для начинающих от А до Я

В этой статье я покажу вам основные шаги по созданию сайта.


  1. Зарегистрировать доменное имя
  2. Зарегистрироваться на веб-хостинг
  3. Создай свой сайт
  4. Подтвердите и протестируйте свой сайт
  5. Тонко и расти

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

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

Contents

Почему вы создаете сайт

Прежде чем мы начнем, важно сначала определить вашу цель.

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

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

Некоторые типичные причины, по которым сайт создан:

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

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

Основные шаги по созданию собственного сайта

Как только вы разобрались с целями своего сайта, пришло время строить! Чтобы начать, вам нужно сначала …

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

Что такое доменное имя?

Для запуска сайта первое, что вам нужно, это доменное имя.

Доменное имя – это адрес, который идентифицирует ваш сайт в Интернете. Некоторые примеры включают Yahoo.com, Google.com или BuildThis.io (веб-сайт, который вы сейчас читаете).

Где зарегистрировать доменное имя?

Чтобы владеть доменом, вам необходимо зарегистрировать его у регистратора доменов..

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

Как выбрать имя домена?

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

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

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

Полезные советы

  • Если вам сложно определить доменное имя, вы всегда можете использовать генераторы доменных имен для идей. Некоторые из наиболее популярных Wordroid а также Lean Поиск домена.
  • Если вы новичок, мы рекомендуем пойти в GoDaddy или Namecheap, чтобы найти доменное имя. Оба позволяют новичкам легко купить и зарегистрировать доменное имя.

2. Зарегистрируйте учетную запись веб-хостинга.

Что такое веб-хостинг?

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

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

Каковы ваши выборы в хостинге??

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

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

Хостинг платформа для начинающих

Если вы только начинаете – базовый виртуальный хостинг обычно достаточно хорош. Для этого я рекомендую Единый план Hostinger – который позволяет вам разместить один веб-сайт по низкой цене всего $ 0,80 / мес..

Хостинг ХостингHostinger Single Plan – хостинг одного веб-сайта с 10 ГБ хранилища SSD и пропускной способностью 100 ГБ (более чем достаточно для начинающих) по цене 0,80 долл..

Платформа хостинга для электронной коммерции / интернет-магазинов

Если вы планируете продавать товары напрямую со своего веб-сайта (интернет-магазина), то вам следует проверить Shopify Basic (начальная цена $ 29 / месяц).

Shopify ПлатформыShopify использует 800 000 интернет-магазинов, включая NBA Lakers Store и Tattly.com. Shopify Basic начинается с $ 29 / месяц.

Платформа хостинга для простых в создании сайтов / малого бизнеса

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

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

Полезные советы

  • Доступны различные виды хостинга: виртуальный хостинг, хостинг на выделенных серверах и облачный / VPS хостинг..
  • Если у вас небольшой веб-сайт, дешевле использовать планы совместного хостинга. Для больших сайтов рекомендуется использовать либо облачный, либо выделенный хостинг..
  • Некоторые ключевые качества, которые необходимо учитывать перед выбором веб-хостинга, – это цены, скорость работы сервера и время безотказной работы. Hostinger (для новичков), а также InMotion Hosting и SiteGround (для больших веб-сайтов), являются одними из популярных имен.
  • Если вы планируете продавать товары напрямую со своего веб-сайта, рассмотрите возможность использования магазина, такого как Shopify или BigCommerce..

3. Создайте свои веб-страницы

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

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

Для тех, кто делает DIY, есть три простых способа создания веб-страницы:

1- Что вы видите, то, что вы получаете (WYSIWYG) веб-редактор

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

Чтобы использовать этот метод, лучше всего иметь базовые навыки HTML / CSS и некоторые общие знания о том, как работает Интернет..

Существует несколько веб-редакторов WYSIWYG – некоторые из них бесплатны для некоммерческого использования, в то время как другим может потребоваться платная лицензия.. Microsoft Expression Web, Google Web Designer, BlueGriffon, а также Открытый элемент Есть несколько хороших, чтобы проверить.

Для программы FTP – FileZilla а также WinSCP два лучших бесплатных варианта.

Microsoft Expression - WYSIWYG редакторПример. Вот скриншот веб-редактора Microsoft Expression. Список папок (слева) – структурируйте свой сайт, используя папки. Редактор (в центре) – напишите и отформатируйте свой текст здесь. Styles / Toolbox (справа) – стиль и дизайн вашей страницы с использованием CSS (необязательно). Обратите внимание, что вам нужно будет создать индекс имени страницы (.html / .htm / .php / .asp) – он будет работать в качестве домашней страницы вашего сайта..

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

2- Использование системы управления контентом (CMS)

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

Если вы еще не слышали об этом – WordPress, обеспечивающий ~ 33% всех веб-сайтов в Интернете, является самая популярная CMS в мире.

Для тех, кто выбирает вариант обычного хостинга на шаге №2, вы можете установить WordPress всего за несколько кликов.

Установка WordPress в HostingerВот как вы можете настроить WordPress на Hostinger. Войдите в свою учетную запись Hostinger, перейдите на сайт > Автоинсталлятор > WordPress > Установите пароль и имя сайта > устанавливать.

После установки WordPress вы получите базовую структуру веб-сайта. Затем вы можете создавать свои веб-страницы, используя шаблон WordPress. Готовые шаблоны WordPress доступно бесплатно на WordPress.org (официальный каталог тем). Или вы можете купить премиальные шаблоны от профессиональных разработчиков, таких как Elegant Themes или Artisan.

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

Примечание. Вы не можете использовать CMS, если на шаге 2 вы решили использовать платформу «Bundle», такую ​​как Wix или Weebly..

3. Использование перетаскивающего сайта / магазина

Перетаскивание сайта / магазина – это самый простой и быстрый способ создать сайт.

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

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

Wix демо

Создание и редактирование сайта с помощью Wix EditorСоздание веб-страницы на сайте Wix: Меню сайта (слева) – здесь можно управлять страницами, выбирать фон сайта, настраивать навигацию по сайту, добавлять тексты и ссылки, загружать изображения и т. Д .; Выравнивание (по центру / слева) – упорядочить и выровнять элементы сайта здесь; Предварительный просмотр (вверху справа) – сохраняйте, просматривайте и публикуйте свой веб-сайт.

Разработка веб-сайта с использованием готовых шаблонов WixШаблоны Wix – в Wix есть сотни готовых шаблонов (см. Все).

Shopify демо

Создание и редактирование сайта с помощью редактора ShopifyСоздайте свой интернет-магазин с заранее созданной темой в Shopify. Меню (слева) – здесь можно выбрать темы и добавить элементы магазина (слайды, заголовки, изображения, колонтитулы и т. Д.); Предварительный просмотр (в центре / справа) – Предварительный просмотр вашего магазина здесь.

Shopify шаблоныShopify предлагает широкий выбор бесплатных и премиальных тем (см. Образцы).

Hostgator Сайт Строитель Демо

Gator Website BuilderИспользование Gator Website Builder – Меню (слева) – Выберите темы, добавьте страницы и добавьте раздел страницы здесь; Предварительный просмотр (по центру / справа) – перемещение между страницами в верхней панели навигации; сохранить, предварительно просмотреть и опубликовать ваш сайт.

Бесплатные темы в Gator Website BuilderПолностью настраиваемые и отзывчивые шаблоны сайтов, предлагаемые в Hostgator Website Builder.

Полезные советы

  • Просмотрите бесплатные шаблоны сайтов электронной коммерции от Shopify, BigCommerce, Wix и Weebly на одной странице
  • Пошаговые инструкции по созданию сайта с использованием Wix
  • Смотрите примеры сайтов, созданных с помощью Wix
  • Пошаговые инструкции по созданию сайта с помощью Shopify
  • Смотрите примеры сайтов, созданных с помощью Shopify

4. Проверка и тестирование вашего сайта

Когда ваш веб-сайт будет готов – пришло время проверить и протестировать его работу в основных браузерах (Chrome, Firefox, Safari, Microsoft Edge, IE 11 и т. Д.), А также на экранах разных размеров..

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

Проверка разметки

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

Что такое проверка разметки? Языки кодирования или сценарии, такие как HTML, PHP и т. Д., Имеют свои собственные форматы, словарь и синтаксис. Проверка разметки – это процесс проверки соответствия вашего сайта этим правилам..

Тест браузера

Протестируйте свой сайт в разных браузерахПерекрестное тестирование вашего сайта для 115 различных браузеров за один раз BrowserShots.

Тест экрана

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

5. Тонкая настройка и расширение вашего сайта

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

Тонкая настройка скорости сайта

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

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

Если ваша текущая скорость сайта низкая, узнать, как его улучшить.

Улучшить видимость поиска по сайту

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

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

Для получения дополнительных советов по SEO, прочитайте наше руководство по манекенам по SEO..

Внедрить HTTPS

С тех пор, как Google Chrome начал маркировать веб-сайты HTTP «Незащищенные», сертификат SSL стал большой проблемой. Чтобы убедиться, что ваш сайт пользуется «доверием» пользователей, необходимо установить HTTPS-соединение..

Добавить необходимые страницы

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

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

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

Пример сайта - HausПример – домашняя страница Haus имеет понятное навигационное меню и дизайн в стиле галереи (идеально подходит для демонстрации продукции).

О странице

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

Пример сайта - бульдог по уходу за кожейПример – страница About Bulldog Skincare отправляет привлекательное и запоминающееся сообщение.

Страница контактов

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

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

Расширьте свои возможности в социальных сетях

Ваш веб-сайт также должен присутствовать в социальных сетях, где тусуется большая часть вашей целевой аудитории. Для BuildThis.io это означает Facebook и Twitter. Для других это может быть LinkedIn, Tumblr или Pinterest..

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

Добавить favicon

Вы видели письмо «В”В желтом кружке слева от вкладки браузера? Это известно как «favicon». Как и логотип, значок сайта – это визуальный элемент меньшего размера, представляющий веб-сайт..

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

Сделать сайт часто задаваемые вопросы

Можете ли вы сделать свой собственный сайт бесплатно?

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

Как мне создать сайт для моего бизнеса?

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

Какой лучший конструктор сайтов?

«Лучший» – это субъективный термин – то, что лучше для нас, может не подойти вам. По популярности – Squarespace – самый популярный сайт-конструктор с долей рынка 22%. За ними следуют GoCentral Wix и GoDaddy на втором и третьем месте соответственно.

Могу ли я создать сайт в Google?

Google предлагает Sitebuilder как часть своего ассортимента продуктов G Suite. Цены начинаются с $ 5.40 / пользователь / месяц.

Как мне создать PDF с сайта?

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

Сделай это сейчас!

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

* Перевод: EN ID

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map