Разработка веб-сайтов

Создание WEB-сайта — это командная работа — вы определяете функционал, дизайн и контент, мы отвечаем за техническую сторону.

Это будет довольно долго — мы постарались подробно описать каждый этап, чтобы у вас было полное представление о том, Как, Что и Почему.

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

 

1 Заполнение и отправка формы заказа.

Ответственность - заказчик

2 Подготовка договора.

Ответственность - web-studio.lv

3 Определение требований (функциональные возможности)

Ответственность - заказчик

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

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

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

Например:

  1. Как посетитель/пользователь сайта - я хочу получать уведомления всякий раз, когда на сайте публикуются новые статьи - чтобы я всегда был в курсе последних событий в отрасли;
  2. Как веб-мастер - я хочу, чтобы на каждой странице были иконки социальных сетей - чтобы любой посетитель страницы мог легко поделиться страницей со своими друзьями и знакомыми;
  3. Как веб-мастер - я хочу видеть, сколько людей посещает мой сайт, какие страницы и как долго - чтобы я мог анализировать и улучшать содержание своего сайта;
  4. Как администратор сайта, я хочу экспортировать адреса электронной почты и имена людей, подписавшихся на рассылку, чтобы я мог легко импортировать их в программу, рассылающую специальные предложения (или, например, автоматизировать доставку электронной почты).

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

Узнайте больше о том, как писать хорошие пользовательские истории ЗДЕСЬ.

 

4 Просмотрите и скорректируйте пользовательские истории

Ответственность - заказчик вместе с web-studio.lv

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

 

5 Определение требований (структура и дизайн)

Ответственность - заказчик

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

  1. Попробуйте определить, какое впечатление вы хотите произвести на посетителей вашего сайта;
  2. Содержит ли образец все необходимые вам разделы (например: Главная / О нас / Наши услуги / Отзыв / Контакты…). Какие разделы вам не нужны и их нужно удалить, каких нет и нужно добавить);
  3. Соответствует ли цветовая гамма образца вашим предпочтениям? Если нет, то каким он должен быть?
  4. Каждый раздел состоит из нескольких элементов — нужны ли они вам все? Помните - меньше значит лучше. Чем лаконичнее ваша страница, тем понятнее она будет для посетителей и произведет на вас лучшее впечатление;
  5. Картинки - Вы хотите изменить их? Все или только некоторые? Если вы хотите измениться - они будут фотографироваться вами или вы будете использовать ресурсы онлайн-библиотеки? Если вам нужна консультация по размерам изображений, форматам, онлайн-библиотекам - спрашивайте, и я дам вам всю необходимую информацию.

 

6 Обзор структуры и дизайна

Ответственность - заказчик вместе с web-studio.lv

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

 

7 Написание текстов

Ответственность - заказчик

Здесь довольно много подводных камней, потому что если вы хотите, чтобы ваш сайт появился в результатах поиска Google, вам нужно написать текст так, чтобы Google не только понял его содержание, но и связал его с определенными ключевыми словами и счел его достаточно ценным. для отображения в результатах поиска (SEO текст). Если ваш сайт не находится в результатах поиска Google (желательно ТОП 3 или хотя бы ТОП 10) - наша совместная работа будет бесполезна, т.к. у страницы не будет или будет мало посетителей или вам придется платить за них через Google Adwords, FaceBook , Instagram и другие рекламные сервисы.

Узнайте больше о том, как написать интересный и оптимизированный для SEO текст ЗДЕСЬ.

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

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

После того, как вы определили наиболее релевантные ключевые слова для вашего бизнеса/блога, найдите ключевые слова, которые ссылаются на сайты ваших конкурентов, в результатах поиска Google. Если упоминания о конкурентах появляются в самом начале поисковой выдачи (первые 3 и первые 10 результатов) - при написании на эту тему нужно стараться объяснять шире и/или интересно, т.к. это ключевое слово конкурентное и вашему тексту нужно быть лучше, чтобы победить. Если ссылки на конкурентов не появляются на первой странице результатов поиска — вам повезло — конкуренты не заметили потенциала этого ключевого слова. Это ваш шанс использовать его для всех 100%.

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

