Создайте свой собственный веб-сайт: Вот как - шаг за шагом

Шаг 1. Обдумайте концепцию

© MclittleStock - Adobe Stock

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

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

  • Блог как площадка для информации и самопрезентации,
  • Корпоративный сайт, на котором компания представляет себя,
  • Главная страница как своего рода основная навигация, возможно, к дальнейшим подстраницам,
  • Лендинг как особый сайт, не отвлекающий внимание с точки зрения маркетинга.
  • Журнальный сайт как информативный портал, обогащенный мультимедиа,
  • Интернет-магазин по торговле товарами и услугами и
  • Сайт-портфолио для презентации собственных работ, например фотографий.

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

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

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

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

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

  • Краткость - это специя: mickys-seite-für-freunde-von-modelleisenbahnen.de может дать правильное представление о содержании, но оно слишком длинное. Всего должно быть не более 20 символов; чем меньше, тем лучше.
  • Легко понять: оптимальный домен легко произнести. Поэтому сокращение вышеуказанного домена до m-s-f-f-v-m.de было бы довольно неоптимальным.
  • Связь с вашим именем: Особенно, если сайт посвящен вам или вашей компании, вы должны попытаться показать это уникальное имя в домене: modellbahn-micky.de.
  • Легко писать: хотя специальные символы и подобные символы делают домен уникальным, их часто очень сложно ввести, особенно для мобильных пользователей (вспомните виртуальные клавиатуры мобильных телефонов). Так что минимизируйте их.
  • Соответствующий домен верхнего уровня: Расширение страны должно соответствовать сайту. Таким образом, домен .de оптимален для немецких сайтов, но в последнее время здесь многое произошло, так что возможно больше творчества.

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

Если вы нашли что-то подходящее, вы должны отреагировать как можно скорее. Это означает ввод домена на ваше имя. Кооператив DENIC является контактным лицом для доменов .de. Однако, если вы хотите настроить свой сайт с использованием модульной системы (см. шаг 5), обычно можно зарегистрироваться через провайдера, что обычно намного дешевле.

Совет: Домены, оканчивающиеся на 24 или представляющие собой выдуманные имена с большим количеством гласных звуков, больше не считаются особенно современными и должны сохраняться только для давно известных, установленных доменов, но не для брендов. новые сайты. Поэтому вам следует избегать таких вещей, как modellbahn-micky24.de или modeliddooro.de.

Шаг 3: Установите сервер и хостинг

© МаззиКо - Adobe Stock

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

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

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

Шаг 4: Определите структуру

© DragonImages - Adobe Stock

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

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

  • Стартовая страница:Все посетители должны сначала попасть на эту страницу.Это, так сказать, коридор вашего сайта, из которого другие двери ведут в другие комнаты (страницы). Суть стартовой страницы в том, что каждый посетитель может сразу увидеть, что его здесь ждет, кто управляет сайтом и что там можно сделать и посмотреть.
  • Выходные данные: В Германии и ЕС существует очень всеобъемлющее обязательство в отношении выходных данных для всех сайтов, которые каким-либо образом служат коммерческим целям. В этом случае на вашем веб-сайте должна быть подстраница с этой информацией, в противном случае это вообще запрещено.
  • Политика конфиденциальности: Если вы каким-либо образом собираете личную информацию от ваших посетителей на Сайте (которая иногда даже включает файлы cookie), вы также обязаны предоставить политику конфиденциальности. Это также должно быть доступно на отдельной подстранице.

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

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

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

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

Шаг 5: Создайте базовую структуру

© НикоЭльНино - Adobe Stock

Теоретическая основа вашего присутствия в Интернете теперь готова.Теперь же надо, так сказать, наладить стройку. Это означает, что вам нужно подумать о том, как вы хотите спроектировать скелет сайта, который вы затем формируете визуально и с точки зрения содержания. Как и в случае с хостингом, в этом случае у вас снова есть два варианта:

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

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

Шаг 6: Выберите подходящий дизайн

© stokkete - Adobe Stock

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

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

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

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

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

Шаг 7: Введите контент

Цифровой «дом», который вы построили к этому моменту, закончен, покрашен и оклеен обоями. Теперь пришло время подумать о мебели. Это подводит нас к содержанию, или, скорее, к содержанию.

Что за этим стоит, быстро объясняется: все, что можно обобщить под общим термином «мультимедийный контент».

  • изображения,
  • Видео,
  • Тексты и
  • Аудиофайлы

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

  • Уникальный: только по соображениям авторского права то, что вы представляете, не должно быть доступно нигде в Интернете.
  • Исследовано: Контент всегда должен (также) служить для повышения рейтинга вашего сайта. Поэтому используйте инструменты wh-question и другие помощники, чтобы выяснить, что потенциальные клиенты чаще всего ищут на вашем сайте.
  • Current: Вы также должны регулярно добавлять новый контент на свои страницы с учетом рейтинга. Если для вас это имеет смысл, возможно, это тоже можно сделать в рамках дополнительного блога.
  • Читабельный: ваш письменный контент не обязательно должен соответствовать всем критериям Duden Society. Тем не менее, он должен, по крайней мере, соответствовать основным правилам правописания и быть легко читаемым в целом, но он должен соответствовать вашему сайту с точки зрения стиля.
  • Высокое качество: Никого не волнует контент, который выглядит так, будто его собрали абсолютно непрофессионалы. Поэтому следите за тем, чтобы все, что вы представляете, было качественным хотя бы в техническом смысле.
  • Интересно: Самое красивое видео, которое вы создаете, бесполезно, если им интересуется лишь несколько посетителей. Поэтому думайте не только о том, что вы хотите показать, но и о том, что хотят видеть ваши посетители.

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

Шаг 8: Дальнейшее развитие сайта

© iLee - Adobe Stock

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

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

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

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

Вы поможете развитию сайта, поделившись страницей с друзьями

wave wave wave wave wave