Создание собственного вебсайта в 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 (ß), потому что воспроизведение в доменном имени некрасиво.
  • Написание имени должно быть понятно большинству людей.
  • Ваше доменное имя должно указывать, о чем ваш сайт.
  • Вы не должны нарушать права на товарный знак своим доменным именем.

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

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

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. Должен ли я создать вебсайт или настроить его самостоятельно?

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

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

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

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

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

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

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

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

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

 

Добавить комментарий

Ваш адрес email не будет опубликован.

Adblock
detector