Узнайте больше об исследовании и оценке ключевых слов ЗДЕСЬ.

 

8 Выбор сервера и создание сайта

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

 

Выбор сервера

Ответственность - заказчик вместе с web-studio.lv

Это одно из самых важных решений, поскольку оно во многом определяет, насколько быстро будет работать ваш новый сайт. Никто не любит медленные страницы, и если страница длится слишком долго — люди просто переходят на другие. Содержание и оформление страницы при этом теряет всякий смысл — по той простой причине, что посетители об этом не знают. WEB-страница считается имеющей хорошую скорость загрузки (содержимое страницы видно и она реагирует на клики посетителя), если она становится пригодной для использования/загружается за 2 секунды или меньше.

Скорость страницы определяется:

  • Сервер, на котором физически находится страница и чем технически сложнее страница, тем больше требуется ресурсов компьютера;
  • Оформление страниц, в основном картинок - чем их больше и чем они тяжелее, тем больше времени уходит на их загрузку с вашего сервера на компьютер, телефон или планшет;
  • Код страницы (объем КБ) - так же, как и с картинками, чем больше кода, тем больше времени требуется для загрузки;
  • Качество кода страницы - чем быстрее сервер сможет создать запрошенную пользователем страницу (собрать все необходимые компоненты и сгенерировать страницу), тем быстрее ее можно будет отправить на ваш компьютер, телефон или планшет;
  • Кэш на уровне сервера. При нажатии на кнопку или ссылку на Сайте на сервер отправляется запрос, и сервер запрашивает необходимую информацию из базы данных, размещает полученные данные в шаблонах и отправляет их вам. Это происходит каждый раз, когда кто-то запрашивает страницу с сервера. Включение кэш-сервера сохраняет однажды созданные шаблоны в виде готовых файлов и немедленно отправляет их, когда кто-то запрашивает их снова. Это экономит время на подготовку страницы;
  • Кэш браузера. Как и серверу, вашему веб-браузеру требуется время — в данном случае, чтобы прочитать и сгенерировать (показать вам) запрошенную страницу из данных, полученных с сервера. Включение кеша браузера сохранит копии страниц вашего сайта в браузере посетителя, и если страница повторно запрашивается с определенного компьютера, телефона или планшета, ее содержимое будет извлечено из кеша компьютера, а не перезагружено с сервера.
  • HTTP1 или HTTP2 Протокол передачи гипертекста (HTTP) Каждая веб-страница состоит из нескольких компонентов. Если сервер использует HTTP1, эти компоненты отправляются на компьютер пользователя в виде простых текстовых сообщений. HTTP2, в свою очередь, кодирует их в бинарные форматы, обеспечивая значительно более быструю передачу данных (компоненты страницы отправляются одновременно/параллельно, а не последовательно).
  • Расположение сервера. Это достаточно дискуссионный вопрос. Теоретически, чем ближе сервер к запрашиваемому компьютеру, тем быстрее должна загружаться запрашиваемая страница. По моему опыту, разница заметна только на очень больших расстояниях. Например, если сервер находится в США, а целевая аудитория — в Европе, а если сервер находится, например, в Стокгольме, то скорость загрузки страниц в Риге, Лондоне и Варшаве будет очень схожей. Возможно даже, что страница в Лондоне будет загружаться быстрее, чем в Риге.

Практически все рекомендации гласят, что если вы хотите, чтобы страница загружалась быстрее, вам следует использовать CDN (Сеть доставки контента). Идея CDN заключается в том, что копии веб-сайтов или их компонентов хранятся на нескольких серверах во всех частях мира и загружаются на компьютер пользователя с ближайшего географического сервера. Я протестировал несколько CDN и вывод один и тот же — если сервер находится в ЕС и целевая аудитория тоже в Европе, CDN не дает никаких улучшений. На самом деле страницы часто загружаются даже немного медленнее с CDN, чем без него.

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

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

