Как создать сайт с нуля?
Создать сайт с нуля самому в настоящее время не составляет большого труда. Ещё несколько лет назад вебмастера писали коды, создавали скрипты, изучали языки программирования. Сейчас уже всё сделали за нас облегчили труд обычного пользователя интернета, разработали конструкторы для создания сайта. Всё что нужно уметь вставить картинку, видео и написать интересную статью, предложить товар или поделиться своим опытом с другими.
Создайте свой сайт без технических навыков, опыта и знаний сидя у себя дома и не надо платить за разработку сайта кому-либо. Вы сами дизайнер своего сайта, нужно только попробовать. Для вас 10 дней бесплатного тестового периода. Не понравиться вернётесь обратно в поиски как зарабатывать без своего сайта.
Для чего нужен сайт?
Сразу же напрашивается другой вопрос, как вы собирались продвигать своё дело, свой бизнес без интернета в наше время когда большая часть денег крутится через электронные платежные системы, банки и т.д. , огромная часть покупок осуществляется через глобальную сеть, а именно на сайтах. Всю информацию о вас и о вашем бизнесе можно получить конечно же на вашем красивом созданным самому вебсайте. Неважно что будете продавать (себя как специалиста в определённой сфере или продавать носки, автомобили) вам нужен вебсайт. Можно так же иметь свой сайт расценивая его как хобби, делиться своими знаниями с людьми, общаться с ними и при этом зарабатывать на рекламе, партнёрских программах и т.д. Если вы в реальной жизни индивидуальный предприниматель, самозанятый или интернет предприниматель вам просто необходимо иметь свой сайт, свой адрес в интернете. Заявите о себе всему миру.
Создать сайт бесплатно новичку.
Конечно же вы создадите сайт бесплатно потому что сделаете его сами. Но заплатить за регистрацию доменного имени и хостинга придётся. Есть бесплатный хостинг , бесплатный домен если его можно так назвать, но зачем они вам для серьёзного бизнеса. Такие сайты созданные на бесплатном хостинге не любят поисковые системы как Яндекс и Гугл, эти сайты они спускают на дно где днём с огнём пользователь интернета их не найдёт. Вам это надо?
Быстро создать сайт.
Дорогие друзья, на первый взгляд покажется что очень много и долго придётся разбираться. Это не так, я очень коротко показал и рассказал как можно быстро создать сайт. Вам потребуется меньше часа чтобы узнать самое главное и сделать первые шаги в разработке вашего собственного вебсайта. В дальнейшем, можете мне поверить, что вы будете создавать сайт за 5 минут.
После прочтения этого материала, вы будете знать и уметь:
- Зарегистрируетесь на хостинге.
- Зарегистрируете и купите домен.
- Установите SSL-сертификат.
- Установите движок WordPress.
- Выберете и установите тему.
- Создадите свою первую страницу.
- Добавите необходимые и дополнительные плагины.
- Добавите виджеты.
- Создадите формы для контактов.
- Почту на хостинге добавите.
- Установите рекламные баннеры.
Ну что погнали? Первым действием нужно зарегистрироваться на хостинге это там где будет храниться ваш сайт. Хостинг называется Timeweb жмем здесь и переходим на сайт.
1, Регистрация очень простая. Вы можете зарегистрироваться через Вконтакте или вписать ваше имя и действующий Email. На вашу электронную почту придут реквизиты для входа в аккаунт то есть логин и пароль (пароль всегда можно поменять).
Вы видите свой кабинет, ваш тариф по умолчанию YEAR + за 169 рублей в месяц или 2028 рублей в год (выгодно оплачивать за год сразу), вы всегда можете легко поменять тариф если вам надо будет иметь более одного сайта и больше дисковой памяти, соответственно увеличиться оплата за хостинг.
2, Теперь важный момент, надо подобрать и зарегистрировать доменное имя. Старайтесь подобрать имя соответствующее вашей деятельности, например: вы ИП и ваша деятельность продажа и установка пластиковых окон, то подойдёт домен OKNO.RU , но наверняка такой домен уже занят то можно подобрать OK-NO.RU, короче это не простая задача. Можно использовать буквы, цифры и тире , но не делайте длинный домен, поисковые системы не любят, чем короче тем лучше, не более 9-10 символов. Заходим в раздел домены и поддомены и нажимаем зарегистрировать домен и «мучительно» подбираем адрес вашего сайта.
Ну что ж, подобрали и нажимаем зарегистрировать и далее зарегистрировать домен. Можно оплатить как банковскими картами так и разными платёжными системами.
После того как вы оплатите вам придётся подождать когда система регистрации внесёт в реестр ваш домен и ваши данные, это приблизительно от 4 до 24 часов, вам придёт подтверждение на вашу электронную почту. Заполняйте всю достоверную информацию о вас, паспортные данные, адрес проживания, ФИО .
3, Теперь установим бесплатный SSL-сертификат. Что такое сертификат и для чего он нужен? Простыми словами это зашифрованная передача данных между пользователем и сайтом. Когда не было ssl- сертификата, хакеры перехватывали данные и меняли счёт магазина на свой, т.е. пользователь думая что он платит магазину за товар а на самом деле деньги уходили на счета хакера(вора). Сейчас им стало сложнее. Но и для поисковых систем это стало обязательным, они более доверительно относятся к этим сайтам где есть буква s ( https;// ). Вы наверно видели о предупреждении браузеров Google и Яндекс что сайт не безопасен и даже не открывает его и предлагает вернуться к безопасному соединению. Если у вас на сайте есть оплата за товары или услуги, то конечно устанавливаете платный сертификат безопасности.
Жмём раздел ssl-сертификаты, далее магазин сертификатов , выбираем SSL Let’s Encrypt (сертификат начального уровня) нажимаем на кнопку заказать, отключаем все дополнительные услуги, которые вам могут предложить, ставим галочку «я согласен…» далее заказать.
В течении несколько часов SSL-сертификат будет установлен на ваш сайт.
4, Дальше установка нашего движка WordPress. Переходим в раздел каталог CMS, здесь находятся движки для управления сайтом. Нас интересует WordPress жмём на него и далее установить приложения.
Теперь привязываем свой домен к приложению WordPress, и нажимаем начать установку.
Далее переходим к приложению или можете нажать перейти к сайту, если вы нажали к сайту и открылся timeweb а не ваш сайт, то почистите кэш в своём браузере.
Вставляем ваш логин и пароль и заходим в кабинет вашего сайта. Сохраните страницу в вашем браузере для удобства. Ссылка входа в админ панель для всех одна https://ваш домен.ru/wp-admin/.
Последние что осталось сделать это проверить текущий адрес email администратора и нажать на кнопку адрес email верен. Всё и вы в кабинете своего сайта.
5, Вот мы и дошли до самого интересного, выбор темы. Раздел Внешний вид и жмём темы, далее сверху кнопка добавить, открывается страница с популярными темами, вы так же можете загрузить свою тему если скачали с других сайтах или купили какую-нибудь премиум тему.
Почему они популярные? во-первых, простые без всяких наворотов, они идут первыми по списку такие как например темы ASTRA и GeneratePress очень популярны у вебмастеров, во-вторых, они лёгкие, быстрые это значит что ваш сайт будет открываться за доли секунды, что очень важно для поисковых систем и самое главное для вас и вашего бизнеса. Если ваш сайт будет открываться несколько секунд и зависать, то ваш потенциальный клиент потеряет к нему всякий интерес и уйдёт на другой сайт, а поисковые системы определят как отказ , т.е. не интересный пользователю и будут сдвигать его на нижние позиции в поиске.
При выборе темы узнайте больше про неё, что говорят другие и сами просмотрите каждую, какие стоят модули, какие у ней возможности и т.д. Ну а вообще надо выбирать тему по душе, чтобы вам нравилось. Лично я выбираю даже по несколько часов сидя возле монитора, сперва создам первую страницу, загружу фото , напишу пару абзацев и потом меняю темы и использую уже установленные у них возможности т.е. разные их модули и смотрю как это всё выглядит. Удачи вам в выборе.
Довольно шустрые темы и нужные плагины в магазине WP Shop
6, Создаём свою первую страницу. Раздел страницы — добавить новую. Тут наверное справится большая часть будущих вебмастеров которые работали хотя бы один раз Wordе в текстовом редакторе или делали презентацию, портфолио. Здесь страница состоит из блоков например: абзац написали после вставили фотографию, затем другой абзац, решили что первый абзац надо вставить после фотографии и тогда вам нужно будет просто передвинуть и поменять местами или можете удалить весь блок абзаца. Чтобы добавить любой блок нажмите справа внизу на белый плюс в черном квадрате и у вас откроется раздел всех блоков: абзац, изображение, видео, галерея, аудио, кнопки, вставки из соц. сетей и многое другое, выбирайте что вам нужно и создавайте блок. Красиво оформить страницу у вас получится даже не сомневайтесь, это даже занимательный и интересный процесс .
7, И так, теперь нам нужно установить необходимые плагины, Плагин — это небольшой программный модуль который дополняет и работает внутри основной программы WordPress. Конечно мы будет устанавливать более популярные и проверенные плагины. Для этого нажимаем раздел плагины, далее вверху жмём добавить новый, после с права поиск плагинов и пишем название нужного плагина….
Yoast SEO — улучшите SEO (поисковая оптимизация) вашего WordPress: поработайте над качеством контента и получите полностью оптимизированный WordPress-сайт с помощью плагина. Этот плагин поможет вам настроить ваши страницы чтобы они правильно отображались в поисковых системах, т.е. пользователям было легче найти ваш сайт по их ним поисковым запросам. Robin image optimizer — оптимизируйте изображения без потери качества, ускорьте загрузку вашего сайта, улучшите SEO и сэкономьте деньги на пропускной способности сервера и CDN. Autoptimize — делает ваш сайт быстрее за счет оптимизации CSS, JS, изображений, шрифтов Google и многого другого. Это основные плагины которые установленные у меня. Также есть похожие плагины по своему функционалу, вы можете сами просмотреть все плагины в разделе и выбрать именно подходящий для вашего сайта.
Дополнительные плагины тоже на ваше усмотрение , но не нагружайте сайт большим количеством плагинов к примеру 20 и более на один сайт. Рекомендую 8-9 . Jetpack — безопасность, производительность, маркетинг — вы получите все необходимые инструменты, разработанные экспертами WordPress. Защитой сайта занимается Jetpack, а вы можете уделить внимание более важными вопросам. WP-Copyright-Protection — чтобы не копировали с вашего сайта ваши статьи, то есть воришка не сможет выделить строку или абзац с вашего сайта. Easy Yandex Share — плагин для того чтобы пользователи делились вашей страницей в разных соц. сетях. Post Views Counter — счетчик просмотров записей позволяет отображать количество посещений, сообщений на ваших страниц. Ad Inserter — установить рекламу на ваш сайт в htm код. TO Top — стрелка вверх (прокрутка). WP Statistics — полная статистика посещений вашего сайта.
8, Добавление виджетов делается точно так же как добавить любой блок на странице. Но сперва надо решить где он или они будут находиться. Как мы уже знаем существует большое количество тем (шаблонов) в которых виджеты могут располагаться в разных местах в зависимости от дизайна самой темы. Это может быть слева или справа, внизу в (подвале) и в некоторых даже в шапке сайта, на данном сайте я выбрал правую сторону, где установил рекламный баннер магазина.
Заходим в раздел внешний вид, далее виджеты . Выбираем ту панель в которой будут установлены виджеты, у меня правая боковая панель (или основной сайдбар) и жмём плюсик чтобы добавить нужный нам блок .
9. Для обратной связи со своими клиентами или партнёрами, можно использовать отдельную страницу «Контакты» как например на этом сайте, а также на каждой странице вашего сайта, это вам решать. На странице можно указать свою электронную почту, установить значки социальных сетей, мессенджеров или добавить форму обратной связи.
Очень удобно использовать плагин Jetpack который по мимо своей основной задачи по безопасности и защиты сайта, дополняет разными виджетами вашу страницу сайта. Добавляется форма обратной связи так же как и любой блок на странице, нажимаем плюсик и выбираем то что нам нужно. Как вы видите на скриншоте в редакторе всё на английском языке, но когда установите формы и обновите, на странице будет всё на русском.
Кнопки социальных сетей используйте в разделе Паттерны. (так же используйте подразделы заголовок, столбцы, текст в оформлении своей страницы)
10. Создадим почтовый адрес на хостинге. Для этого заходим в раздел почта и нажимаем добавить ящик. Далее, графу логин заполняем латинскими буквами, например, admin, support или pochta, да и вообще что захотите. Ваша почта будет выглядеть так: admin@ваш домен.ru. Сгенерируйте пароль и сохраните его. Жмём создать.
В настройках почты можно настроить «Автоответчик на входящие письма» , «спам-фильтр» и самое интересное и нужное вы можете отправлять по многим email адресам без попадания в спам.