Болдырев М.Б._ПИп-1501. Разработка вебсайта автосервиса с элементами seoоптимизации
 Скачать 1.81 Mb.
|
|
Глава 2 Логическое проектирование веб-сайта автосервиса 2.1 Выбор технологии логического моделирования веб-сайта автосервиса с элементами SEO-оптимизации Дальнейшим шагом в разработке веб-сайта является логическое проектирование, оно помогает в физической разработке и детальном анализе взаимосвязей объектов. Данный шаг предусматривает действия, направленные на конструирование и проверку информационной схемы предприятия, которая свободна от физических условий и СУБД. С целью снижения периода разработки и уменьшения количества погрешностей при разработке логической модели, будут использоваться CASE-средства. Для раскрытия принципа работы логической модели будет построена диаграммы вариантов использования. При построении диаграммы вариантов использования будет использоваться язык моделирования UML. Для создания логической модели применяется StarUML. StarUML - это проект с открытым кодом для разработки быстрых, гибких, расширяемых, функциональных и, главное, распространяемых бесплатно платформ UML/MDA для 32-разрядных систем Windows [11]. Создадим диаграмму логической модели веб-сайта и опишем ее. 2.2 Логическая модель веб-сайта и её описание Опишем логическую модель с помощью диаграммы вариантов использования и диаграммы последовательности. Диаграмма вариантов использования в UML - диаграмма, отражающая отношения между актёрами и прецедентами и являющаяся составной частью модели прецедентов, позволяющей описать систему на концептуальном уровне [10]. Диаграмма вариантов использования берет в свою основу контекстную диаграмму «КАК ДОЛЖНО БЫТЬ». Разработанная диаграмма вариантов использования показана на рисунке 2.1. 22 Рисунок 2.1 – Диаграмма вариантов использования На диаграмме вариантов использования роли актеров выполняют: клиент – любой человек, который заходит на веб-сайт с целью поиска необходимой услуги и анализа стоимости на действующем рынке; сотрудник автосервиса – менеджер или администратор компании, отвечающий за консультирование клиента и обученный работе редактирования веб-сайта. Каждый актер выполняет действия (прецеденты). Описание прецедентов описано в таблице 2.1. Таблица 2.1 – Характеристика прецедентов № Прецедент Характеристика 1. Получение информации об услугах Ознакомление и получение поэтапного алгоритма оказания услуг 2. Расчет стоимости услуг Получение расценок на услуги с расчетом от введенных параметров в систему 3. Ознакомление с товарами Сравнительный анализ характеристик и описания предлагаемых товаров 23 Продолжение таблицы 2.1 – Характеристика прецедентов 4. Составление заявки Отправка контактных данных клиента на сторону компании 5. Редактирование стоимости услуг Действия по изменению параметров для расчета стоимости услуг 6. Редактирование описания товара Действия по редактированию описания или характеристик товара 7. Обработка заявок Действия по ведению диалога с клиентом, заполнившим форму обратной связи. Закончив с диаграммой вариантов, создадим диаграмму последовательности рисунок 2.2. На ней показано каждое действие актера и разрабатываемой системы. Рисунок 2.2 – Диаграмма последовательности Действия актеров и системы происходит в следующем порядке: 1. менеджер компании производит изменения в списке применяемых составов (если требуется); 24 2. система показывает новые описания и цены; 3. клиент заходит на сайт из поисковой выдачи; 4. система демонстрирует товары и описание к ним; 5. клиент производит расчет стоимости по заданным им характеристикам; 6. система выводит стоимость оказания услуг; 7. клиент составляет заявку и оставляет свои контактные данные; 8. система передает заявку с контактными данными сотруднику автосервиса; 9. сотрудник фирмы связывается с клиентом. Разработанная логическая модель показала правильное взаимодействие объектов и их связи. Следующим этапом будет разработка концепции веб– сайта. 2.3 Проектирование БД автоматизированной информационной системы автосервиса Базы данных веб-сайта должна соответствовать требованиям заказчика и обеспечивать: простоту использования; высокую отказоустойчивость; широкий выбор типов данных для хранения; высокую степень защиты. Первоначальным действием в разработке базы данных автосервиса требуется разработать структуру таблиц БД. Таблицы должны содержать необходимые поля под определенные данные. При дальнейшем тестировании или использовании можно сделать изменения для более корректной работы. В правильно структурированной таблице не должно быть лишних полей или ненужной информации. В данном случае база данных содержит информацию об антикоррозийных составах, которыми обрабатывают автомобиль. Поля с 25 названием состава его фото и описанием выводятся на отдельную таблицу в экранной форме. При расчете стоимости задействуются поля с названием и ценой. На рисунке 2.3 изображена логическая модель базы данных автосервиса. Рисунок 2.3 – Логическая модель БД автосервиса Составим таблицу для логической модели с описанием атрибутов. Таблица 2.2 – Поля логической модели базы данных № Атрибут Описание 1. Id (ключ) Первичный ключ для каждого антикоррозийного состава 2. Name (название состава) Название состава 3. Opisanie (описание состава) Текстовое поле с описанием характеристик состава и его свойств 4. Img (изображение) Данное поле хранит ссылку на изображение из каталога сайта 5. Price (цена) Цена за использование одного комплекта данного состава Разработав логическую модель базы данных автосервиса можно перейти к дальнейшим шагам в разработке веб-сайта. 2.4 Проектирование логической модели расчета стоимости обработки автомобиля Проведение операций для расчета стоимости обработки автомобиля на веб-сайте положительно скажется на времени обслуживания клиента и 26 сокращении работы сотрудников автосервиса. Расчет стоимости должен содержать необходимые параметры для заполнения и автоматически изменять итоговую стоимость при их изменении. Расчет стоимости определяется по формуле: (2.1) где S – полученная стоимость, L 1 – коэффициент обработки арок автомобиля, L 2 – коэффициент обработки скрытых полостей, L 3 – коэффициент обработки днища автомобиля, N – стоимости от варианта использования состава, K – коэффициент класса автомобиля. 2.5 Требования к аппаратно-программному обеспечению информационной системы Для качественной и безопасной работы системы необходимо соблюдать требования к техническому обеспечению, а кроме того соблюдать требования к доменному имени. Требования к аппаратно-программному обеспечению: операционная система – Windows Vista (или современнее); центральный процессор – тактовая частота не менее 1.4 ГГц; оперативная память – не менее 1 Гб; свободное место на жестком диске – не менее 1 Гб; подключение к сети интернет; интернет–браузер. Требования к серверной части: круглосуточная работа; процессор – не ниже Pentium IV; оперативная память – не менее 512 Мб; свободное место на SSD диске – не менее 2 Гб; пропускная способность интернет канала – не менее 50 Мб/c. 27 Требования к серверу СУБД и АИС: процессор – тактовая частота не менее 1.4 ГГц; оперативная память – не менее 1 Гб; свободное место на жестком диске – не менее 2 Гб; пропускная способность интернет канала – не менее 50 Мб/c. Требования к доменному имени: доменное имя не ниже 2 уровня; регистрация в ru зоне; отсутствие истории Whois; название домена на латинице. Требования к безопасности: Требуется разграничить доступ для клиентов, поисковых систем и сотрудников автосервиса. Разграничение доступа к данным в БД должно выполняться на уровне СУБД. 2.6 Факторы, влияющие на ранжирование в поисковых системах Основная задача в SEO–оптимизации заключается в создании необходимых условий и соблюдении параметров для поисковых систем. По введенному запросу поисковые системы показывают релевантные страницы, отсортированные по ранжированию. Рассмотрим и проанализируем основные факторы ранжирования для Яндекса и Google [5]. Первый и наиболее значимый фактор – это наличие наложенные фильтры или санкции от поисковых систем. Фильтр накладывается на ресурсы за определенные действия, связанные с безопасностью пользователей или тематикой размещенной информации. Также высока вероятность получения санкций за переоптимизацию и активное размещение или получение ссылок. Для предотвращения данной ситуации на начальном этапе необходимо максимально проверять приобретаемое доменное имя. Необходимо смотреть whois и кэш-историю как домен выглядел раньше. В популярных тематиках осталось мало чистых доменов. 28 Второй по значимости фактор - информация, размещенная на страницах сайта. Необходимо создавать текст для чтения людьми, а не роботами. Также, информация должна быть уникальной, поисковым роботам не целесообразно, чтобы одна и та же информация показывалась в выдаче. Если после индексации поисковый робот обнаружил дублирование контента с другого ресурса, высока вероятность снижения позиций и отказ в занесении новых страниц в поиск. Полезным действием станет внутренняя перелиновка. Она позволит связать страницы ссылками друг с другом. В этом случае статический вес будет распределен между приоритетными страницами, а маловажные учтены не будут. Чтобы понимать важность создания внутренней перелиновки, достаточно знать специфическую закономерность: чем больше будет ссылок на страницу, тем больший она будет иметь статистический вес. Не обязательно оптимизировать главную страницу под все поисковые запросы, достаточно разместить ссылки с главной страницы на второй подуровень страниц и связать второй подуровень между собой. Такой способ наиболее популярный и высокоэффективный. Таким образом, внутренняя перелиновка веб-сайта является важным аспектом при продвижении ресурса. Не маловажное действие оказываю поведенческие факторы ранжирования. Представители поисковых систем утверждают, что эти характеристики играют ключевую роль в современном развитии рунета. Ниже приведены наиболее важные факторы, с которыми обязательно стоит работать. Время посещения. После перехода на сайт по определенному запросу, поисковик засекает время, через которое пользователь вернется обратно к поиску. Чем больше времени он проводит на сайте, тем больше сайт подходит к этой поисковой фразе. Необходимо как можно дольше удерживать посетителя. Для этого следует отказаться от рекламы и раздражающих всплывающих окон. 29 Количество просматриваемых страниц. Если пользователя заинтересовала информация на сайте, то он будет совершать переходы на другие страницы. Например, после просмотра цены на товар, посетитель захочет узнать адрес магазина или заказать товар. Если тематика относится к информационной, пользователь обязательно прочтет еще пару статей. К отказам относят ситуации, когда пользователь сразу после открытия закрывает вкладку. Слишком большой показатель может плохо сказаться на ранжировании в поисковой выдаче. Причинами отказов может быть долгая загрузка страницы, некачественный контент или шокирующая информация. Возвращение пользователя. Если пользователь после перехода на сайт по определенному запросу через некоторое время вновь вводит этот запрос в поисковую машину и открывает этот же сайт, то данные действия сигнализируют поисковой системе, что именно этот сайт больше всего отвечает на запрос. CTR сайта в поисковой выдаче. Об этом факторе говорят уже давно. Суть сводится к тому, что поисковая система может посчитать сайт, занимающий четвертую позицию более полезным, чем сайт на второй позиции в том случае, если CTR «четвертого» выше. Работа с увеличением CTR связана с разработкой яркого и выделяющегося favicon, добавлением в заголовки и описания фраз для привлечения внимания. Отталкиваясь от вышеприведенных данных, можно сделать вывод, что необходимо активно работать над сниппетами. При этом важно делать их не только соответствующими запросу, но и интересными, завлекающими. Сегодня мало попасть в топ 10, нужно сделать предложение, которое будет выгодно смотреться на фоне конкурентов в этом топе. Такая работа увеличит посещаемость и улучшит данный поведенческий фактор. Посещаемость и источники трафика. Чем выше посещаемость - тем лучше. Это означает, что над сайтом работают. Но важно не только количество посещений, но и источники входа. У каждого из нас есть 30 страница в социальной сети. Обсуждение с размещением ссылок на ресурс и переходы по этим ссылкам учитываться поисковыми системами. Возраст доменного имени оказывает один из ключевых факторов в выдаче для молодого сайта. На большинство молодых сайтов накладывают фильтр «песочница». Принцип его работы виден на позициях в выдаче. Веб- сайт плавно поднимается с 8-9 страницы на 3, а затем алгоритмы выдачи резко меняются и страница резко возвращается обратно или еще ниже. Закрепиться хотя-бы на 3 странице выдачи - невозможно. Данный фильтр снимается с течением времени. Необходимо работать над веб-сайтом, разрабатывать новые страницы и контент. Теги и их содержание. К тегам относится текст в заголовках страниц, подписи и названия картинок, выделенные словосочетания. При их составлении необходимо употреблять слова из семантического ядра и синонимы. Правильно составленные теги увеличивают релевантность запроса к поисковой выдачи. Выводы по главе 2 Вторая глава описывает логическое проектирование информационной системы. Также показаны диаграмма вариантов использования, диаграмма последовательности. Выявлены требования к аппаратно-программному обеспечению веб-сайта ООО «АВТОЛИК». Разработана логическая модель базы данных. Проанализированы факторы, влияющие на оптимизацию для поисковых систем. 31 Глава 3 Физическое проектирование веб-сайта автосервиса 3.1 Выбор технологии разработки веб-сайта От выбора технологии разработки зависит успешность проекта. На сегодняшний день есть огромное количество вариантов реализации веб- сайта. При выборе средств реализации учитывались требования заказчика. CMS – система управления содержимым (контентом) - компьютерная программа или информационная система, которая используется для организации и обеспечения процесса по совместному созданию, управлению и редактированию содержимого сайта [13]. Наиболее простой способ реализации веб-сайта. При использовании данного способа необходимо платить cms компании за предоставление услуг. Размещение веб - сайта возможно только на определенном хостинге. Большое количество ненужного кода отрицательно скажется на ранжировании в поисковой выдаче. PHP – это распространенный язык программирования общего назначения с открытым исходным кодом. PHP специально сконструирован для веб-разработок и его код может внедряться непосредственно в HTML [14]. JAVA – объектно-ориентированный язык программирования. Приложения, написанные на JAVA, могут работать на любой виртуальной JAVA-машине, не завися от архитектуры компьютера, так как приложения JAVA транслируются в специальный байт-код [12]. HTML – это прежде всего система вёрстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ её представления и оформления зависят исключительно от 32 разработчика и тех целей, которые он перед собой ставит [15]. Данный способ реализации не позволяет использовать серьезное веб- программирование. Данная технология легко воспринимается поисковыми роботами и имеет хорошее отношение количества кода страницы к количеству контента. В таблице 3.1 показан сравнительный анализ технологии разработки. Таблица 3.1 – Сравнение выбранных технологий разработки. № Критерий Вариант технологии разработки CMS PHP JAVA HTML 1. Простота обучения + – – – 2. Опыт работы + + + + 3. Объектно-ориентированный язык – + + – 4. Бесплатная реализация – + + + 5. Положительное влияние на поисковые системы – +/– – + 6. Широкие возможности с базами данных – + + – 7. Простота использования + – – – 8. Взаимодействие с базами данных – + + – Итого: 3 5,5 5 3 Проведя сравнение технологии разработки было принято решение использовать для страниц продвижения технологию HTML. Для всех остальных страниц использовать PHP. Средства PHP имеют большой спектр возможностей для работы с базами данных и разработки форм. 3.2 Составление семантического ядра Составление семантического ядра и подбор поисковых фраз является ключевым моментом в разработке веб-сайта с коммерческой тематикой. 33 Благодаря правильно составленному ядру можно предугадать поведение клиента на страницах поиска. Что такое семантическое ядро? Это база слов или словосочетаний, описывающих род деятельности организации. При составлении семантического ядра, необходимо отвечать на вопрос: какую информацию можно найти на сайте. Или определить, с помощью каких поисковых запросов клиенты ищут информацию, которая будет размещена на сайте. Для правильного подбора ключевых фраз для оказания услуг по антикоррозийной обработке необходимы данные по количеству запросов, добавочные выражения, похожие, но менее популярные фразы, предложенные фразы от поисковой системы. В этом поможет сервис от Яндекса - wordstat. Сперва необходимо обозначить региональность поиска и тип устройства с которого ведется поиск рисунок 3.1. С малой долей вероятности пользователи из города Москва будут искать услуги в Тольятти. Поэтому необходимо сузить круг поиска до Тольятти и Жигулевска. С типом устройства ограничений нет, клиент может искать как с мобильного телефона, так и с компьютера. Создавая семантическое ядро нужно понимать, что есть низкочастотные запросы, среднечастотные и высоко частотные. Поисковая фраза «антикоррозийная обработка» имеет 411 показов в месяц, ее можно отнести к среднечастотной. Тогда, как фраза «антикоррозийная обработка днища автомобиля» 13 показов - ее отнесем к низкочастотной. Высокочастотные запросы начинаются с 1000 показов, но данной тематике их нету. Продвижение по низкочастотным запросам гораздо легче, чем по высокочастотным или среднечастотным. Вместе с тем, значительной популярности веб-сайта не стоит ожидать [5]. В данной ситуации наилучший вариант - это продвижение по среднечастотным запросам с добавлением слов 34 из низкочастотных. В семантическое ядро необходимо добавить слова: «антикоррозийная, обработка, авто, Тольятти, цены, днище, кузов, защита». Рисунок 3.1 – Результаты показов с ограничением по региональности К предложенным фразам от поисковых систем относятся фразы, когда клиент не допечатывает запрос, а поисковик предлагает свой запрос (рисунок 3.2 и 3.3). Данные запросы очень популярны и на них надо ориентироваться. Они показывают в каком порядке размещать слова и предлоги. Рисунок 3.2 – Предложенные фразы от Яндекса 35 Рисунок 3.3 – Предложенные фразы от Google Проведя анализ запросов, можно вывести следующие важные фразы: «антикоррозийная обработка авто в Тольятти; антикоррозийная обработка авто; антикор Тольятти; антикоррозийная обработка авто в Тольятти цены». Данные фразы являются ключевыми и основной трафик пользователей будет приходить по ним. К добавочным словам относятся: «цена, днище, кузов, защита». Добавочные слова будут рассредоточены по странице для увеличения релевантности запросов и разбавления тошноты текста. |