На наш взгляд, наиболее выгодным сейчас является предложение Elementor Cloud Website с фиксированной годовой оплатой в размере 99 долларов США (8,25 долларов США в месяц), поскольку веб-сайт размещен на серверах Google в центре обработки данных Google в Бельгии, быстрая работа сайта гарантирована до 100 000 посетителей в месяц, а в дополнение к таким бонусам, как бесплатный CDN и сертификат SSL, в предложение также включен и Elementor PRO, один из лучших конструкторов сайтов (можно создавать веб-страницы без каких-либо знаний в области кодирования).

 

Создание сайта

Ответственность - web-studio.lv

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

 

9 Хостинг веб-сайтов

Ответственность - заказчик

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

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

 

10 Обучение

Ответственность - web-studio.lv

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

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

 

11 Обслуживание сайта

Ответственность - web-studio.lv

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

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

Обслуживание сайта включает в себя следующие этапы:

  • Проверка работоспособности сайта. На практике это означает регулярные переходы по целевым страницам вашего сайта, чтобы убедиться, что все работает, как задумано.
  • Резервное копирование содержимого и баз данных вашего сайта Для защиты данных вашего сайта важно регулярно создавать их резервные копии. Частота резервного копирования зависит от того, как часто обновляется/дополняется его содержимое. Желательно не реже одного раза в неделю
  • Проверка резервных копий. Резервная копия хороша только в том случае, если она может восстановить содержимое сайта в случае взлома или фатальной ошибки, поэтому важно периодически проверять работоспособность созданных вами резервных копий.
  • Обновление тем и плагинов. Плагины и темы постоянно совершенствуются, как для устранения угроз безопасности, так и для оптимизации кода и улучшения его функциональности — поэтому их необходимо регулярно обновлять.

WordPress очень демократичен в том смысле, что каждый может создавать и публиковать плагины. Веб-сайт WordPres тем самым делая их доступными для всех. Есть плагины с почти идеальным кодом, а есть такие, которые, выполняя свои обещания, еще и значительно замедляют работу страницы и/или мешают корректной работе других плагинов. К сожалению, рейтинги плагинов показывают только их популярность, но не показывают, как каждый конкретный плагин повлияет на производительность вашей страницы (сколько потребуется ресурсов сервера, как плагин повлияет на скорость загрузки вашей страницы и т. д.). .).

Обновлять существующие плагины, с одной стороны, относительно легко, но поскольку их авторы разрабатывают их независимо друг от друга, они не могут предсказать, как их плагин повлияет на остальные (на WordPress доступно более 59 800 плагинов). Веб-сайт). Обычно проблем не возникает, но бывают случаи, когда сайт перестает работать частично или даже полностью после обновления плагинов.

  • Обновление WordPress. Подобно темам и плагинам, WordPress постоянно совершенствуется за счет новых функций, исправлений ошибок, новых угроз безопасности и многого другого. - Вот почему WordPress нужно регулярно обновлять.
  • Проверка работы форм и функций. Если на вашем сайте есть важные формы (например, формы для приложений или сообщений и т. д.), важно регулярно проверять их, чтобы убедиться, что они работают.
  • Проверьте наличие предупреждений и ошибок в Google Search Console. Если Google обнаружит проблемы с вашим сайтом (например, SEO или отображение страницы на мобильных устройствах), Google опубликует оповещения в вашей консоли поиска Google. Регулярная проверка этих списков позволит вам быстро исправить любые ошибки, которые могут привести к потере позиций в результатах поиска Google.
  • Проведение тестов производительности сайта. Скорость загрузки веб-сайта является одним из ключевых критериев взаимодействия с пользователем (UX) и мало влияет на SEO. Поэтому важно периодически оценивать производительность вашего сайта, чтобы быстро выявлять потенциальные проблемы.
  • Анализ посещаемости сайта (трафика) с помощью, например, Google Analytics. Полезно следить за происходящим на сайте, чтобы вовремя замечать негативные тенденции и иметь возможность оперативно их устранять.
  • Проверка безопасности сайта. WordPress — очень популярная система управления контентом (CMS), поэтому сайты WordPress являются привлекательной мишенью для хакеров, спамеров и так далее. Поэтому рекомендуется проводить регулярные проверки безопасности, чтобы снизить риск взлома сайта.
  • Оптимизация базы данных сайта. В базе данных вашего сайта хранится весь контент вашего сайта, темы и настройки плагинов — все. Со временем в БД также сохраняются различные временные файлы, которые уже не используются, но замедляют работу БД и, соответственно, сайта. По этой причине рекомендуется периодически оптимизировать базу данных вашего сайта, удаляя все лишнее.
  • Мониторинг ошибок. Это ошибки 404 (страница не найдена) и ошибки 5xx (ошибки сервера). Если запрошенная пользователем страница не найдена - он не находит того, что ищет и вполне вероятно, что его мнение о вас не станет более положительным. Если ссылка на страницу изменена, это можно исправить, если страница удалена - она должна быть удалена из результатов поиска Google. Вероятно, мне понадобится помощь службы поддержки сервера, чтобы исправить ошибки сервера, и я смогу говорить с ними на понятном вам языке.
  • Аудит плагинов. Вы можете захотеть добавить дополнительные функции на свой сайт, но каждый подключаемый модуль, который вы добавляете на свой сайт, представляет потенциальную угрозу безопасности и может значительно замедлить работу вашего сайта. Это не означает, что вы не должны использовать плагины, но вы должны быть осторожны и следить за тем, чтобы плагины, которые вы выбираете, не наносили вреда вашему сайту.
  • Рекомендации по добавлению новых функций.
  • Консультации по смене сервера (хостинга). По мере роста вашего сайта он будет использовать все больше и больше ресурсов сервера. Требования к производительности вашего сайта также могут измениться. Эти изменения могут привести к необходимости изменить текущий план аренды сервера или изменить сервер, на котором размещена страница.

