Болдырев М.Б._ПИп-1501. Разработка вебсайта автосервиса с элементами seoоптимизации
 Скачать 1.81 Mb.
|
|
3.3 Выбор доменного имени При выборе доменного имени необходимо соблюдать следующие правила: доменное имя должно быть свободно; доменное имя не должно иметь историю; включение слов из семантического ядра положительно скажется на ранжировании в поисковой выдаче; оптимальная длина – 2-3 ключевых слова. Доменное имя – это неповторимое алфавитно-числовое наименование, которое может содержать буквы, числа, знак тире, что считается требуемым компонентом адреса в сети интернет. Регистрация доменного имени происходит на русскоязычном сервисе REG.RU. Это лидер из числа отечественных регистраторов доменных имён, а 36 кроме того наикрупнейший из аккредитованных регистраторов в Европе, который исполняет свои функция с 2006 года. Проверка на занятость домена происходит на этом сервисе. При вводе доменного имени в строку адреса сайт может быть не доступен или не отвечать на запрос, но это не значит, что он свободен. Домен может находиться в собственности у кого-то и приобрести его невозможно. История домена или whois показывает был ли раньше домен кем-то занят. Плохая история может загубить дальнейшее продвижение в поисковых системах. Для проверки whois используется проверка от REG.RU и онлайн сервис Wayback Machine. Здесь можно не только посмотреть историю, но и увидеть, как раньше выглядел веб-сайт. Для выбора доменного имени заказчику было предложено несколько вариантов. Сравнение приведено в таблице 3.2. Таблица 3.2 – Сравнение выбранных технологий разработки. № Критерий Название auto-antikor.ru antikor-tlt.ru antikor- avto.ru антикор- тольятти.рф 1. Чистая история whois + – – + 2. Включение ключевых слов + + + + 3. Читаемость и запоминаемость + + + + 4. Отсутствие владельца + + – + 5. Согласие заказчика + +/– – – Итого: 5 3,5 2 4 37 Согласовав с заказчиком и проведя проверку анализ доменных имен был выбран «auto-antikor.ru». Здесь употребляется словосочетание из двух слов антикор и авто. Включение «auto» положительно скажется на дальнейшем расширении запросов по автомобильной тематике. 3.4 Выбор хостинг-провайдера Для стабильной работы веб-сайта необходимо выбрать надежного хостинг-провайдера. Частые сбои в работе отрицательно скажутся на работе веб-сайта автосервиса. Выбор хостинг-провайдера можно остановить на REG.RU, но стоимость их услуг, по предоставлению хостинга, слишком высокая, а предоставляемые услуги не соответствуют необходимым. Необходимо проанализировать рынок данных услуг и выбрать необходимый вариант. Для определения стабильности необходимо детально изучить каждую организацию и отзывы о ней. При выборе хостинг-провайдера ключевым фактором будет являться техническая поддержка и выгодная стоимость оказания услуг. Сравнение хостинг-провайдеров представлено в таблице 3.3. Таблица 3.3 – Сравнение выбранных технологий разработки. № Критерий хостинг-провайдер iphoster reg sweb hostinger host-express beget 1. Круглосуточная техническая поддержка + + – + – + 2. Положительные отзывы клиентов + + – + + + 3. Возможность восстановить данные + + + + + + 4. Требования к серверной части + + + + + + 5. Управление DNS + + – + – + 6. Поддержка PHP, MySQL + + + + + + 7. Выгодная + – + + + + 38 стоимость услуги 8. Опыт сотрудничества + – – + – + Итого: 8 6 4 8 5 8 Проанализировав рынок и отзывы, был выбран вариант iphoster.net. Для связывания домена и хостинга от разных компаний, необходимо прописать ns-серверы на стороне доменной компании рисунок 3.4. Рисунок 3.4 – Информация на хостинг–провайдере После всей проделанной работы будут доступны логин и пароль (рисунок 3.5) для загрузки данных на сервер. Для загрузки документов на хостинг используется FTP протокол передачи данных и TLS шифрование. Рисунок 3.5 – Загрузка данных на сервер 39 3.5 Разработка SEO-оптимизированной страницы для поисковых систем Основной целью внутренней оптимизацией является повышение привлекательности сайта для поисковых систем. Поисковики выбирают наиболее подходящие страницы. Всю информацию на странице можно разделить на две группы: теги и контент на странице. Составим необходимые теги для запросов по предоставления услуг антикоррозийной обработки авто. Title – это первое, что видит человек на странице поисковой системы. Этот тег должен содержать слова из семантического ядра и одновременно привлекать внимание добавочными словами: “скидки, выгодно, только у нас”. Необходимо помнить, что поисковые системы выводят только 75 символов, остальное обрезают. Description – это кратное описание страницы. Необходимо описать в 2- 3 предложениях основную задачу страницы с употреблением слов из собранного семантического ядра. Поисковые системы могут заменить description на фрагмент из текста на странице. Данные теги должны быть уникальны для каждой страницы веб-сайта. При составлении title и description нельзя злоупотреблять словами из семантического ядра. Текст должен быть читаемым. Keywords – этот тег состоит из ключевых слов или слов наиболее часто встречающихся на странице. Оптимально составленный keywords состоит из 3-6 фраз или слов. H1 – заголовок страницы. Он размещается вверху страницы и содержит основную информацию о странице. Этот заголовок должен быть уникален для каждой страницы. H1 должен содержать слова из семантического ядра. Geo теги – они используются для указания региональности поиска. Если веб-сайт подключен к Янедекс.Вебмастер, то от их использования можно отказаться. Составленные теги представлены на рисунке 3.6. 40 Рисунок 3.6 – Составленные теги Контент должен состоять только из оригинальных материалов. Большое внимание уделяется статьям на странице. Именно их читает пользователь, зашедший на страницу. Статья должна быть информативной и легко читаться, чем дольше пользователь находится на сайте, тем лучше поведенческие факторы. Что представляют SEO-статьи? Во-первых, в них должны употребляться ключевые слова, собранные в семантическом ядре. Текст должен быть написан без ошибок и слова должны употребляться в правильной форме, иначе это может привести к санкциям со стороны поисковых систем. Статья должна быть информативной, поэтому важно соблюдать баланс “воды”, красочных эпитетов и сухой информации. Необходимо следить за академической и классической тошнотой текста. Проверить все необходимые параметры можно в сервисе advego. Результат проверки составленной статьи показан на рисунке 3.7. Рисунок 3.7 – Результат проверки статьи 41 Из результатов проверки видно, что семантическое ядро составлено правильно. Атрибуты ALT и Titlt - служат для правильной оптимизации изображений на странице сайта. Каждый поисковый робот учитывает их. Неправильное использование может привести к негативным последствиям. Атрибут Title, предназначен для помощи посетителю сайта, его значение выводится в белом прямоугольнике, при наведении курсора на изображение. Нельзя путать атрибут Title с тегом заголовка страницы-Title. Title должен содержать информацию, по смыслу соответствующей изображению. Не быть слишком длинным. Ограничений нету, но большая всплывающая подсказка будет не корректно отображаться. Не копировать заголовок страницы и содержимое атрибута alt. Атрибут ALT - хорошо индексируется поисковыми роботами и более важен для поисковой оптимизации. Благодаря alt можно подсказать роботу, что это за картинка и что на ней изображено. Раньше по стандартам W3C наличие этого атрибута было обязательным. Использование этого атрибута, очень важно, для увеличения релевантности страницы и показа изображений при «Поиске по картинкам». Также браузер показывает этот текст, если не смог отобразить изображение. Для безопасного продвижения в данном виде поиска нужно соблюдать следующие правила: ALT должен соответствовать информации на странице и быть ему релевантным. Длина должна быть от 4 до 7 слов. Не использовать более двух ключевых слов в одном атрибуте. 3.6 Выбор системы управления базы данных База данных - это хранилище, где размещена все типы информации. Для удобства использования базы данных автосервиса выберем наиболее оптимальную систему управления базой данных (СУБД) [6]. 42 MySQL – популярная и полнофункциональная СУБД. Совмещает множество типов данных и огромное количество информации. Для подключения к веб-сайту используется админ панель. PostgreSQL – считается самой продуктивной и поддерживает популярные объектно-ориентированные и реляционный подходы к базам данных. SQLite – данная система основана на файлах. При работе с этой СУБД вызовы отправляются сразу в саму базу данных. Именно поэтому SQLite очень быстрый и мощный. Сравнение СУБД представлено в таблице 3.4. Таблица 3.4 – Сравнение СУБД. № Критерий Название MySQL PostgreSQL SQLite 1. Удобство эксплуатации + + – 2. Гибкость настройки + + – 3. Высокая скорость работы + + + 4. Широкий функционал + + + 5. Опыт работы + – – 6. Простота реализации + – + Итого: 6 4 3 Проведя анализ систем управления баз данных, можно сделать вывод, что наиболее оптимальным вариантом является СУБД MySQL. 3.7 Описание функциональность веб–сайта В этом разделе рассмотрим функциональность веб-сайта автосервиса. Клиент заходит на веб–сайт из поисковой системы и попадает на страницу показанной на рисунке 3.8. 43 Рисунок 3.8 – Страница входа на сайт На этой странице содержится описание работы автосервиса и план проводимых мероприятий. В шапке находиться меню с выбором страницы: «Антикор» – страница представлена на рисунке 3.7; «Составы» – страница содержит прайс-лист с применяемыми составами; «Расчет стоимости» – страница для расчета стоимости услуги; «Контакты» – страница c данными компании и формой обратной связи. Расчет стоимости производиться с введением параметров класса автомобиля (Приложение А), применяемого материала и вариантов покрытия. Пример расчета стоимости показан на рисунке 3.9. 44 Рисунок 3.9 – Страница с расчетом стоимости Для составления заявки или получения дополнительной информации клиент может заполнить форму (Приложение Б) обратной связи, показанной на рисунке 3.10. Рисунок 3.10 – Страница с контактами автосервиса Поле с номером телефона содержит ограничение на тип вводимой информации и ограничение по длине. После нажатия на кнопку «Отправить», 45 появляется сообщение об успешной доставке. Сообщение приходит на электронную почту заказчика с указанием телефона и имени клиента. Для редактирования данных о составах (Приложение В), их стоимости и описания используется СУБД MySQL. На рисунке 3.11 показано меню редактирования списка составов. Рисунок 3.11 – Меню редактирования составов 3.8 Оценка эффективности SEO-оптимизации веб-сайта Эффективность SEO-оптимизации проверяется уровнем позиций веб- сайта в поисковых системах. Для проверки позиций используются фразы, предложенные поисковыми системами. Для проверки позиций веб-сайта в поисковой сети «Яндекс», используется сервис be1 график 3.1. График 3.1 – История позиций в Яндексе 46 Для оценки позиция веб-сайта в поисковой системе «Google» использовалась ручная проверка по запросу «антикор тольятти». На основании этих данных построен график 3.1. График 3.1 – История позиций в Google При поиске необходимой информации в интернете, большинство пользователей используют только первую и вторую страницу. Исходя среднестатистических позиций веб-сайта, можно считать проделанную работу успешной. Установленные счетчики метрики фиксируют ежедневные посещения клиентов из поисковых сетей. К положительным результатам можно отнести получение значения «10 ИКС» от Яндекса. 3.9 Оценка эффективности разработки веб-сайта автосервиса Разработка веб-сайта автосервиса должна облегчить работу сотрудников, уменьшить время обслуживания клиента. Для получения результатов эффективности от внедрения веб-сайта, необходимо рассчитать показатели трудовых затрат. Без использования веб-сайта период времени, который затрачивалось на консультацию клиента и расчет стоимости, 0 10 20 30 40 50 60 70 80 21.11.2018 21.12.2018 21.01.2019 21.02.2019 21.03.2019 21.04.2019 21.05.2019 История позиций в Google 47 составлял порядка 25 минут. После внедрения веб-сайта составляет около 5 минут. Абсолютное снижение временных затрат рассчитывается по формуле 3.1: (3.1) где – это временя, которое затрачивается на консультацию клиента в первоначальном варианте, а – это время на выполнение таких же операций после внедрения веб-сайта. Коэффициент относительного снижения рассчитан по формуле 3.2: (3.2) Индекс снижения трудовых затрат рассчитан по формуле 3.3: (3.3) Таблица 3.4 – Показатели эффективности разработанного веб-сайта. Затраты Абсолютное изменение трудоемкости Коэффициент изменения трудоемкости Индекс изменения трудоемкости До разработки веб-сайта После создания веб-сайта Трудоем- кость 25 5 20 80% 5 Таким образом, было подтверждено, что разработанный веб-сайт является эффективным инструментом для ведения бизнеса компании. Выводы по главе 3 В этой главе был реализован веб-сайт автосервиса. Разработана логическая модель базы данных. Описаны основные факторы, влияющие на ранжирование в поисковых системах. 48 ЗАКЛЮЧЕНИЕ Итогом написания выпускной квалификационной работы является разработанный веб-сайт с элементами SEO-оптимизации для ООО «АВТОЛИК». Разработанный веб-сайт позволяет провести расчет стоимости оказания услуг, получить информацию о применяемых составах, оставить заявку на оказание услуг. Редактирование списка используемых материалов происходит через базу данных на стороне хостинг провайдера. Проведенная работа с SEO-оптимизацией веб-сайта, позволяет привлечь новых клиентов. В процессе выполнения проделанной работы были решены следующие задачи: проанализированы бизнес-процессы ООО «АВТОЛИК», построена диаграмма «КАК ЕСТЬ» и ее декомпозиция; проведен анализ существующих веб-сайтов автосервисов; разработана логическая модель веб-сайта; разработана база данных; для составления семантического ядра был использован сервис «wordstat» и анализ предлагаемых словосочетаний; приобретено доменное имя и выбран хостинг-провайдер; разработан веб-сайта с применением PHP+MySQL; написаны SEO-оптимизированные тексты с соблюдением основных параметров текста. подключены метрики и инструменты для разработчика. Дальнейшее развитие веб-сайта предусматривает увеличение количества оказываемых услуг, предлагаемых ООО «АВТОЛИК». 49 СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ Нормативно-правовые акты 1. ГОСТ 7.1-2003. Библиографическая запись. Библиографическое описание документа. 2. ГОСТ 7.32-2001. Отчет о научно-исследовательской работе. Структура и правила оформления. 3. ГОСТ 7.82-2001. Библиографическая запись. Библиографическое описание электронных ресурсов. 4. ГОСТ 34.320-96. Информационные технологии. Система стандартов по базам данных. Концепции и терминология для концептуальной схемы и информационной базы. Введ. 2001-07-01- М.: Изд-во стандартов, 2001. – 46с. - (Основополагающие стандарты). Научная и методическая литература 5. Ашманов И., Иванов А. Оптимизация и продвижение сайтов в поисковых системах. 4-е изд. СПб.: Питер, 2018. - 513 с.: ил. 6. Буренин С. Н. Web-программирование и базы данных [Электронный ресурс]: учеб. практикум / С. Н. Буренин. - Москва: Моск. гуманит. ун-т, 2014. - 120 с. - ISBN 978-5-906768-17-9. 7. Исаев Г.Н. Управление качеством информационных систем. Учебное пособие. – М.: Инфра-М, 2016. – 248 с. 8. Парамонов Ф. И., Колесниченко О. В. Основы проектирования АСУП: Учебное пособие. —М.: Изд-во МАИ, 2015. — 92 с 9. Тарасов С. В. СУБД для программиста. Базы данных изнутри. — М.: СОЛОН-Пресс, 2015. — 320 с.: ил. Электронные ресурсы 10. Сайт «dic.academic.ru» [Электронный ресурс]: Режим доступа https://dic.academic.ru/dic.nsf/ruwiki/1299097, свободный (дата обращения 17.01.2019). 11. Сайт «freeanalogs.ru» [Электронный ресурс]: Режим доступа http://freeanalogs.ru/StarUML, свободный (дата обращения 05.02.2019). 50 12. Сайт «Java» [Электронный ресурс]: Режим доступа https://java.com/ru/, свободный (дата обращения 26.01.2019). 13. Сайт «moolkin.ru» [Электронный ресурс]: статья / «Что такое cms? Для чего она нужна? Какие бывают cms?». Режим доступа: http://moolkin.ru/joomla/cms/chto–takoe–cms–dlya–chego–ona–nuzhna–kakie– byvayut–cms, свободный (дата обращения 26.01.2019) 14. Сайт «php.net» [Электронный ресурс]: Режим доступа https://www.php.net/manual/ru/intro–whatis.php, свободный (дата обращения 26.01.2019). 15. Сайт «webref.ru» [Электронный ресурс]: Режим доступа https://webref.ru/layout/html5–css3, свободный (дата обращения 26.01.2019). 16. Сайт «yandex.ru» [Электронный ресурс]: Режим доступа https://yandex.ru/support/webmaster/index.html, свободный (дата обращения 08.11.2018). Литература на иностранном языке 17. Adam Clarke Harper Collins, SEO 2018 Learn Search Engine Optimization With Smart Internet Marketing Strateg: Learn SEO with smart internet marketing strategies, 2018. 18. Eric A. Meyer: Transforms in CSS: Revamp the Way You Design – O`Reilly Media, 2015. 19. Jason McDonald, SEO Fitness Workbook: The Seven Steps to Search Engine Optimization Success on Google (2019 Updated Edition), 2019. 20. Robin Nixon, Learning PHP, MySQL & java script: With jQuery, CSS & HTML5, 5 th Edition – учебное пособие, издательство: O'Reilly Media – 2018 – 753с 21. Wallace Jackson, HTML5 Quick Markup Reference – учебное пособие, издательство: Apress – 2016 – 80с 51 ПРИЛОЖЕНИЕ А Код страницы расчета стоимости 52 ПРИЛОЖЕНИЕ Б Код страницы обратной связи 53 ПРИЛОЖЕНИЕ В Код страницы составов |