Особенности создания сайтов на кастомной платформе WPBit
1. При создании корпоративных сайтов мы стараемся все делать максимально просто, красиво и удобно для пользователей, используя только наиболее распространенные языки и технологии, знакомые практически всем web-разработчикам (HTML5, PHP, CSS3, JS и JQuery), а также свои проверенные временем наработки и решения.
Верстка каждой страницы производится нашими квалифицированными разработчиками индивидуально вручную в полном соответствии с предоставленным макетом. Мы принципиально стремимся избегать необоснованного использования средств автоматизации для создания сайтов, а также дополнительных шаблонов или плагинов сторонних разработчиков. При разработке нестандартной функциональности целесообразность использования дополнительных пакетов тщательно анализируется нами и подбирается строго под условия решаемой задачи.
- Такой подход позволяет получить на выходе чистый и эффективно работающий HTML-код, а также дает неограниченные возможности при решении любых задач, включая полный контроль работы каждого из элементов сайта и правильное отображение страниц на самых разнообразных типах мобильных устройств.
Мы гарантируем, что ваш сайт будет радовать не только вас, но и даже владельцев устаревших, медленно работающих устройств, а не отпугивать их как множество других ресурсов в интернет, подолгу зависая или приводя к самопроизвольной перезагрузке телефона. Сайт на платформе WPBit сможет проработать без проблем и сбоев несколько лет, не требуя стороннего вмешательства, дополнительных оплат и установки каких-либо обновлений.
2. Еще на этапе разработки сайта будет проведена базовая SEO-оптимизация. Это значит, что перед запуском сайта все его страницы будут подготовлены нами к индексации в поиске Google. (О том, что входит в базовую SEO-оптимизацию, узнайте в завершающей части этого документа).
После сдачи нашего проекта отсутствует необходимость дополнительно привлекать SEO-специалиста для проведения анализа, поиска и устранения технических ошибок, которые якобы могут присутствовать на сайте. А вместо этого лучше будет сосредоточиться на создании контента и наполнении своего сайта.
3. Заказав сайт на нашей платформе, вы также сможете создавать и редактировать страницы своего сайта самостоятельно, используя для этого простую, интуитивно-понятную панель управления.
В то же время вы не увидите здесь, как в других системах, десятки или даже сотни непонятных пунктов меню и настроек, не только осложняющих процесс работы, но и порой приводящих пользователей в состояние замешательства.
4. Мы предлагаем действительно качественный, проверенный временем, программный продукт с отличными возможностями для его развития и масштабирования.
В зависимости от выбранной комплектации большинство требуемых для работы сайта функций уже было реализовано внутри его ядра и не требует подключения дополнительных модулей. Все применяемые модули и сторонние продукты были специально разработаны или выбраны нами для того, чтобы достигать высоких показателей скорости, адаптивности и в полной мере соответствовать современным требованиям поисковых систем.
Бесперебойная работа сайтов на нашей платформе была многократно проверена и отлажена годами, неизменно показывая высочайшие результаты по оценкам утилиты Google PageSpeed. Но мы продолжаем работать над улучшением своего продукта, стремясь идти в ногу со временем и максимально учитывать все пожелания наших клиентов.
В то же время, при анализе других сайтов нам часто приходится отмечать множество элементарных ошибок и скрытых проблем, оставленных без внимания разработчиками. Эти изъяны могут быть не так заметны обычным пользователям, но являются критичными для работы поисковых систем и негативно влияют на впечатление от работы сайта в целом. К сожалению, подобные сайты нередко страдают от серьезных проблем с адаптивностью для мобильных устройств, сильно уязвимы в плане безопасности и плохо оптимизированы для SEO.
- Для настоящих профессионалов не секрет, что такие популярные CMS, как WordPress, Wix или OpenCart, значительно упрощают процесс разработки сайтов для дизайнеров и программистов, но при этом немало осложняют последующую жизнь конечным пользователям, вынуждая их снова обращаться за помощью к IT-специалистам спустя некоторое время.
Кроме того, практически все сайты, сделанные на подобных платформах, содержат внутри себя сотни строк бесполезного кода, сгенерированного автоматически, что значительно замедляет работу сайта и требует дополнительной SEO-оптимизации, выполнение которой в итоге все равно не обеспечит такой же высокой скорости на мобильных устройствах, как платформа WPBit.
Этап 1 – Подготовка хостинга и домена
Если у клиента еще нет своего сайта, и мы создаем проект фактически с нуля:
- На самой ранней стадии, пока дизайнер работает над макетом, мы начинаем с подбора наиболее подходящего доменного имени и регистрируем его в интернет. Здесь мы руководствуемся, прежде всего, тем насколько имя домена созвучно названию компании, а доменная зона соответствует сфере деятельности заказчика. На выбор клиенту будет предоставлено несколько наиболее подходящих доменных имен.
- После выбора места расположения
сайта мы производим оплату и настройку
хостинга для него. В случае отсутствия каких-либо предпочтений у клиента - подбираем
наиболее подходящий вариант в плане месторасположения серверов, стоимости и
качества услуг, предоставляемых хостинговой компанией.
Выбор тарифа будет зависеть
от того, какие ресурсы реально потребуются для работы сайта. Во многом это
определяется спецификой самой платформы, на которой будет сделан сайт (WordPress,
Opencart или же CMS WPBit нашей разработки).
- Сайты на платформе CMS WPBit наименее требовательны к ресурсам хостинга и будут отлично работать даже на самых доступных тарифах, не требуя дополнительной поддержки и настройки после запуска.
- После оплаты выбранного доменного имени и хостинга производится привязка домена к хостингу. Чтобы они смогли корректно работать в связке, нам потребуется отдельно прописать специальные NS-адреса и IP-адрес в панели управления регистратора доменов.
Этап 2 – Настройка и запуск среды для разработки
Непосредственно сам процесс разработки начинается с того, что программист создает у себя на локальном компьютере новый проект со всеми требуемыми настройками. Страницы сайта он будет сначала создавать на своем компьютере, делая их верстку индивидуально и затем последовательно добавляя к уже созданным.
Кроме того, мы создаем еще одну копию проекта в online для запуска демо-версии сайта и настраиваем рабочую среду для нее на нашем хостинге или на хостинге клиента. В процессе разработки сайта программист также будет переносить сюда все новые страницы для демонстрации клиенту.
Благодаря наличию демо-версии сайта заказчик сможет наблюдать за развитием своего проекта и по мере необходимости участвовать в его разработке, сообщая нам о требуемых корректировках и доработках. Такой подход предоставляет возможность максимально быстро получить обратную связь, и в полной мере реализовать все пожелания заказчика еще на стадии разработки.
Этап 3 – Создание базовых элементов сайта
Вне зависимости от того будет ли сайт разрабатываться по индивидуальному макету, созданному дизайнером или готовому шаблону, сначала производится верстка базовых элементов сайта, повторяющихся на всех страницах. Сюда входят хедер и футер (общие для всех страниц блоки в самой верхней и нижней частях сайта, которые обычно содержат горизонтальное меню и контактные данные), меню сайта, а также логотип компании и favicon (маленькая иконка, отображаемая на закладке браузера и при передаче ссылки на сайт через сообщения в мессенджерах).
Что касается логотипа и favicon, то далеко не всегда клиенты осознают, насколько важны эти графические элементы, и в состоянии определиться с их выбором до начала разработки сайта. В таком случае мы используем более-менее подходящие временные варианты, которые, впрочем, нередко остаются рабочими и после запуска сайта. Но здесь важно постараться утвердить с заказчиком именно финальный вариант, тогда мы сможем на данном этапе отследить и устранить все возможные ошибки и недочеты с отображением данных элементов на устройствах пользователей.
- Дело в том, что после открытия сайта на мобильном телефоне лого и favicon попадают прямиком в кэш Google, внутреннюю память устройства или кэш интернет-браузера, надолго там сохраняясь в том виде, как это было при первоначальной загрузке. И тогда при получении ссылки на сайт в мессенджере адресаты сообщения будут видеть рядом с кратким описанием сайта уже устаревшую иконку с лого из кэша, а не ее обновленный вариант с сайта. Это значит, что после замены favicon может пройдет немало времени, и потребуются дополнительные операции по очистке кэша, чтобы пользователи смогли увидеть новый вариант иконки на своих устройствах.
Этап 4 – Разработка главной страницы
Как правило, эта часть работы является наиболее сложной и объемной по сравнению с выполнением верстки других разделов сайта. Здесь присутствует полный набор всех элементов дизайна (стили, иконки, шрифты, меню) и универсальные блоки с текстом, которые также будут применяться и на других страницах.
После окончания работ по созданию внешнего вида главной страницы мы приступаем к реализации базовой функциональности, чтобы обеспечить правильную работу всех кнопок и других элементов управления.
Кроме того, по мере возможности мы еще добавляем и различные эффекты анимации для повышения динамики и привлекательности сайта. При этом мы не используем сторонние плагины и стараемся не перегружать страницу тяжелыми для мобильных устройств скриптами, а задействуем базовый набор простых и легких для отображения интерактивных элементов, созданных при помощи технологий JS, JQuery и CSS3.
Этап 5 – Создание основных страниц и разделов сайта
В соответствии с техническим заданием проекта производится верстка всех основных разделов и их страниц. При этом наши разработчики придерживаются утвержденного стиля, применяя те же самые дизайнерские решения и графические блоки, что уже были созданы для главной страницы.
- При верстке страниц мы всегда следуем принципам адаптивности и требованиям Google, согласно которым все должно выглядеть не только красиво, но также еще максимально четко и корректно на различных типах устройств. Если делать все правильно, то текст должен быть хорошо различим во всех блоках страницы, а элементы дизайна не будут разъезжаться или наплывать друг на друга. Поэтому мы проверяем, как будет отображаться каждая страница при смене параметров разрешения и сразу же устраняем недочеты, а не просто вставляем картинки и текст, переходя к следующей задаче.
К основным разделам для корпоративных сайтов обычно относят страницы: Список услуг (и/или товаров), О компании, Новости, БЛОГ, Контакты и т.д. А для интернет-магазинов на данном этапе индивидуально разрабатываются страницы разделов: Список товаров, Карточка товара, Корзина, Оформление заказа и т.п.
По умолчанию разделы Товары, Услуги и БЛОГ будут содержать только по одной сверстанной в качестве образца странице, и добавлять новые материалы в эти разделы заказчик сможет уже самостоятельно, используя возможности панели управления нашей платформы. Однако по согласованию с заказчиком мы также можем заняться наполнением всех указанных разделов контентом разово или на постоянной основе.
Этап 6 – Разработка дополнительной функциональности
На данном этапе производится подключение и настройка разработанных нами дополнительных модулей, а также еще и доработка или реализация новых функций, если это требуется в условиях проекта. Здесь мы настраиваем работу различных языковых версий для сайта. По умолчанию все сайты на платформе WPBit мультиязычны, т.е. способны отображать информацию на разных языках даже в базовой версии. Но для добавления новой языковой версии нам потребуется не просто где-то нажать какую-то кнопочку, но еще и внести некоторые изменения в структуру сайта, а также настроить работу языкового модуля, активировав в панели администрирования возможности добавления страниц на новом языке.
Там где это необходимо добавляем формы обратной связи типа «Заказать звонок», «Отправить сообщение» и другие модальные окна, реализующие различные сценарии взаимодействия с посетителями сайта. Также здесь возможно потребуется подключение дополнительных модулей, отвечающих за такие полезные функции как «Поиск по сайту» или «Калькулятор стоимости», и при необходимости производится их настройки или доработка.
- Весьма вероятно, что для реализации нестандартной (отличной от уже имеющейся) функциональности нам потребуется модифицировать структуры данных и таблиц во внутренней части сайта (Back-end), а затем реализовать обработку этих изменений еще и на клиентской части (Front-end).
При создании интернет-магазина на платформе WPBit мы сможем реализовать любые требования и пожелания клиентов. Но чтобы все работало здесь быстро и четко - сначала необходимо заняться проектированием базы данных, в которой будет храниться вся рабочая информация, и только потом переходить непосредственно к программированию. Для этого нам важно собрать всю имеющуюся информацию, проанализировать ее и определить - какие поля и атрибуты войдут в описания товаров, что в этих полях будет содержаться, как и по каким полям будут работать фильтры, сортировка и т.д.
А после завершения проектирования структуры данных нам еще потребуется реализовать в соответствии с условиями проекта функции визуального просмотра товаров и формирования заказов для пользователей сайта, а также просмотр и обработку заказов для администратора магазина в панели управления.
А если, например, клиенту понадобится БЛОГ с продвинутыми возможностями, где он захочет дополнительно разделять статьи по категориям, то здесь нам также придется изменять структуру данных, чтобы добавлять новые категории статей, назначать для каждой статьи собственную категорию и управлять их отображением. Ну а после этого потребуется реализовать модифицированный алгоритм вывода статей из новой структуры данных для БЛОГа.
Кроме того, для страниц со списками, к которым относятся БЛОГи, Новости и страницы с подбором товаров у интернет-магазинов обязательной является функция автоматического разбиения данных списка на страницы (пагинация), которая у нас входит в стандартные модули по умолчанию. Обычно это число, по которому работает ограничение записей на странице, составляет 10, 20 или 30.. Однако чтобы задать желаемое ограничение для конкретной страницы потребуется произвести небольшую настройку модуля пагинации для нее, а в зависимости от требований заказчика, возможно, что придется это делать и для нескольких страниц сайта.
Этап 7 – Демонстрация и предварительная сдача проекта
После завершения всех этапов разработки клиенту будет продемонстрирована работа сайта сначала в тестовом режиме. В ходе демонстрации и обсуждения проекта мы соберем ваши последние замечания и постараемся реализовать их в течение нескольких дней перед коммерческим запуском сайта. Эти доработки могут включать в себя небольшие изменения в элементах дизайна, корректировку фотоматериалов или текстов, а также некоторые правки, касающиеся общей работы сайта или его функциональности.
Этап 8 – Настройка панели управления для администрирования сайта
После внесения на сайт замечаний со стороны заказчика и получения его одобрения, мы приступаем к подготовке сайта к коммерческому запуску, начиная этот процесс с подключения и настройки панели администратора. Этот модуль необходим, чтобы вы смогли добавлять и редактировать контент на своем сайте самостоятельно.
В зависимости от выбранной комплектации нашего продукта в панели администратора мы подключим и настроим только те модули, которые будут необходимы для работы и ничего лишнего. В некоторых случаях может потребоваться доработка модуля в соответствии с техническим заданием проекта.
Этап 9 – Коммерческий запуск сайта и период бесплатной поддержки
Для старта проекта в коммерческую эксплуатацию необходимо осуществить перенос его демонстрационной версии на рабочий хостинг клиента. В процессе переноса мы не просто копируем рабочие файлы с одного сервера на другой, а еще и настраиваем всю рабочую среду для проекта на стороне хостинга, вносим необходимые изменения в конфигурационный файл сайта.
В рабочую среду в зависимости от используемой версии нашего продукта, а также используемого веб-сервера (Apache или Nginx) и прочих технологий обычно входят: СУБД MySQL, PHP, CURL, SSL и другие программы. Все эти продукты, как правило, при покупке хостинга по умолчанию еще не будут работать должным образом, и требуют дополнительной работы нашего специалиста по их настройке.
- После запуска коммерческой версии проекта на сервере у клиента мы обязательно покажем и объясним, как пользоваться сайтом и работать с панелью администратора.
Далее для вас будет действовать период бесплатной поддержки и консультирования в течение 1 месяца. В этот период все обнаруженные ошибки и недочеты будут исправлены нами бесплатно, а кроме того могут быть сделаны и небольшие правки по дизайну страниц, корректировка логики работы сайта, а также проведены работы по улучшению адаптивность и скорости работы сайта.
Владельцы сайтов часто задумываются насчет следующих моментов:
- Сможет ли сайт нормально проработать без поддержки и установки обновлений в течение нескольких лет?
- Не пропадет ли куда-то разработчик, лишив их дальнейших перспектив развития и возможностей для доработки проекта?
- Что делать, если вдруг потребуется в срочном порядке устанавливать критические обновления?
Насчет этих моментов не стоит беспокоиться, ведь мы успешно развиваем свой продукт уже более 5 лет, постоянно работая над его улучшениями, дополняя новыми полезными функциями, и своевременно приводим его в соответствие с изменившимися требованиями Google (в среднем это происходит 1 раз в год). При этом мы обязательно оповещаем всех клиентов о том, что для сайтов вышли полезные обновления, которые будут установлены нашими специалистами по согласованию сторон.
Кроме того, мы продолжаем сотрудничество со многими клиентами, не только верстая новые страницы для их сайта, но и создавая уникальный контент (видеоролики, фотоматериалы, тематические статьи ), также занимаемся SEO-продвижением и проведением рекламных кампаний в соцсетях и сервисе Google Ads.
На основании многолетнего опыта мы четко видим, что потребность в подобных платформах со временем будет только увеличиваться, по мере того как все большее количество предпринимателей и пользователей начинает осознавать насколько важны факторы быстрой, стабильной работы сайтов на мобильных устройствах, а также уникальные возможности SEO для успешного привлечения и удержания клиентов.
Этап 10 – Подключение утилит статистики Google
Вы не сможете считать себя полноценным владельцем сайта до тех пор, пока у вас не будет всех доступов и паролей к нему. И мы, безусловно, предоставим вам все это, включая доступы к хостингу, домену и модулю администратора сайта сразу же после его запуска.
Однако если вы всерьез задумываетесь об активном привлечении клиентов из поисковых систем и полноценном развитии своего бизнеса в онлайн, то сегодня просто иметь сайт и доступы к нему уже недостаточно!
Именно для этих целей предназначена пара мощнейших инструментов от Google - Google Analytics и Search Console, о подключении к сайту которых многие разработчики почему-то умалчивают или не предоставляют доступ к ним. В результате ежедневные данные о параметрах работы вашего сайта в течение многих месяцев или лет могут быть безвозвратно утеряны или недоступны.
А ведь с помощью этих утилит не только SEO-специалист, но и сам владелец сайта лично сможет в любой момент посмотреть бесценную статистику по всем страницам сайта, источникам привлечения посетителей, их поведению, интересам, месторасположению и другим параметрам, а также отследить динамику роста позиций по всем ключевым запросам в органическом поиске Google.
Они также критически важны и для всех добросовестных разработчиков сайтов, поскольку помогают вовремя обнаружить скрытые от глаз технические ошибки, требующие улучшений моменты и все исправить еще до того, как сайта начинает терять посетителей, а его позиции в поиске стремительно падать.
Не беспокойтесь, мы обязательно подключим и бесплатно настроим для вас эти утилиты, а доступы к ним будут предоставлены на ваш рабочий аккаунт Google или же на специально созданный для этой цели отдельный акккаунт.
При необходимости наши специалисты продемонстрируют вам основные моменты в работе с этими инструментами, а также подскажут, как правильно интерпретировать их данные и как ими пользоваться для развития проекта в дальнейшем.
Что входит в базовую SEO-оптимизацию сайта
Сегодня многие разработчики предлагают сделать красивый, оригинальный сайт, но при этом практически не уделяют должного внимания его скорости работы, SEO-оптимизации и другим техническим нюансам. А ведь действуя таким образом можно потерять немало ценного времени и клиентов!
Дело в том, что все эти факторы крайне важны уже на старте проекта, поскольку помимо дизайна именно они являются основными показателями качества выполненных работ, гарантируя положительные впечатления для пользователей, и во многом определяя дальнейшие перспективы развития проекта, а также сроки и затраты на SEO-продвижение.
К сожалению, нам достаточно часто приходится наблюдать и переделывать другие сайты, в которых присутствует бесчисленное множество технических ошибок, из-за чего важные страницы остаются без индексации Google (т.е. практически не видны в поиске пользователям) в течение многих месяцев или даже лет.
А когда владелец все-таки осознает необходимость продвижения своего сайта в сети и обращается за помощью к SEO-специалистам - те всегда начинают свою работу с выявления технических ошибок и недочетов на сайте, для исправления которых снова придется привлекать разработчиков или делать все самостоятельно.
- Нередко случается, что устранить такие ошибки бывает очень сложно, а иногда может потребоваться даже полная переделка сайта. В то же время для сайтов, сделанных на платформе WPBit, такие ошибки отсутствуют по умолчанию.
Все наши специалисты по верстке хорошо знакомы не только с современными трендами в web-дизайне, но и со всеми текущими техническими требованиям к сайтам со стороны Google, неукоснительно следуя им в работе. Так что, запустив проект на нашей платформе, вам не потребуется тратить дополнительные ресурсы, а можно будет целиком сосредоточиться на создании контента и правильном наполнении им своего сайта.
- В зависимости от степени конкуренции в вашей бизнес нише сайт будет постепенно продвигаться в поиске вверх без дополнительных усилий, если вы хотя бы сможете периодически обновлять и добавлять на него уникальный контент. В таком случае SEO возможно потребуется не ранее чем через несколько месяцев или если вы сразу захотите ускорить этот процесс (провести точный анализ конкурентов и выяснить перспективы роста в поиске вам поможет наш SEO-специалист).
Далее приводим список работ, относящихся к данному разделу:
- Разработка четкой структуры сайта с корректными, интуитивно-понятными адресами страниц. В структуре пути мы используем хлебные крошки, облегчающие навигацию для каждой страницы.
- Обнаружение и устранение дубликатов страниц и страниц с нерелевантным контентом.
- Для облегчения процесса обнаружения страниц поисковыми ботами создается карта сайта в файле sitemap.xml и корректный файл robots.txt.
- В поисковый индекс добавляются все страницы сайта, чтобы пользователи как можно скорее смогли найти их в интернет через поиск в Google. Это значит, что вам не нужно будет добавлять их самостоятельно или привлекать SEO-специалиста.
- Подключаем и настраиваем аналитику на сайт, чтобы вы смогли сами наблюдать статистику работы по посетителям в различных срезах.
- Для каждой страницы на этапе верстки заполняются все необходимые мета-теги (Title, Description, Alt) правильными значениями, оптимальными по размеру и релевантными относительно содержимого в ее текстах.
- Все изображения на сайте оптимизируются для увеличения скорости их загрузки на стороне пользователя. Слишком большие изображения, уменьшаются таким образом, чтобы размер файла соответствовал установленным для web-стандартам. При этом используется оптимальный метод сжатия и современные форматы графических файлов, рекомендуемые Google. Для всех изображений обязательно указывается параметр отложенной загрузки (lazy load).
- Для повышения общей скорости работы сайта дополнительно настраивается gzip-сжатие статических файлов, содержащих таблицы стилей, JS-скрипты и картинки. Это позволяет значительно уменьшить объем передаваемой информации по сети и общее время загрузки страницы. При этом на сервер передается определенная команда - отдавать все эти файлы в сжатом виде, а не используются какие-либо сторонние плагины (как практикуют разработчики сайтов на WordPress). И при получении содержимого страницы уже сам браузер на стороне пользователя будет распаковывать все эти ресурсы непосредственно перед отображением.
- Для статических файлов и разделов сайта, которые будут редко редактироваться, включается кеширование, чтобы увеличить скорость загрузки при повторном посещении сайта. Для этого на стороне сервера или клиента передается команда на кэширование определенных файлов, чтобы после первичной загрузки они хранились в браузере на стороне клиента определенное количество времени. Загрузка страниц, настроенная таким способом, будет происходить практически мгновенно в устройстве пользователя.
Подытожив все сказанное ранее, отметим, что созданные сайты на платформе WPBit, сочетают в себе уникальный набор передовых технологических решений для представления безнеса online и удобного управления всеми процессами. Воспользуйтесь неоспоримыми преимуществами нашего продукта прямо сейчас - и вы сможете обеспечить себе солидный задел перед конкурентами, достигнув за считанные недели таких результатов, которых другие компании в силу разных причин не смогли успешно преодолеть и за годы!
