Создание собственного веб—сайта в 2020 году: полное руководство для новичков

Хотите создать свой собственный веб—сайт или простую домашнюю страницу? И ты не знаешь, с чего начать

Тогда вы в правильном месте!

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

Начнем с того, что вы действительно хотите от веб—сайта:

Шаг No 1: Выберите тип веб—сайта, который вам нужен.

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

Различают 4 типа веб—сайтов:

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

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

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

Простой веб—сайт

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

• Отзывы и рекомендации клиентов
• Картинная галерея
• Предлагаемые услуги
• Форма обратной связи
• Направления
• История компании, философия или ценности
• Предложения о работе

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

Комплексный сайт

Сложный веб—сайт отличается от простого веб—сайта тремя способами:

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

• Система комментариев
• Форум
• Объявления или портал вакансий
• Членский или клиентский кабинет
• Интернет—магазин с функцией оплаты
• Функции рассылки новостей (возможно, с интерфейсами к инструментам рассылки новостей)
• Интеграции и интерфейсы с другими сервисами или приложениями
• Расширенные функции SEO
• Многоязычие

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

Блог

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

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

Ключевое слово: контент—маркетинг!

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

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

Шаг No 2: решите, как вы хотите их создать

В наши дни для создания веб—сайтов используются в основном эти 3 метода:

• С помощью конструктора веб—сайтов (например, Wix)
• С WordPress (или любой другой системой управления контентом)
• Самостоятельное программирование сайта

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

Методы 1 и 2 также подходят для начинающих, но они отличаются несколькими ключевыми моментами:

2.1 Конструктор домашней страницы

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

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

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

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

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

2.2 Создайте сайт WordPress

WordPress (.org) — бесплатное программное обеспечение с открытым исходным кодом, которое можно использовать для создания блога или веб—сайта.

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

Большое преимущество этого:

• С веб—сайтом WordPress вы гораздо более гибкими, чем с конструктором веб—сайтов. Во—первых, у вас есть огромный выбор различных тем (то есть шаблонов дизайна):
  

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

Единственный недостаток:

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

2.3 WordPress или конструктор сайтов?

Я говорю вам очень честно:

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

Факт заключается в том:

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

Я бы не советовал использовать Wix для более сложных веб—проектов или если вы планируете в какой—то момент расширить свой сайт.

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

Однако создание простой домашней страницы или веб—сайта с помощью WordPress будет похоже на стрельбу по воробьям из пушек:

Шаг No 3: Найдите подходящий домен

Домен — это адрес, по которому ваш веб—сайт доступен в Интернете.

Часть URL—адреса, представляющая домен, в следующем примере выделена фиолетовым цветом: https://deinehomepage.de

С тарифом бесплатного набора веб—сайтов у вас есть только один поддомен (отмечен синим в примере), который работает под доменом провайдера. В Jimdo это выглядит так: https://yourhomepage.jimdo.com

И еще хуже с Wix, потому что выбранное вами имя веб—сайта повторяется в конце: https://yourhomepage.wixsite.com/yourhomepage

И не поймите меня неправильно: это прекрасно подходит для частной домашней страницы.

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

Все остальное кажется непрофессиональным.

3.1 Что следует учитывать при выборе домена?

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

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

• Чем короче имя, тем лучше (желательно до 16 символов)
• Лучше избегать умляутов (ä, ü, ö) или eszett (ß), потому что воспроизведение в доменном имени некрасиво.
• Написание имени должно быть понятно большинству людей.
• Ваше доменное имя должно указывать, о чем ваш сайт.
• Вы не должны нарушать права на товарный знак своим доменным именем.

На самом деле: не беспокойтесь о выборе домена!

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

3.2 Ваше собственное имя в качестве домена?

В некоторых случаях имеет смысл выбрать собственное имя в качестве домена.

Особенно, если вы сами находитесь на переднем плане как эксперт или человек, например как тренер, консультант, фрилансер, художник, модель или автор.

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

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

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

3.3 Как мне зарегистрировать собственный домен?

И ответ относительно прост:

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

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

Затем перейдите в раздел Купить новый домен:

Затем вы можете проверить доступность вашего домена для различных расширений:

Каждый премиум—пакет в Wix включает в себя бесплатный домен сроком на 1 год, который распространяется на общие окончания, такие как .com, .net, .org, .info, .biz и .de, а также некоторые новые домены верхнего уровня.

Шаг 4: спланируйте свой собственный сайт

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

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

4.1. Создание аватара клиента

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

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

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