P.s.

Bеб-сайт, на котором вы сейчас находитесь, работает на самом дешевом сервере AWS (Amazon.com), использующим протокол HTTP 1. Ни кеш сервера, ни кеш браузера не включены. CDN и https не используются. И не смотря на все это - этот сайт в сети G4 (мобильные телефоны и планшеты) полностью загружается примерно за 1 секунду!

Почему мы выбрали такой плохой сервер для продающей страницы и не активировали кеш, CDN и т.д.? Потому что мы хотели показать, что хорошо оптимизированные сайты сами по себе быстрые — им не нужно дополнительное «ускорение».

Тест WEB-Studio.lv с подключением G4 (LTE) https://www.webpagetest.org/ (Нажмите на картинку, чтобы увеличить).

Тест скорости WEB Studio

 

 

 

 

 

Тест Google.com с подключением G4 (LTE) https://www.webpagetest.org/ (Нажмите на картинку, чтобы увеличить).

G тест скорости

 

 

 

 

 

Тестирование WEB-Studio.lv в инструменте тестирования Google (подключение G3) https://web.dev/measure/ (Нажмите на картинку, чтобы увеличить).

Тест скорости WEB Studio

 

 

 

 

 

Тест Google.com в инструменте тестирования Google (соединение G3) https://web.dev/measure/ (нажмите на изображение, чтобы увеличить)

G тест скорости

Почему выбирают WordPress

Этот обзор плюсов и минусов WordPress поможет вам принять обоснованное решение — подходит он вам или нет.

Читать статью полностью →

SEO-оптимизация сайта

Основы SEO для новых веб-сайтов — что нужно сделать перед созданием веб-сайта, чтобы сэкономить время и деньги позже

Читать статью полностью →

Как найти правильные ключевые слова

Как увеличить поток посетителей на ваш сайт? И как увеличить не только поток посетителей, но и количество покупок?

Читать статью полностью →

Как написать интересный и оптимизированный для SEO текст

Как создать контент, который с каждым днем будет привлекать все больше и больше посетителей на ваш сайт?

Читать статью полностью →

Истории пользователей

Что такое пользовательские истории, зачем они нужны и как писать хорошие пользовательские истории?

Читать статью полностью →

Как увеличить количество посетителей вашего сайта за счет оптимизации его контента

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

Читать статью полностью →

Есть вопросы?

Если вы хотите узнать что-то еще - Спросите, и вам ответят

ru_RURU