• Каковы его демографические характеристики? (Возраст, пол, семейное положение, род занятий, доход, уровень образования)
• Какие предварительные знания у него есть?
• Каковы его цели? Чего он хочет добиться?
• Какие у него страхи и проблемы? Какие вопросы не дают ему уснуть по ночам?
• Какие источники информации он использует? (Журналы, каналы в социальных сетях, веб—сайты, форумы, Facebook и т. Д.)

4.2 Определите структуру веб—сайта

Следующим шагом будет планирование структуры вашего сайта.

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

Вам следует задать себе следующие вопросы:

• Какой полезный контент я хотел бы предоставить, чтобы его можно было найти в Интернете? (Ключевое слово: контент—маркетинг!)
• Какие услуги, продукты или предложения я хотел бы выставить на продажу на моем веб—сайте?
• Какой контент мне нужен, чтобы посетители могли узнать меня лучше и завоевать их доверие?
• Насколько важен индивидуальный контент для посетителей? Какой контент должен выделяться?

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

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

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

4.4 Какие страницы нужны моему сайту?

Есть страницы, которые необходимы любому веб—сайту. К ним относятся:

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

Домашняя страница — это основа вашего сайта.

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

Общие элементы вашей домашней страницы:

• Краткое изложение того, что вы или ваша организация отстаиваете и что предлагаете вы или ваша организация.
• Обзор наиболее важного содержания вашего сайта
• Testimonials (отзывы клиентов) или список клиентов
• Сертификаты, членство в отраслевых ассоциациях, награды, рейтинги клиентов, печати и т. Д.
• Почтовый адрес, адрес электронной почты, номер телефона и / или часы работы (для местных компаний)
• Форма для регистрации в вашем информационном бюллетене (если есть)
• Ваши последние сообщения в блоге (если у вас есть блог)
• В навигации стартовую страницу часто называют Пуск или Домашняя страница.
• Ссылка в вашем логотипе также должна вести на главную страницу.

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

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

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

• Адрес
• Телефонный номер
• Адрес электронной почты
• Мессенджер (WhatsApp, Facebook Messenger, Skype и т. Д.)
• Для облегчения контакта также имеет смысл включить контактную форму.

О нас

На странице «О нас» вы более подробно представляете себя или свою организацию.

Это может включать следующее:

• Представление о вас или вашей команде
• Ваши  ценности, видение и миссия
• Ваша история или история компании

Конечно, вы можете разделить эти точки на разные подстраницы. Также возможны следующие подстраницы:

• Нажмите
• Вакансии
• Партнер
• Отзывы клиентов
• Корпоративная философия

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

Шаг 5: создайте свой сайт

Дизайн веб—сайта так же важен, как и его содержание! Каким бы ценным и интересным ни был ваш контент:

Если ваш сайт выглядит старомодным и, как и 10 лет назад, многие посетители уйдут.
Первое впечатление важно!

5.1 Общие советы по дизайну

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

• Доступно для чтения на всех устройствах: смотрите на свой веб—сайт целиком (не только на стартовую страницу, но и на отдельные страницы!) В разных браузерах и на разных устройствах (настольный компьютер, смартфон, планшет). В идеале ваш сайт должен легко читаться на всех устройствах.
• Размер шрифта и межстрочный интервал: используйте размер шрифта не менее 16 пикселей для основного текста и межстрочный интервал не менее 1,5 см (то есть в полтора раза больше размера шрифта).
• Предложение и длина абзаца: не пишите слишком длинные предложения и избегайте слишком длинных абзацев.
• Время загрузки: проверьте время загрузки с помощью таких инструментов, как Pingdom. Длительное время загрузки (более 3 секунд) гарантирует, что больше посетителей уйдет.
• Экономичная навигация: убедитесь, что в вашем меню не слишком много главных пунктов.
• Изображения: добавьте изображения на каждую страницу и в сообщение в блоге. Особенно, когда на соответствующей странице много текста. Однако убедитесь, что они не отображаются в искаженном виде.
• Слова: ссылки должны четко выделяться из текста, например другим цветом, подчеркиванием и / или жирным шрифтом. Если вы не можете или не хотите делать ссылки в своих фирменных цветах, сделайте их синими.
• Кнопки: используйте кнопки с призывом к действию, чтобы направлять посетителей на страницы, на которых они должны быть (например, в контактную форму или в интернет—магазин).
• Логотип: используйте логотип в области заголовка (также называемый заголовком). Это сделает ваш сайт более профессиональным.
• Функция поиска: предоставьте функцию поиска, чтобы посетители могли искать ваши веб—страницы.
• Каналы в социальных сетях: ссылки на ваши каналы в социальных сетях (например, фан—страница Facebook, профиль в Twitter, LinkedIn и т. Д.)

5.2 Структура веб—сайта

Каждый веб—сайт состоит из разных элементов:

Заголовок

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

Тело

Тело содержит ваше фактическое содержание.

Нижний колонтитул

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

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

Боковая панель (боковая панель)

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

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

Они включают:

• Ссылки на ваши предложения
• Информация о вас или вашей организации (желательно с изображением!)
• Форма рассылки
• Рекламные баннеры
• Функция поиска
• Ссылки на ваши каналы в социальных сетях

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

Часто задаваемые вопросы

Здесь вы найдете часто задаваемые вопросы о настройке и создании собственного веб—сайта:

1. Зачем запускать собственный сайт?

Есть много веских причин для создания собственного веб—сайта.
Вот я собрал для вас 15 из них:

• Представить свою компанию в Интернете.
• Чтобы привлечь клиентов в качестве фрилансера или фотографа и показать собственное портфолио.
• В качестве свадебной домашней страницы для сбора пожертвований, предоставления свадебных фотографий, информации о распорядке дня, вариантах размещения и т. д.
• Для предоставления информации о ваших личных интересах, увлечениях или вашей семье
  чаще заказывать в качестве музыканта, артиста или комика
• Представить клуб, ассоциацию, церковь или организацию
• Завоевывать клиентов в качестве коуча или консультанта
• Продавать товары или услуги в Интернете.
• Как дневник или летопись
• Чтобы привлечь больше гостей в качестве владельца отеля, хостела или дома для отдыха и предложить вариант онлайн—бронирования
• Стать блоггером или влиятельным лицом.
• Как нишевый сайт, с которого вы можете получать пассивный доход благодаря SEO и партнерскому маркетингу.
• Создать онлайн—журнал, форум или портал вакансий.
• Чтобы привлечь больше клиентов в качестве местной компании (ресторан, кафе, парикмахерская, маникюрный салон и т. д.)
• Просто для удовольствия или для того, чтобы попробовать

2. Сколько стоит сайт?

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

Кстати, домен всегда стоит денег. Невозможно создать бесплатный сайт с доменом.

Вот обзор возможных затрат с вашим собственным доменом (включая НДС и с периодом годового контракта):

• Wix (с комбинированным тарифом)
  Первый год: 102 евро
  Второй год: 102 евро
• Jimdo Dolphin(со стартовым пакетом)
  Первый год: 108 €
  Второй год: 108 €
• WordPress (с тарифом webgo CMS Pro)
  Первый год: 29,70 евро
  Второй год: 59,40 евро

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

• Различные инструменты (инструменты для работы с ключевыми словами, графическое редактирование и т. д.)
• Юридические тексты (например, создание условий и декларации о защите данных)
  другие домены
• Плагины или надстройки для вашего сайта
• Программное обеспечение для рассылки новостей (например, MailChimp или CleverReach)
• Аутсорсинг (например, создание логотипа или поддержка каналов в социальных сетях)
• Стоковые фотографии
• Страхование профессиональной ответственности (например, ответственность СМИ от exali)
• Платежные сервисы (например, PayPal)

3. Стоимость веб—сайта разовая или постоянная?

Наличие собственного присутствия в Интернете всегда приводит к постоянным основным расходам.

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

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

Чем дольше срок контракта, тем дешевле ежемесячная или годовая цена. В настоящее время Wix предлагает скидку 30%, если вы выберете срок в один год вместо одного месяца. С подпиской на 2 года вы даже сэкономите 35%.

4. Должен ли я создать веб—сайт или настроить его самостоятельно?

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

Допустим, у вас есть 1—2 часа в день, чтобы настроить свой сайт.

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

Однако создание и обслуживание сайта  профессиональным веб—дизайнером будет стоить от 800 до 1500 евро.

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

5. Как я могу зарабатывать деньги на веб—сайте?

Есть множество способов заработать на веб—сайте. К наиболее популярным относятся:

• Баннерная реклама (например, через Google AdSense)
• Партнерские ссылки
• Рекламные сообщения (платное введение или тестовый отчет о продукте, услуге или компании)
• Продажа физических товаров (самовывоз или прямая доставка)
• Продажа цифровых продуктов (электронные книги, онлайн—курсы и др.)
• Продажа услуг (например, в качестве агентства или фрилансера)
• Коучинг и советы
• Личный кабинет
• Пожертвования
• Ссылки для продажи или аренды (например, через портал, такой как Gogetlinks)

Вы также можете комбинировать разные методы.