/
/
ОГЛАВЛЕНИЕ
ВвЕДЕНИЕ
1. ОСНОВЫ МОДЕЛИРОВАНИЯ И РАЗРАБОТКИ WEB-САЙТОВ
1.1 Web-сайт: основные понятия, классификация и принципы создания
1.2 Обзор СУБД, применяемых в Web-программировании
1.3 Обзор и сравнительный анализ систем управления сайтами(CMS)
2. АНАЛИЗ МЕТОДОВ РАЗРАБОТКИ, ОПТИМИЗАЦИИ И ПРОДВИЖЕНИЯ WEB-САЙТА
2.1 Анализ средств для разработки и создания Web-сайта
2.2 Фреймворки, используемые при разработке Web-сайтов: сравнительный анализ
2.3 Обзор методов продвижения Web-сайта
3. РАЗРАБОТКА САЙТА ПРЕДПРИЯТИЯ (НА ПРИМЕРЕ ОАО “МИНСКТЕЛЕКОМСТРОЙ”)
3.1 Разработка графического дизайна Web-сайта
3.2 Моделирование и создание Web-сайта
3.3 Описание системы управления сайтом
3.4 Руководство по администрированию Web-сайта
3.5 Продвижение сайта (на примере ОАО “Минсктелекомстрой”)
ЗАКЛЮЧЕНИЕ
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
ПРИЛОЖЕНИЕ
ПЕРЕЧЕНЬ УСЛОВНЫХ ОБОЗНАЧЕНИЙ
ОАО - открытое акционерное общество;
CMS - система управления контентом;
HTML - язык разметки гипертекста;
IP - межсетевой протокол;
PHP - скриптовый язык программирования;
DNS - система доменных имён;
СУБД - система управления базами данных;
БД - базы данных;
MySQL - многопоточная, многопользовательская СУБД;
SQL - язык структурированных запросов;
ИТ - информационные технологии;
ГИС - географическая информационная система;
ODBC - интерфейс (API) доступа к базам данных;
ANSI - американский национальный институт стандартов;
ECMS - системы управления содержанием предприятий;
CMS - система управления контентом сайта;
WCMS - Web Content Management System;
GNU GPL - открытое лицензионное соглашение;
CSS - каскадные таблицы стилей;
CGI - общий интерфейс шлюза;
CLI - интерфейс командной строки;
XML - расширяемый язык разметки;
XSL - язык преобразования и визуализации XML-документов;
DTD - определение типа документа;
XHTML - расширяемый язык разметки гипертекста;
MVC - модель-представление-контроллер;
MIT - лицензия свободного программного обеспечения;
ООП - объектно-ориентированное программирование;
ORM - объектно-реляционное отображение;
Тиц - индекс цитирования;
PR - Page Rank;
Rss - семейство XML-форматов для описания лент новостей;
SQLite - встраиваемый движок баз данных;
FTP - протокол передачи файлов;
СНГ - Содружество Независимых Государств.
ВВЕДЕНИЕ
На сегодняшний день наиболее актуальной темой является создание сайтов. Это связано с тем, что практически любая сфера деятельности, независимо от того связана она с товарами или услугами, нуждается в продвижении, основой которого является информирование.
Главное назначение сайта заключается в том, чтобы поведать пользователям о данной компании. В Интернете существуют разные способы информирования, но, как правило, все они, сводятся к одному - к web-сайту.
Web - сайт является совокупностью электронных документов, объединенных одним адресом. С ростом технологий web-сайты становятся не просто совокупностью документов, но и представлением ряда технологий, которые используются как для привлечения внимания, так и для добавления различных функций, позволяющих делать пребывание пользователя на сайте не только увлекательным, но и удобным.
Создания web-сайтов актуально и повлекло за собой создание ряда специальных систем, позволяющих не только создавать сайты в достаточно короткие сроки, но еще и управлять содержимым этого сайта с использованием специальной панели. Системы управления контентом - это программное обеспечение, позволяющее публиковать и изменять информацию на сайте самостоятельно, без привлечения разработчиков.
Для большинства рекламодателей область повышенного интереса представляют собой пользователи сети. Ни печатная продукция, ни радио или телевидение не могут подать информацию в таком удобном, презентабельном и убеждающем виде, как это сделает web-сайт. Исчерпывающая информация, прайс-листы, каталог товаров, возможность осуществлять всевозможные заказы, рубрика 'ответ-вопрос', размещенные на сайте, избавляют от необходимости разъяснять одни и те же вопросы по телефону, позволит освободить рабочее время сотрудников фирмы для эффективного решения насущных задач. Именно поэтому создание web-сайта для коммерческой организации продиктовано современной необходимостью.
Корпоративный сайт в данное время это не просто часть любой крупной компании, он является неотъемлемой частью практически каждой компании, является составляющей фирменного стиля, отражает особенности и направления деятельности компании. Чтобы бизнес был прибыльным и успешным наличие корпоративного сайта это обязательное условие. Развитие корпоративного сайта - это оптимальное и экономически выгодное средство упрочить позиции компании, позволяющее серьезно экономить на других видах рекламы и уменьшить штат сотрудников.
Уникальный контент сайта, грамотно разбавленный ключевыми словами, а так же привлекательный дизайн страниц способны принести любой компании ощутимую экономическую прибыль.
Целью дипломной работы является разработка web-сайта компании (на примере ОАО “Минсктелекомстрой”) с использованием CMS WordPress, которая является наиболее популярной на сегодняшний день и предоставляет достаточно широкие возможности для разработки.
Для достижения поставленной цели в работе ставятся следующие задачи:
1) Привести классификацию современных web-технологий;
2) Проанализировать существующие средства разработки, оптимизации и продвижения web-сайтов;
3) Разработать новую версию сайта ОАО «Минсктелекомстрой».
1. ОСНОВЫ МОДЕЛИРОВАНИЯ И РАЗРАБОТКИ WEB-САЙТОВ
1.1 Web-сайт: основные понятия, классификация и принципы создания
Web-сайт -- это совокупность информационных ресурсов, связанных между собой функционально, общей темой и дизайном. Сайт -- это информационный проект, опубликованный в Интернете. Простой сайт состоит из html-файлов, а также изображений и медиаконтента, лежащих на сервере и связанных между собой гиперссылками. Сложные сайты кроме того имеют движок и систему управления контентом.
Основные понятия. Все информационные ресурсы сайта располагаются на одном или нескольких удаленных компьютерах, входящих в Интернет и играющих роль сервера. Компьютер пользователя, обращающийся к ресурсу на сервере, является его клиентом.
Web-браузер является клиентским программным обеспечением для приема и отображения информационных ресурсов и для передачи данных на сервер.
Чтобы разместить информацию в сети Интернет, ее необходимо представить в виде файлов, которые программами пользователей будут определены как страницы документа. Эти файлы создаются с помощью специального языка описания и разметки гипертекста HTML и называются HTML-файлами.
Web-страница - это документ, который может получить пользователь в результате прочтения HTML-файла. Web-страница может содержать текст, графику, ссылки на другие документы и различные текстовые, графические, аудио или видео файлы.
Web-обозреватель - специальная программа, предназначенная для чтения HTML-файлов и их отображения. В настоящее время существует множество таких программ. Web-обозреватель можно использовать для переходов с одной web-страницы на другую по гиперссылкам, для загрузки файлов из Интернета на компьютер, для воспроизведения внедренных на web-страницу файлов мультимедиа.
Гиперссылка - это текстовый или графический элемент web-страницы, который является указателем перехода на другую страницу. Различают внутренние и внешние гиперссылки. Внутренние обеспечивают переход на другой файл или другую страннику данного web-узла. Внешние указывают на файл или страницу другого web-узла.
HTML -- стандартный язык создания web-страниц в сети Интернет. Язык HTML интерпретируется браузером и отображается в виде web-страницы.
IP-адрес -- уникальный идентификатор устройства, подключенного к интернет или включенного в локальную сеть. Проще говоря, это персональный номер компьютера в сети. Он присваивается компьютеру или автоматически, или вручную. Обычно IP-адрес записывается в виде четырёх десятичных чисел (от 0 до 255), разделённых точками, например, 192.168.34.12. На смену IP4 приходит IP6 -- новая версия протокола IP, призванная решить проблемы, с которыми столкнулась предыдущая версия при её использовании в Интернете, за счёт использования длины адреса 128 бит вместо 32. В настоящее время протокол IPv6 уже используется в нескольких тысячах сетей по всему миру (более 9000 сетей на май 2012), но пока ещё не получил столь широкого распространения в Интернете, как IPv4.
База данных -- совокупность самостоятельных материалов, систематизированных таким образом, чтобы эти материалы могли быть найдены и обработаны с помощью компьютера.
Движок сайта -- программная составляющая сайта. У каждого сайта есть интерфейсная и программная составляющая. Интерфейс всегда уникален для каждого конкретного сайта или, по крайней мере, должен быть уникален, а вот движок сайта может использоваться один для нескольких сайтов, настраивается под каждый конкретный сайт. Движки чаще программируются на языке PHP, но возможно применение и других языков, всё зависит от программиста и возможностей хостинга.
Доменное имя -- определенная последовательность знаков, обозначающая имя сайта. Используется в именах электронных почтовых ящиков. Доменное имя должно начинаться и заканчиваться буквой латинского алфавита или цифрой. Промежуточными символами могут быть буквы латинского алфавита, цифры или дефис. Доменные имена бывают нескольких уровней. Домены верхнего уровня -- com, org, info, ru и прочие. Доменные имена второго и третьего уровня могут быть зарегистрированы обычными пользователями.
Контент -- любое информационно значимое наполнение сайта -- тексты, графика, мультимедиа.
Сервер, web-сервер -- компьютер, собранный из особых комплектующих, на котором запущены и настроены специальные программы. Благодаря своей начинке и софту данный компьютер способен круглосуточно обслуживать обычные пользовательские компьютеры посредством отображения запрашиваемых ими web-страниц. Каждый web-сервер обычно обладает IP-адресом и доменным именем.
Система управления контентом (CMS) -- программное обеспечение, которое, будучи установлено на сайте, позволяет изменять его информационное наполнение, иногда также структуру и некоторые элементы дизайна. Как правило, к ней имеет доступ администратор или владельц сайта и она недоступна обычным посетителям. Хостинг -- услуга по предоставлению дискового пространства для физического размещения информации на сервере, постоянно находящемся в сети Интернет. В услугу хостинга уже входит предоставление баз данных, DNS, файлового хранилища, поддержка функционирования соответствующих сервисов [1].
Классификация сайтов. Чаще всего сайты делятся:
1. Сайт-визитка - обычно состоит из нескольких страниц и имеет уникальный, но простой и функциональный дизайн. Идеально подходит для компаний, которые хотят разместить информацию о себе и своих услугах в Интернете. Корпоративный web-сайт - это интернет-ресурс компании, который используется в коммерческих и информационных целях для поддержки и развития уже имеющегося реального бизнеса. Заказать корпоративный сайт может любая компания, которая уже имеет успешный бизнес и ищет новые направления его развития, либо только находится на стадии становления, когда ей нужен эффективный старт.
Рисунок 1.1 - Пример корпоративного сайта
2. Интернет-магазин - интерактивный web-сайт рекламирующий товар или услугу, принимающий заказы на покупку, предлагающий пользователю выбор варианта расчета, выписывающий счет на оплату, служащий одновременно подтверждением заказа. При этом администратор магазина обязан организовать доставку товара и проконтролировать расчеты с покупателем. Пример представлен на рисунке 1.2.
Рисунок 1.2 - Пример интернет-магазина
3. Информационный сайт - достаточно большой виртуальный массив информации, включающий в себя множество различных тематических разделов, либо некоторое количество самостоятельных проектов. Он является для клиента основным источником информации, напоминает энциклопедию или специализированный журнал.
4. Игровой портал - сложный развлекательный интерактивный проект, предусматривающий большую посещаемость и ресурсоемкость.
5. Блог - это сайт, представляющий собой интернет-дневник, или журнал, который ведется наподобие новостной ленты, при этом на каждую тему посетители могут оставлять свои комментарии. Блог обычно очень часто обновляется, по этой причине он может намного чаще индексироваться поисковыми машинами, чем обычные сайты.
Блог часто используется для общения людей объединенных общими интересами.
6. Контент-проект - это сайт некоммерческой направленности, который представляет собой собрание текстов, статей и прочих материалов, основная задача его является привлечение посетителей по определенной тематике.
7. Промо-сайт - это сайт, созданный специально для продвижения какого-либо товара или услуги.
8. Сайт-форум - это самостоятельный сайтом или раздел сайта. Чаще всего сайт-форум делается на поддомене основного сайта и предназначен для организации общения посетителей сайта между собой и с администратором [2].
Концепция проекта. Любой сайт является проектом, который требует обсуждения, внимания и четкого плана реализации. Шаг за шагом, необходимо приближаться к поставленной цели - разработать рабочий, удобный сайт, который будет верно служить его владельцу. Концепция сайта первый и очень важный шаг. Необходимо определиться, для каких задач создается сайт, на какую аудиторию он будет направлен, на какое количество посещений, как с ним будут взаимодействовать посетители. Какая стилистика сайта наиболее подойдёт при разработке дизайн макета.
Дизайн. В процессе разработки сайта одним из ключевых вопросов является его дизайн. Необходимо сосредоточиться на основной функции качественного дизайна - грамотной подаче информации.
Дизайн и удобная навигация показывают, насколько сайт готов к визиту гостей. Сайт является лицо компании, по нему будут судить о ней, и сравнивать с конкурентами.
Прежде всего, графика должна тесно переплетаться с тематикой ресурса, повсеместно направляя действия пользователя и облегчая его восприятие.
Разные типы сайтов имеют свою специфику графического оформления (таблица 1.1):
Таблица 1.1 - Специфика графического оформления сайтов
Тип |
Описание |
|
Сайт-визитка |
является аналогом рекламного буклета, размещенным в Интернет, требует соответственного графического решения, чтобы достойно выполнять свои рекламно-представительские функции |
|
Корпоративный сайт |
может включать большое количество страниц, заполненных информацией о продукции, форумами, рассылками; оформление подобного сайта должно учитывать имидж компании |
|
Интернет-магазин |
представляет собой каталог товаров или услуг с возможностью заключения сделки. На сайте размещается информация о способах оплаты и доставки товара, сервисных и гарантийных услугах |
|
Информационный портал |
характеризуется большим объемом информации по определенной тематике. Как правило, на подобном сайте размещаются отраслевые новости, статьи, аналитические обзоры, рекомендации специалистов и др. |
|
Промо-сайт |
можно сравнить с ярким рекламным щитом в Интернете. Большое значение при его разработке уделяется графике и использованию мультимедийных элементов. |
Внимание к функциональности сайта, проявленное на этапе разработки дизайна сайта, позволит посетителю ресурса быстро ориентироваться на сайте и кратчайшим путем доставить пользователю нужную ему информацию. По общему оформлению на сайте желательно чтобы присутствовала приятная для глаз цветовая гамма, было минимальное количество картинок.
Ответственно подойдя к дизайну сайта, можно получить эффективный инструмент маркетинга и ресурс, удобный для пользователя и удобный в управлении.
Структура сайта. На сайте не должно быть проходных страниц. Например, заходите на страницу, а там предлагается более подробный выбор. Заходим на нее, а там еще более подробный выбор. Стоит сделать возможность попасть сразу на нужную страницу. Если сайт не очень маленький, должна быть карта сайта. Навигация должна быть понятна не только людям с определенной логикой. Нужно давать привычные названия страницам.
Информационное наполнение. Посетителей web-страниц в первую очередь интересует их содержание и возможность получения информации, то при создании сайта контенту следует отдать предпочтение. Характер текста сайта определяется не только его содержанием, но и впечатлением, производимым на посетителей, которые вначале интересуются текстом и заголовками. Поэтому при создании текстов для сети необходимо исходить из таких принципов как максимум информации при минимальных объемах, не стоит забывать о поисковых системах, если вы планируете продвигаться в них сайт.
Обновление. Важно в сети найти новых посетителей и удержать старых. Если же сайт не обновляется, старые посетители будут теряться поэтому сайт должен периодически обновляться. Люди гораздо охотнее берут в руки свежий журнал, чем старую книгу.
Программирование. На данном этапе происходит верстка утвержденного макета, и начало разработки функциональной части. Другими словами, подбирается подходящая для создания сайта CMS. Она должна быть удобной и понятной для владельца сайта, с помощью которой он сможет осуществлять контроль и редактирование проекта.
Обязательно тестирование сайта, как он смотрится в различных браузерах и при разном разрешением экрана. Обязательно указывайте кодировку текста в html. Для текстов используйте шрифт без засечек (Arial, Tahoma, sans-serif).
Тестирование. На данном этапе сайт проходит детальное тестирование на предмет ошибок как грамматических, так и технических, вносятся правки, возможно, некоторые разделы дополняются контентом, новыми функциями.
Размещение. Размещаются сайты на хостинге. Хостинг - это виртуальное место хранения. Нужно выбирать надежного хастинг-провайдера, т.к. работа сайта напрямую связана с работой хостинга, если его стабильность стоит под сомнением, то сайт может быть недоступен долгое время, что приведет к потери потенциальных клиентов, денег на продвижение. Нужно учитывать и функции, который он поддерживает, они должны соответствовать требованиям сайта.
Начало продвижения. Сайт регистрируется в поисковых системах и каталогах, вешается статистика посещений, поисковые роботы начинают индексировать страницы и выводить их согласно тематическим запросам [3].
Существуют определенные принципы, которые нужно учитывать при создании сайтов на современном этапе.
Во-первых, желательно чтобы сайт находиться на первой странице в поиске ведущих поисковых систем.
Во-вторых, обязательна быстрая загрузка сайта. Это обусловлено растущим числом пользователей ноутбуков с мобильным Интернетом, скорости которого не всегда привычно высоки.
Третий принцип касается удобства пользования и понятности структуры ресурса.
Сайт, отвечающий современным требованиям, должен нормально загружаться с отключенной графикой и скриптами. Многие пользователи отключают графику для повышения скорости загрузки, экономии трафика или для более надежной защиты от вирусов. Скрипты отключают обычно из соображений безопасности.
Ещё несколько принципов касаются защиты. Первый вид защиты должен предусматривать различные меры, предотвращающие непопадание ресурса в поисковые запросы основных поисковиков. Второй комплекс призван обеспечить достойную защиту от вирусов и просто недоброжелателей. Третий вид обязан противостоять насколько это возможно сбоям серверов, из-за которых возможны длительные восстановления и утрата информации, что повлечет за собой потерю посетителей и интереса к web-ресурсу из-за его долгого нерабочего состояния [4].
1.2 Обзор СУБД, применяемых в Web-программировании
Система управления базами данных (СУБД) -- совокупность программных и языковых средств общего или специального назначения, обеспечивающих управление созданием и использованием баз данных.
Основные функции СУБД:
- управление данными на дисках;
- управление данными в оперативной памяти;
- журнализация изменений, резервное копирование и восстановление базы данных после сбоев;
- поддержка языков БД.
СУБД условно можно разделить на 2 части:
- С открытым исходным кодом (MySQL)
- Коммерческие (Oracle, MS SQL) [5].
Oracle Database - системы управления базами данных Oracle приобрели широчайшую популярность благодаря своей надежности и безопасности. СУБД Oracle Database, предназначенная для предприятий любых размеров, предлагает уникальные функции автонастройки и самодиагностики, поднимающие мощность и надежность корпоративных систем на новую высоту.
Oracle Database - это первое в отрасли решение, предназначенное для организации сетей распределенных вычислений. Эти технологии позволяют существенно сократить затраты на ИТ-инфраструктуру путем кластеризации серверов, которая обеспечивает слияние их вычислительных мощностей и динамическое распределение ресурсов между приложениями.
Преимущества использования Oracle:
- хранение пространственных данных в открытом, стандартизованном формате;
- хранение данных в единой СУБД;
- стандартизованный доступ к данным через SQL;
- обеспечение совместной работы с данными и разделение доступа на уровне СУБД;
- надежность, производительность;
- масштабируемость;
- техническая поддержка и постоянное совершенствование программного обеспечения [6].
СУБД MySQL является наиболее приспособленной, для применения в среде web, системой управления базами данных. Не секрет, что для исполнения приложений клиента на большинстве хостинг-площадок провайдеры предоставляют небольшое количество ресурсов. Поэтому для данного применения необходима высокоэффективная СУБД, обладающая высокой надежностью.
Основные преимущества MySQL:
- многопоточность;
- оптимизация связей;
- записи фиксированной и переменной длины;
- ODBC драйвер;
- гибкая система привилегий и паролей;
- гибкая поддержка форматов чисел, строк переменной длины и меток времени;
- быстрая работа;
- масштабируемость;
- совместимость с ANSI SQL;
- хорошая поддержка со стороны хостинг-провайдеров;
- быстрая поддержка транзакций [7].
Microsoft SQL Server - реляционная система управления базами данных, производимая Microsoft. Поддерживает множество языка SQL. Используется для небольших и средних по размеру баз данных, для крупных баз данных масштаба предприятия, конкурирует с другими СУБД. Одно из основных преимуществ SQL Server - развитые графические средства визуального администрирования, благодаря которым можно значительно снизить административную нагрузку при обслуживании.
Имеет высокую производительность с удобным и простым пользовательским интерфейсом.
Основные преимущества SQL Server :
- масштабируемость;
- превосходная производительность;
- простота использования;
- готовность к использованию в Интернете;
- хранилища данных;
- интеграция с другими продуктами Microsoft [8].
Основные преимущества рассмотренных СУБД представлены в таблице 1.2.
Таблица 1.2 - Преимущества СУБД
Название |
Преимущества |
|
Oracle Database |
хранение пространственных данных; стандартизованный, доступ к данным; совместная работа с данными и разделение доступа; надежность, производительность и масштабируемость; техническая поддержка совершенствование ПО. |
|
СУБД MySQL |
многопоточность; оптимизация связей; записи фиксированной длины; ODBC драйвер; система привилегий и паролей; быстрая работа, масштабируемость; совместимость с ANSI SQL; поддержка со стороны провайдеров услуг хостинга; поддержка транзакций. |
|
Microsoft SQL Server |
масштабируемость; превосходная производительность; простота использования; готовность к использованию в Интернете; хранилища данных; интеграция с другими продуктами Microsoft. |
1.3 Обзор и сравнительный анализ систем управления сайтами(CMS)
Система управления содержимым (англ. Content management system, CMS) - информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления содержимым.
Главной целью такой системы является возможность собирать в единое целое и объединять на основе ролей и задач все разнотипные источники знаний и информации, доступные как внутри организации, так и за ее пределами, а также возможность обеспечения взаимодействия сотрудников, рабочих групп и проектов с созданными ими базами знаний, информацией и данными так, чтобы их легко можно было найти, извлечь и повторно использовать привычным для пользователя образом.
В системе управления содержимым могут быть определены самые различные данные: документы, фильмы, фотографии и так далее. Такая система часто используется для хранения, управления, пересмотра и публикации документации. В общем случае системы управления содержимым делятся: Систему управления содержания масштаба предприятия; Система управления web-содержимым.
В силу того, что ECMS имеют глубокую внутреннюю классификацию по предметным областям, термин CMS заместил собой WCMS, превратившись в синоним системы управления сайтами. Подобные CMS позволяют управлять текстовым и графическим наполнением web-сайта, предоставляя пользователю интерфейс для работы с содержимым сайта, удобные инструменты хранения и публикации информации, автоматизируя процессы размещения информации в базах данных и её выдачи в HTML. Существует множество готовых систем управления содержимым сайта, в том числе и бесплатных. Их можно разделить на три типа по способу работы: Генерация страниц по запросу. Системы такого типа работают на основе связки Модуль редактирования > База данных > Модуль представления. Модуль представления генерирует страницу с содержанием при запросе на него, на основе информации из базы данных. Информация в базе данных изменяется с помощью модуля редактирования. Страницы заново создаются сервером при каждом запросе.
- Генерация страниц при редактировании. Системы этого типа редактируют страницы, которые при внесении изменений в содержание сайта создают набор статических страниц.
- Смешанный тип. Сочетает в себе преимущества первых двух. Может быть реализован путём кэширования -- модуль представления генерирует страницу один раз, в дальнейшем она в несколько раз быстрее подгружается из кэша. Другой подход -- сохранение определённых информационных блоков на этапе редактирования сайта и сборка страницы из этих блоков при запросе соответствующей страницы пользователем.
Каждый сайт имеет панель управления, которая является только частью всей программы, но достаточна для управления им.
Большая часть современных систем управления содержимым реализуется в виде визуального редактора -- программы, которая создаёт HTML-код из специальной упрощённой разметки, позволяющей пользователю проще форматировать текст.[9]
В настоящее время на просторах интернета существует множество различных web-сайтов. Среди них есть и сайты с приоритетным графическим интерфейсом, и с приоритетным текстовым, а также сайты, созданные с использованием Flash технологий.
Множество сайтов, которые мы видим, выходя в интернет, построены на каком-либо движке. Движок может быть создан с нуля, однако в большинстве случаев используются уже известные, проверенные временем движки.
Рассмотрим самые популярные движки, которые существуют на сегодняшний день.
Joomla -- движок, написанный на языках PHP и JavaScript, использующий в качестве хранилища базу данных MySQL. Является свободным программным обеспечением, распространяемым под лицензией GNU GPL.
Joomla является ответвлением широко известной CMS Mambo. Команда независимых разработчиков отделилась от проекта Mambo по причине несогласия в экономической политике. И 16 сентября 2005 года появилась первая версия Joomla, включающая в себя исправления найденных на тот момент ошибок и уязвимостей [10]. Пример сайта на Joomla представлен на рисунке 1.3
Рисунок 1.3 - Пример сайта на Joomla
Достоинства:
- система шаблонов позволяет легко изменять внешний вид сайта;
- все модули, компоненты, плагины, шаблоны можно написать самому, разместить их в структурированном каталоге расширений;
- отредактировать расширение по своему усмотрению.
Недостатки:
- Требует базы данных MySQL, которая может отсутствовать в некоторых тарифных планах хостинг-провайдеров.
- Также невозможно запустить сайт на бесплатных хостинг-площадках, позволяющих использование сайтов на PHP, но в большинстве своем не имеющие возможности для создания баз MySQL;
- Чрезмерно большое количество настроек, опций и возможностей усложняет восприятие администрирования сайтов на основе Joomla.
WordPress -- движок с открытым исходным кодом, распространяемый бесплатно. Он написан на языке PHP, в качестве базы данных использует MySQL. Сфера применения -- от блогов до достаточно сложных новостных ресурсов и интернет-магазинов. Встроенная система шаблонов и плагинов вместе с удачной архитектурой позволяет конструировать практически любые проекты [11].
Достоинства:
- WordPress является бесплатной;
- имеет огромное количество плагинов и готовых шаблонов;
- требования к хостингу минимальны;
- понятная и удобная консоль администрирования.
Недостатки:
- требует базы данных MySQL;
- чрезмерно большое количество настроек, опций и возможностей усложняет восприятие администрирования.
На 2012 год WordPress -- самая популярная система для ведения блогов и создания сайтов, которую выбирает большинство пользователей Рунета (по данным Яндекса, рисунок 1.4):
сайт продвижение фреймворк графический
Рисунок 1.4 - Статистика использования различных CMS
Основные преимущества WordPress:
- WordPress является очень мощной платформой для создания самых различных типов сайтов - от микросайтов до огромных порталов и социальных сетей;
- Быстрая и легкая смена внешнего вида сайта с помощью различных тем (шаблонов);
- Допускается установка плагинов - специальных расширений, которые значительно добавляют функциональности;
- Поддерживает множество языков;
- Легкость в изучении;
- Поисковые системы Яндекс и Google очень любят WordPress и хорошо индексируют сайты, основанные на нем;
- WordPress очень легко SEO-оптимизировать, что поможет легче пробиться в ТОП;
- Несмотря на то, что WordPress является бесплатной CMS, он предоставляет все возможности для заработка на нем;
- Постоянное обновление WordPress, появление все новых, более совершенных версий [12].
DataLife Engine (DLE) -- движок, написанный на языке PHP. В качестве базы данных используется MySQL.
DataLife Engine представляет собой коммерческое программное обеспечение для управления контентом, разрабатываемое SoftNews Media Group. Движок не бесплатный. После покупки скрипта клиенту предоставляется продукт с открытым исходным кодом и без ограничения на время использования. Основной язык системы - русский. Однако существует английская локализация.
Достоинства: возможность подключения сторонних модификаций за счёт открытости исходного кода;
- имеет такие опции как флуд-контроль, рейтинг новостей, вывод популярных статей в отдельном блоке;
- администраторский раздел вполне удобен, однако несколько перегружен.
Недостатки: использует для хранения данных MySQL;
- настройка дизайна затруднительна;
- движок не является бесплатным [13].
Проанализировав несколько существующих движков, на основе которых создаются web-сайты, были выявлены следующие достоинства:
- возможность написать плагины и шаблоны самому;
- много бесплатных шаблонов;
- некоторые движки являются бесплатными;
- много полезных функций для быстрой и удобной работ.
Таблица 1.3 - Сравнительный анализ CMS
Название |
Достоинства |
Недостатки |
|
Joomla! |
Система шаблонов позволяет легко изменять внешний вид Все компоненты, плагины шаблоны можно написать самому Отредактировать расширение по своему усмотрению |
Требует БД MySQL Невозможно запустить сайт на бесплатном хостинге Чрезмерно большое количество настроек, опций и возможностей |
|
WordPress |
Является бесплатным Много плагинов и шаблонов Требования к хостингу минимальны Понятная и удобная консоль администрирования |
Требует базы данных MySQL Чрезмерно большое количество настроек, опций и возможностей |
|
DataLife Engine |
Подключение сторонних модификаций за счёт открытости исходного кода Опции рейтинг новостей, вывод популярных статей в отдельном блоке Удобный администраторский раздел |
Использует для хранения данных MySQL Настройка дизайна затруднительна Движок не является бесплатным |
Исходя из этих недостатков, а также достоинств существующих движков, было принято решение написать web-сайт с использованием CMS WordPress, которая имеет большой и удобный функционал.
1) Проведя классификацию современных web-технологий, были описаны основные понятия, относящиеся к web-сайту; рассмотрены категории сайтов; выделены принципы создания и разработки сайта; проведён анализ СУБД, применяемых при создании сайтов.
2) Проанализировав CMS применяемые для создания web-сайтов, была выбрана CMS WordPress потому что, используя эту систему управления контентом можно достаточно быстро создавать разные по степени сложности web-сайты; она хорошо подходит для продвижения, т.к. написанные на ней сайты быстро индексируются поисковиками.
2. Анализ методов разработки, оптимизации и продвижения Web-сайта
2.1 Анализ средств для разработки и создания Web-сайта
Создать качественную Web-страницу непросто, для этого потребуются не только навыки дизайнера для красивого и стильного оформления, но и опыт программирования. Сложность и объем программ, требуемых для создания того или иного сайта, зависит от множества факторов: структура, цель, требуемая функциональность, обеспечение надежности и т.п.
Для создания современных сайтов обычно используются: HTML, CSS, JavaScript , FLASH, PHP, XML и другие средства и программы.
Средства создания сайтов
HTML - язык является базовым в области технологий создания сайтов, так как относительно легок в освоении. Но чрезмерная простота является и его недостатком. HTML прекрасно отвечал требованиям раннего периода развития технологий создания сайтов, но с дальнейшим его развитием возникли существенные проблемы.
Язык HTML предназначен для формирования и оформления страниц текста, который предназначен для просмотра в сети Интернет с помощью специальных программ - браузеров [14].
Для формирования файла HTML нет необходимости в использовании мощного текстового процессора, более удобно использование, например, редактора Notepad++. Содержимое HTML-страниц представлено в гипертекстовом виде, что предполагает наличие в документе, отображаемом на экране, выделенных определенным образом мест, щелкнув мышью по которым, можно переместиться в другую часть этой же страницы или на другую страницу.
Все что необходимо, чтобы прочитать HTML-документ - это web-браузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор. HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга, а затем предоставляет web-браузеру интерпретировать эти тэги. Основное преимущество HTML в том, что документ может быть просмотрен на web-браузерах различных типов и на различных платформах [15].
CSS (Cascading Style Sheets) - каскадные таблицы стилей - попытка отделить детали дизайна странички от ее структуры и содержания. В классическом HTML структура и дизайн были вперемешку: рядом с текстовым абзацем его цвет, размер шрифта, тип шрифта и т.п. Если нужно было изменить такой простой параметр, как размер шрифта на своем сайте - приходилось переписывать все странички. Команды CSS позволяют назначить всем объектам стиль, описание которого может храниться вообще в отдельном файле. Используя декодер CSS, можно изменить размер шрифта во всех страницах сайта, исправив только один файл с описанием стилей.
Чем больше разных стилей применено, тем интересней менять дизайн. Самое главное, что не придется менять уже готовые HTML документы, лежащие на сервере. Браузер пользователя сам обратится к файлу (по ссылке) со стилями и придаст страничке нужный облик [16].
Есть три способа добавления CSS к Web-странице: линейный, вложенный и с помощью ссылки на отдельный файл CSS. Логичным является только использование ссылки на CSS-файл.
Таблица стилей является отдельным файлом, содержащим только правила CSS. Использовать такой файл может неограниченное число Web-страниц, что позволяет обеспечить цельный и одинаковый облик всех страниц сайта [17].
Frames (Фреймы) - элемент языка HTML, позволяющий жестко разделить страницу на несколько независимых окон и в каждом из них размещать свою собственную web-страничку. Применяется в основном для организации постоянно находящихся на экране меню, в то время как в другом окне располагается непосредственно сама информация. Flash (Флэш) - технология, которую разработала Macromedia Inc. для того, чтобы разнообразить обычные текстовые страницы web-сайта красочной и интерактивной векторной графикой. Технология Flash позволяет создавать как поражающие воображение презентационные ролики, так и интерактивные интерфейсы, создающие новое качество комфорта на сайте.
Преимущества Flash:
- платформенная независимость;
- распространенность и предоставление дизайнерам огромное количество инструментов;
- правильно созданные Flash-файлы занимают мало места и достаточно быстро загружаются.
Недостатки Flash:
- Flash-технология сложна в изучении;
- нет желания у многих пользователей Интернет обновлять версии проигрывателей Flash, и следовательно многие новые Flash-модули не работают;
- Долгая загрузка из-за большого объема графических файлов.
JavaScript. Является замечательный инструмент, позволяющий HTML-странице, загруженной в браузер, динамически управлять своим содержимым и самим браузером. Реализация JavaScript, называемая 'динамический HTML' позволяет реализовать на web-странице почти полноценный пользовательский интерфейс с выпадающими многоуровневыми меню, перетаскиванием объектов мышью, анимацией и т.п. Текст программы встроен непосредственно в HTML-документ и интерпретируется самим браузером.
Популярность языка JavaScript связана с его широкими возможностями по взаимодействию с элементами web-страницы без ее перезагрузки. Это позволяет прятать и показывать фрагменты дизайна, перемещать их и менять оформление. Путем таких действий можно создавать презентационные эффекты, меню, небольшие игры, обрабатывать данные форм и управлять содержимым [18]. PHP - это язык программирования высокого уровня, на котором пишутся скрипты различного назначения. Первая версия этого языка была создана Расмусом Лердофом для разработки web-сайтов. Отсюда и первоначальное название языка -- РНР (Personal Home Page -- персональная домашняя страница). С ростом популярности РНР развился настолько, что стал полноценным языком программирования. Теперь его называют Hypertext Processing (обработка гипертекста). Высокий уровень языка предполагает простоту его синтаксиса и принципов программирования [19].
Интерпретатор РНР имеет открытый код, что позволяет программистам всего мира расширять и улучшать его функциональность. В разработке РНР принимает участие международное сообщество программистов, что и обеспечивает довольно быстрое развитие средств этого языка [20].
РНР можно использовать под управлением различных операционных систем: Windows, Linux, Unix и Mac OS. При этом существуют два варианта применения РНР -- для создания web-приложений и для разработки программ общего назначения. Соответственно предусмотрены два исполняемых модуля интерпретатора:
РНР CGI (Common Getwaitc Interface) -- для выполнения сценариев web-сервером и вывода результатов в окне браузера;
РНР CLI (Command Line Interface) -- для выполнения сценариев общего назначения. Этот модуль имеет интерфейс командной строки.
Сценарий на языке РНР сохраняется в обычном текстовом файле, и, следовательно, для его написания и последующего редактирования можно воспользоваться простым текстовым редактором, например Блокнотом. Расширение файла со сценарием может быть любым, но чаще всего используется .рhр.
Необходимо обратить внимание на особенности взаимодействия РНР с web-сервером.
Наиболее широко РНР применяется в web-приложениях, а именно для создания сценариев, которые выполняются на стороне web-сервера, а не браузером. Как известно, сценарии могут выполняться и на стороне клиента, но они пишутся на других языках, а их коды вставляются в HTML-документ.
XML(eXtensible Markup Language) - это расширяемый язык разметки, предназначенный для описания в текстовой форме структурированных данных. Этот текстовый формат, во многом схожий с HTML, разработан специально для хранения и передачи данных.
XML позволяет описывать и передавать такие структурированные данные, как:
- отдельные документы;
- метаданные, описывающие содержимое какого-либо узла Internet;
- объекты, содержащие данные и методы работы с ними;
- отдельные;
- всевозможные web-ссылки на информационные и людские ресурсы в Интернете.
Данные, описанные на языке XML, называются XML-документами. Язык XML легко читаем и достаточно прост для понимания. Исходный текст XML-документа состоит из набора XML-элементов, каждый из которых содержит начальный и конечный тэги. Каждая пара тэгов представляет часть данных. То есть, как и HTML, язык XML для описания данных использует тэги. Но, в отличие от HTML, XML позволяет использовать неограниченный набор пар тэгов, каждая из которых представляет не то, как заключенные в нее данные должны выглядеть, а то, что они означают.
Управлять отображением элементов в окне программы-клиента (например, в окне браузера) можно с помощью специальных инструкций - стилевых таблиц XSL (eXstensible Stylesheet Language). Эти таблицы XSL позволяют определять оформление элемента в зависимости от его месторасположения внутри документа, то есть к двум элементам с одинаковым названием могут применяться различные правила форматирования. Кроме того, языком, лежащим в основе XSL, является XML, а это означает, что таблицы XSL более универсальны, а для контроля корректности составления таких стилевых таблиц можно использовать DTD-описания или схемы данных.
Инструменты обработки данных, полученных в формате XML, могут быть разработаны в среде Visual Basic, Java или C++ [21].
Программные средства разработки Web-страниц
Создание web-сайтов, их поддержка и развитие осуществляется с помощью специального программного обеспечения.
HTML-документ, можно создавать в любом текстовом редакторе, например, в Блокноте. HTML-документ, можно конвертировать из многих программ, (например, Microsoft Word). После конвертации одна страница текста может превратиться в огромный HTML-файл размером более 100кб. HTML-документ, можно создавать с помощью визуальных пакетов, таких, например, как Microsoft FrontPage. Эти редакторы сами вырабатывают html-код документа, в то время как разработчик лишь выбирает нужные ему опции из меню.
Одним из лидеров в области разработки программного обеспечения для подготовки web-публикаций является компания Macromedia. Очень популярны пакеты Macromedia: Dreamweaver, HomeSite, а также специализированные пакеты для создания компьютерной графики и анимации.
Создание графики для web заслуживает особого внимания. Следует иметь в виду, что графика бывает двух видов: растровой (когда описывается каждая точка изображения) и векторная (когда задается формула для генерации изображения). Последний способ построения графики более компактен и идеально подходит для создания анимации.
Для использования PHP необходимы смежные серверные компоненты, а именно:
- web-сервер;
- сервер баз данных - это серверный компонент, который позволит работать с базами данных, управляемых из PHP.
Помимо серверных компонентов очень пригодятся инструменты, без которых труд PHP программиста может быть затруднен. Это редакторы PHP кода, которые позволяют подсвечивать синтаксис PHP, что значительно облегчает написание скриптов [22].
JavaScript -- скриптовый язык программирования. Обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах, как язык сценариев, для придания интерактивности web-страницам. Для написания приложения можно использовать NotePad++ -- свободный текстовый редактор с открытым исходным кодом для Windows, с подсветкой синтаксиса большого количества языков программирования и разметки. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры [23].
Почти все браузеры в настоящее время поддерживают CSS и много других приложений. Чтобы создать CSS, не нужно ничего, кроме текстового редактора, но доступно много инструментов, которые еще больше упрощают этот процесс. В настоящее время большинство web-инструментов для разработки обеспечивают некоторую поддержку таблиц стилей CSS.
Использовать XML в своих программах очень просто, потому что он позволяет практически безо всяких трудозатрат реализовать удобный формат для обмена данными. Именно поэтому XML и становится таким популярным из-за простоты использования и наличия большого количества средств обработки.
Для css и xml можно использовать HTML-Kit - редактор HTML, XHTML и XML с плагинами, которые обеспечивают, помимо прочего CSS руководства.
2.2 Фреймворки, используемые при разработке Web-сайтов: сравнительный анализ
Фреймворк представляет из себя некоторый программный каркас, реализующий базовую архитектуру проекта. Наиболее известными современными php-фреймворками является Zend Framework, Yii, CodeIgniter, Symfony и многие другие.
Фреймворки дают разработчикам очень мощный инструмент для разработки более гибких и менее подверженных ошибкам приложений в более короткий срок. Фреймворки часто помогают ускорить процесс разработки, обеспечивая необходимую функциональность. Они включают управление пользователями/правами, доступ к данным, кэширование и многое другое. Фреймворки помогают сфокусироваться на более важных деталях дизайна и легко управлять проектом.
1. Zend Framework (ZF) - является объектно-ориентированным фреймворком с открытым исходным кодом, использует PHP5 и выпущен под лицензией New BSD License.
Zend Framework был задуман в начале 2005 года, когда много новых фреймворков набирали популярность в сообществе web-разработчиков. О ZF впервые было объявлено на первой Zend конференции в октябре 2005 года.
Функции Zend Framework включают в себя:
- большое количество модулей и библиотек;
- разрабатывается разработчиками ядра PHP;
- поддержка unit-тестов;
- достаточно низкая скорость работы с библиотеками;
- встроенный JS фреймворк DOJO и библиотеки для него.
2. Symfony - web-фреймворк написанный на PHP, использует платформу модель-представление-контроллер (MVC). Был выпущен под лицензией MIT. Symfony является свободным программным обеспечением. Symfony не следует путать с Symfony CMS, Open Source XML/XSLT системой управления контентом. Symfony ускоряет создание и поддержку web-приложений. В настоящее время совместима с ORM Propel и Doctrine. Следует отметить, что на типичном хостинге, где ускоритель PHP отсутствует, Symfony может использовать собственный движок кэширования для ускорения выполнения кода.
Symfony направлен на создание надежных приложений, с целью предоставить разработчикам полный контроль над конфигурацией.
Достоинства:
- простой в освоении;
- достаточно высокая скорость работы ядра.
3. Yii - высокопроизводительный фреймворк, изучение которого будет оправдано для организации со штатом начиная от 10 человек, в одиночку с Yii справиться сложно. Фреймворк позволяет создавать очень производительные системы.
Yii является золотой серединой между Zend Framework и Codeingiter. Он обладает великолепной документацией и всегда можно залезть в код, чтобы разобраться, что и как работает.
Фреймворк написан строго на PHP5 и строго в концепции ООП, поэтому если есть базовые знания принципов ООП, то разобраться в нем будет просто.
Yii намного более комплексный (больше функционала) и лучше структурирован, чем CodeIgniter. Он меньше и более производительный, чем Zend Framework. Требуется намного меньше кода при написании приложений, в то же время Yii обладает огромным функционалом.
4. CodeIgniter - популярный фреймворк для разработки полноценных web-систем и приложений. CodeIgniter послужил базой для таких фреймворков, как Kohana и Rain Framework , многие идеи CodeIgniter применены во фреймворках Fuel PHP и CodeLighter. На CodeIgniter основано множество CMS: Fuel CMS, MaxSite CMS, Cogear, PyroCMS и другие. CodeIgniter - это PHP фреймворк, который использует платформу MVC, имеет классы для доступа к данным, классы для работы с почтой, FTP и XML-RPC. У CodeIgniter имеется исчерпывающая документация для начала работы [24].
Таблица 2.1 Характерные особенности фреймворков
Zend Framework 1 |
Code Igniter 2 |
Symfony 2 |
||
Описание |
Академически грамотный код. Очень гибок. Требует хорошего знания PHP и ООП. Достаточно полная техническая документация. |
Почти микрофреймворк. Очень лёгкий для изучения. Отличная документация. Гибок. Легко использовать сторонний код. |
Активно использует командную строку. Мощный ORM, хорошая система view, генераторы кода. Хорошая документация, но сложен для изучения. |
|
Необходимый уровень знаний |
PHP5, ООП, шаблоны проектирования. |
PHP, Основы ООП |
PHP5, ООП, ORM, консоль. |
|
Платформа |
PHP 5 |
PHP 4/5 |
PHP 5 |
|
Сложность установки и настройки |
Высокая |
Низкая |
Высокая |
|
Поддерживаемые БД |
MySQL, Oracle, PostgreSQL, MS SQL, SQLite |
MySQL, Oracle, PostgreSQL, MS SQL, SQLite |
MySQL, Oracle, PostgreSQL, MS SQL, SQLite |
|
Русскоязычное сообщество |
Да |
Документация, форум, блоги |
Нет |
|
Лицензия |
New BSD |
BSD |
MIT |
2.3 Обзор методов продвижения Web-сайта
Продвижением обычно называют комплекс мероприятий, направленных на привлечение к сайту внимания аудитории и, как следствие, увеличение его посещаемости и повышение позиции, занимаемой сайтом в различных рейтингах. Сайт, наряду с остальными источниками информации наибольшим образом отвечает всем выше перечисленным требованиям, кроме того, правдоподобность информации о деятельности зависит здесь от заказчиков, ведь создавая сайт, они сами определяют то, что и как на нем будет размещено, в отличие от газет. Для продвижения сайта может использоваться множество способов:
- различные виды традиционной рекламы;
- электронные рассылки;
- показы баннеров;
- размещение информации на других сайтах;
- обмен ссылками, кнопками и т.д.;
Вообще, наличие web-сайта компании в сети интернет, это только половина дела. Для того чтобы web-сайт работал и, соответственно, приносил прибыль необходимо сделать так, чтобы этот web-сайт можно было легко найти целевой аудитории компании, потенциальным клиентам и партнерам. Именно для этого и необходимо разработать стратегию продвижения web-сайта в сети.
Основные этапы по продвижению сайта в поисковых системах:
1. Подготовка к раскрутке и продвижению сайта в поисковых системах:
- Анализ тематического сегмента Вашего сайта, т.е. анализ конкурентов. Определяется, насколько сильна конкурентная борьба в сфере Вашей деятельности в сети. Например, выбираем поисковый запрос «купить ноутбук» и вводим его в yandex.by. В поисковой выдаче первым делом смотрим на количество объявлений в яндекс.директ, по нашему запросу их 5. Это значит низкая конкурентоспособность. Далее стоит обратить внимание на количество главных страниц в топе, потом найти когда они заканчиваются, т.е. когда начинаются внутренние страницы, это показывает насколько конкурентин запрос. В нашем случае они появляются на 2 странице в поисковой выдаче, что тоже говорит о низкой конкуренции. Пример показан на рисунке 2.1.
Рисунок 2.1 - Анализ конкурентов
Когда смотрим конкурентоспособность можно опираться на Тиц, PR и количество страниц на сайте, есть ли он в каталоге yandex.by. Например, на рисунке 2.2.
Рисунок 2.2 - Анализ конкурентов опираться на Тиц, PR
Составление семантического ядра запросов: составление списка ключевых слов и словосочетаний, по которым будет производиться продвижение (так называемое семантическое ядро). Это - наиболее популярные запросы, по которым в поисковых системах ищут сайты аналогичной тематики. Необходимо изначально ориентироваться только на целевую аудиторию, то есть на потенциальных клиентов [25].
Запросы можно разделить на высокочастотные, среднечастотные и низкочастотные. Высокочастотные запросы следует размещать в тексте на главной странице, среднечастотные на страницах второго уровня, а низкочастотные - третьего. Например (на рисунке 2.3), для сайта http://www.uzdesign.ru/ семантическое ядро будет следующее: высокочастотные запросы - создание сайта, студия дизайна, дизайн сайтов; среднечастотные - web-дизайн, заказ сайта, заказать сайт; низкочастотные - разработка сайтов цена, заказать сайт визитку, купить дизайн сайта.
При этом производится анализ популярности слов, а также примерного количества запросов по этой тематике (в месяц). Исходя из полученных данных, можно определить потенциальную посещаемость ресурса [ 26].
Рисунок 2.3 - Составление семантического ядра
Например (на рисунке 2.4), по запросу создание сайта, если сайт находится в топ-10 то посещаемость у него может быть около 300 000 в месяц по региону Россия.
Рисунок 2.4 - Количество запросов
2. Оптимизация сайта для поисковых систем:
- Плотность ключевых слов на странице. Подавляющее большинство сайтов пренебрегают правильной организацией ключевых слов. Плотность ключевых слов на сайте должна быть в среднем порядка 10%. Большую поисковые системы принимают за спам, меньшую считают нерелевантной, т.е. не полностью соответствующей поисковому запросу.
Например, плотность слов на сайте http://izhj.ru такова (рисунок 2.5):
Рисунок 2.5 - Плотность ключевых слов
Индекс Цитирования (популярность сайта в сети). Количество ссылающихся на сайт ресурсов непосредственно влияет на его популярность в поисковых системах. Такая популярность измеряется в Индексе Цитирования или Page Rank. Например, тИЦ и PR на сайте http://izhj.ru показан на рисунке 2.6.
Рисунок 2.6 - Данные тИЦ и PR
- Ключевые слова в названии страницы Title. Ключевые слова в названии страницы играют действительно ключевую роль в позиционировании сайта в поисковых системах. По названию страницы, в большей степени, поисковая система и оценивает ее содержание. В Title следуем поместить самые высокочастотные ключевые слова [27].
- Ключевые слова в мета-теге Description. Мета-тег Description - это описание деятельности вашей фирмы. Основное требование к нему - это кратко объяснить содержание страницы. Лучше это сделать в рекламном стиле: коротко, понятно, привлекательно, сконцентрировано на ключевом слове.
- Название статей размещённых на сайте должны быть оригинальные и называться по соответствию данной странице, т.е. по ключевым словам. Например, статья называется создание сайта, значит, другой такой статьи с этим же названием на сайте больше не должно быть[28].
Например, сайт созданный с помощью WordPress стоит оптимизировать следующим образом:
- Ключевые слова должны быть в названии сайта, в названии статей, в самом тексте и желательно в доменном имени. Расположение показано на рисунке 2.7.
:
Рисунок 2.7 - Места вхождения ключевых слов
- Заголовок статьи следует выделять тегами h1-h6.
- Ключевые слова выделять жирным или курсивом.
- Изображения в теге alt лучше всего подписывать ключевыми запросами, потому что по этим запросам яндекс и гугл выдаёт картинки.
- Ссылки на страницы должны называться по теме страницы без лишних параметров id идентификаторов. Пример на рисунке 2.8.
Рисунок 2.8 - Пример названия страницы
Контент должен быть оригинальным и чаще добавляться на сайт.
На страницах вашего сайта должен быть осмысленный текст. Поисковые роботы не умеют читать слова написанные графикой, даже если поставить alt-тег, у его содержания будет меньший приоритет по сравнению с обычным текстом. Ключевые слова должны находиться как можно ближе к началу HTML-файла. В тексте должен быть смысл, а не пропаганда ключевых слов, иначе поисковики посчитают ваш сайт за спам [29]. Расположить ключевые слова в тексте стоит примерно таким образом (рисунок 2.9):
Рисунок 2.9 - Примерное расположение ключевых слов
Продвижение и раскрутка сайта в Интернет. Оптимизация web-сайта под поисковые системы. Технология оптимизации web-сайта под поисковые системы позволяет привлечь к web-сайту заказчика заинтересованную в продукции или услугах целевую аудиторию посетителей с поисковых систем и значительно увеличить объем продаж путем достижения более высоких позиций web-сайта в результате запроса по ключевым словам.
— Регистрации в каталогах и поисковых машинах. Регистрация обычно проводится в русскоязычных каталогах и поисковых системах (на это уходит от 3-х до 5-ти недель, в зависимости от того, как быстро внесенная информация будет обработана ресурсом).
Поисковые машины в автоматическом режиме обследуют интернет-пространство, индексируют содержимое сайтов. Участие владельца сайта в этом процессе не требуется, хотя он может инициировать процесс индексации своего ресурса и тем самым ускорить эту процедуру. Поисковые машины, как правило, не располагают таким разветвленным рубрикатором, как интернет-каталоги, и основным способом поиска является формирование запроса с возможностью последующего его уточнения. В поисковых машинах, как правило, присутствует вся существующая в Интернете (и на сайте, в частности) информация по пользовательскому запросу. Поисковые машины автоматически производят регулярную переиндексацию сайтов [24].
— Доски объявлений.
— Публикация коммерческих предложений (до 3-х) на досках объявлений, конференциях и форумах. Для размещения объявлений необходимо подобрать тематические доски (самые популярные и посещаемые ресурсы) по вашей тематике (всего 20-25 ресурсов). Публикацию объявлений на них желательно проводить ежедневно. С течением времени эти объявления на досках будут проиндексированы поисковиками, что также привлечет дополнительных потенциальных клиентов.
— Сервисы социальных закладок -- ресурсы, которые санкционируют безвозмездное размещение ссылок на ваш сайт. Регистрация web-страницы в социальных закладках совершенствует видимость web-проекта для поисковых систем, часто ускоряет его индексацию в Гугл и Яндекс, немного повышает трафик, добавляет ТИЦ и PR.
— Публикация статей является эффективным методом для продвижения сайта.
— Обмен ссылками без увеличения количества ссылок на сайт уже невозможно иметь высокие рейтинги в поисковых системах, т.к. позиции в них определяет теперь в основном 'ссылочное ранжирование': самый высокий рейтинг по запросу будет иметь та страница, на которую напрямую ссылаются по данному запросу большее количество авторитетных страниц других сайтов.
— Контекстная реклама. Сравнительно молодой, но невероятно эффективный способ продвижения сайта компании в Интернете. Несколько ярких и привлекательных коротких предложений в виде текстовых объявлений, размещенных на странице выдачи поисковых систем Яндекс или Google, способны обеспечить огромный поток клиентов в Вашу компанию. С помощью контекстной рекламы легко можно превратить потенциальных клиентов в реальных потребителей услуг компании.
В конце каждого месяца желательно создать отчет по проделанным работам (ресурсы, в которых проведена регистрация/обмен ссылками; количество уникальных посетителей на сайте, динамика посещаемости; позиции и их изменение в ключевых рейтингах и т.д.).
Эти шаги в комплексе дают хороший эффект. Пользователи сети, узнавшие о Вас из каталогов, через поисковые машины и доски объявлений - это по сути потенциальные клиенты, нашедшие в сети информацию о вашей фирме и заинтересовавшиеся ею. Эффект от проводимых работ начнет явственно проявляться где-то через месяц поддержки (время внесения сайта в каталоги и рейтинги, индексации объявлений поисковиками) [30].
4. Поддержка результатов продвижения и раскрутки сайта: Стоит отметить, что эффект от правильно проведённой оптимизации достаточно продолжителен, но не вечен. Для поддержания интереса целевой аудитории содержание сайта должно время от времени обновляться - это будет способствовать формированию и увеличению постоянной аудитории сайта. Если же на сайте в течение длительного времени ничего не меняется, посетители могут потерять к нему интерес.
Так же поисковики периодически меняют алгоритм ранжирования сайтов. Большая часть работы - это отслеживание изменений алгоритма и своевременное внесение соответствующих корректировок. Необходимо не забывать о постоянной работе по поддержке и дальнейшему продвижению, раскрутке позиций вашего сайта [31]. Черные методы продвижения. Некоторые методы однозначно рассматриваются как попытка спамдексинга. По возможности, их нужно избегать всегда.
1. Большое количество ключевых слов в тексте, для повышения их частот. Сегодня поисковые системы уже в состоянии рассчитывать баланс частот в тексте и исключать страницы с большой частотой ключевых слов из поиска.
2. Невидимый текст. Некоторые помещают ключевые слова в конец страницы и окрашивают этот блок в цвет фона. Прием легко обнаруживается поисковыми системами.
3. Мелкий текст. Более поздний вариант невидимого. Текст видим, но прочитать его практически невозможно, очень мелкий шрифт и, как правило, в самом низу страницы.
4. Переадресация. Многие поисковые системы не любят страницы, которые переадресовывают посетителя на другую страницу без его желания. При этом используются мета тэги, сценарии, Java-скрипты или серверные приложения.
5. Не стоит повторять в тэге ключевые слова больше одного раза
6. Не использовать ключевые слова не связанные с содержанием вашего сайта и которых нет в контенте сайта.
7. Не создавать много входных страниц с одинаковыми ключевыми словами.
8. Не пытаться дважды в день индексировать одну и ту же страницу в одной и той же поисковой системе.
9. Не пытаться индексировать копии страниц под разными именами.
10. Не используйте свопинг. Свопинг - оптимизация страниц для достижения верхних позиций в листе ответа поисковой системы с последующей заменой содержания, когда нужное положение страницы в индексе достигнуто.
11. Не перегружайте роботов. Каждая поисковая система имеет предел, сколько страниц в день или в неделю вы можете представить на регистрацию. Поисковый робот сам проверит ваш сайт, и все страницы будут проиндексированы [32].
Таким образом, к основным этапам по продвижению web-сайта в поисковых системах относятся:
- анализ тематического сегмента;
- составление семантического ядра запросов;
- оптимизация сайта для поисковых систем;
- непосредственно продвижение и раскрутка в Интернет;
- поддержка результатов продвижения.
Эти шаги в комплексе дают значительный эффект. Пользователи сети, узнавшие о Вашей компании из каталогов, через поисковые машины и доски объявлений.
1) Описаны средства создания web-сайтов и программные средства, применяемые для разработки Web-сайтов.
Для создания в очень короткие сроки используются фреймворки, которые ускоряют процесс разработки сайта, обеспечивая необходимую функциональность.
2) Существует множество методов продвижения сайта в интернете, к основным из них можно отнести:
- Анализ тематического сегмента;
- Составление семантического ядра запросов;
- Оптимизация сайта для поисковых систем;
- Непосредственно продвижение и раскрутка в Интернет;
- Поддержка результатов продвижения.
Упомянуты чёрные методы продвижения, которых по возможности следует избегать.
3. Разработка сайта предприятия (на примере ОАО “Минсктелекомстрой”)
В данном дипломном проекте задействована система управления контентом WordPress. Эта одна из наиболее популярных на сегодняшний день CMS предоставляет достаточно широкие возможности для разработки. Система укомплектована редактором кода, темами, виджетами и прочими средствами, применяемыми в разработке. Также данная система оснащена панелью управления сайтом, с помощью которой можно создавать новые страницы, загружать медиа файлы и производить прочие необходимые изменения. Для установки данной системы достаточно создание базы данных, в которой будут храниться все данные, необходимые для работы web-сайта.
Сайт содержит печатный материал. Навигация осуществляется с помощь меню сверху. Также для удобства пользования сайт снабжен боковой панелью и виджетами внизу страницы.
Материал, размещенный на сайте, нацелен на информирование клиентов о деятельности компании и привлечения новых заказов. На сайте предоставлена информация:
- о компании;
- её достижениях;
- услугах и ценах;
- размещены контакты и обратная связь.
Данный материал заимствован из основного сайта компании. Разработанный сайт дополнен разделами: вакансии, прайс-лист и оформить заказ. В разделе вакансии соискателю предлагается пройти для начала небольшой тест и если он его проходит, то может заполнить анкету и отправить её на рассмотрение. Это даёт возможность сразу отсеивать неподходящие кандидатуры на вакантную должность. В разделе прайс-лист расположен список услуг, их стоимость и возможность заказа необходимой услуги. При выборе услуга вносится в корзину и, перейдя на страницу оформить заказ, заполнив необходимые поля, её можно будет заказать, отправив об этом заявку.
Актуальность выбора в качестве информационного ресурса - web-сайт помимо всего прочего обусловлена тем, что информация, размещенная на сайте доступна как владельцу, так и пользователю, из любого места, снабженного компьютером и интернетом.
С развитием Интернет и увеличением числа пользователей многие организации создают для своих клиентов не просто информационные сайты, а целые Интернет порталы, список функций которых достаточно широк. Наличие подобного ресурса повышает лояльность клиентов, и делает организацию более конкурентоспособной.
3.1 Разработка графического дизайна Web-сайта
Лицом сайта является главная страница. Она определяет, задержится ли посетитель на сайте и захочет ли продолжить знакомство.
Первым этапом разработки сайта является определение его дизайна. Главные задачи, которые приходится решать при разработке дизайна сайта, - это соответствие сайта фирменному стилю, использование логотипа и цветов фирмы, и удобство сайта для пользователя.
Графическое оформление web-сайта подразумевает выбор цветовой гаммы, разработку статических и динамических элементов оформления, подбор шрифтов, разработку фона и т.п. Дизайн сайта должен рассматриваться как один из инструментов достижения целей, ради которых создается web -сайт.
На этапе разработки концепции определяется требуемый уровень графического оформления: «стандарт» или «эксклюзив». Оформление для дипломного проекта было выбрано «стандарт». Разработка графического оформления на уровне «стандарт» не включает разработку оригинальных графических элементов. В этом случае для оформления сайта используются оригиналы графических элементов, представленные заказчиком и подбор подходящего шаблона. Необходимо лишь воспроизведение в электронной форме. Разработка графического оформления на уровне «эксклюзив» включает разработку графических элементов автором [33].
При разработке дизайна будем придерживаться следующих требований:
- Так как сайт несет в первую очередь информационную нагрузку то графическое оформление должно быть легким, использование Flash, а так же внедренных в страницы сайта музыкальных и видео файлов нецелесообразно;
- Цвета, шрифты и графика должны быть выдержаны в едином стиле для всех станиц сайта. Будем использовать сине - серо - черную гамму цветов;
- Цвета дизайна страниц должны быть сбалансированы, единообразный дизайн для всех страниц сайта;
- Графика должна быть качественной и сочетаться с остальными составляющими страницы; не должна мешать пользователю воспринимать информацию;
- Текст должен легко читаться и не сливаться с фоном [34].
Исходя из требований к дизайну сайта, указанных выше построен дизайн с использованием CSS.
3.2 Моделирование и создание Web-сайта
Разработка структуры немаловажный вопрос, так как от него будет зависеть удобство пользования вашим сайтом.
На этапе разработки концепции web-сайта создается документ, который служит исходным материалом для создания web-сайта: разработки сценария, графической концепции и структуры, программных инструментов, обеспечивающих необходимые функциональные ресурсы, и т.д. В сценарии должны быть определены: основные структурные решения организации web-сайта, какие конкретно информационные материалы опубликуются на сайте их объем, какие функциональные возможности предоставлены посетителям сайта и администратору, каким образом будут обновляться информационные материалы и контролироваться посещаемость web-сайта.
Представим сценарий разрабатываемого web-сайта (таблица 3.1):
1. Первая страница.
Главная страница это лицо сайта. Здесь обычно приводится краткая привлекательная информация о направлениях деятельности компании, предоставляемых услуг.
Основное назначение главной страницы web-сайта - рассказать пользователям о компании, ее преимуществах. Разработанный сайт оказывает услуги по проектированию и строительству сетей связи. Это и отражено на главной странице путём размещения на ней прямых ссылок на главную информацию о предприятии, её услугах и ценах.
2. Каталог услуг.
Раздел «Услуги» -- каталог услуг, предлагаемых компанией. Это страница, где содержится полный перечень услуг. В разделе «Услуги» существует подразделы с отдельным прайс-листом и возможностью оформить заказ.
3. Достижения.
На этой странице представлена информацию о достижениях компании, выполненных проектах, используемом оборудовании, полученных сертификатах и лицензиях и других подразделениях предприятия. В разделе «Достижения» существует подразделы.
4. О компании.
Раздел содержит развернутые сведения о компании. Её история, направление деятельности, вакансии, наши клиенты, наши объекты, структурная схема управления.
5. Фотогалерея
Раздел «Фотогалерея» -- раздел архива фотографий компании. Раздел фотогалерея установлен в сайты, потому что у компании имеется активная программа мероприятий, акций, много внутренних событий, большая структура и штат.
6. Новости
Раздел «Новости» сделан для поисковых систем. Дело в том, что поисковики приветствуют, когда информация на web-сайте обновляется. Для них это означает, что сайт является активным. И такому сайту в результатах поиска будет отдано предпочтение перед сайтом неактивным, пусть и более объемным. Для продвижения нашего сайта в интернете это является важным и очень полезным для позиционирования web-сайта в результатах поиска.
7. Вопрос-ответ Страница «Вопрос-ответ» сделан:
- для информации, которой не нашлось подходящего места на других страницах сайта; для информации, на которой хочется акцентировать внимание посетителя. Известно, что форма изложения «Вопрос-ответ» гораздо более удобна для восприятия, чем просто сплошной текст. Эту страницу можно рассматривать как еще одну форму донесения важной информации до посетителя.
Замечено также, что если посетитель попадает на большой сайт, то он не в последнюю очередь спешит посетить страницу «Вопросы-ответы». И это логично. Всегда полезно узнать, чем интересовались твои предшественники. Как правило, 90% вопросов однотипны и нет нужды искать ответы на них по всему сайту.
8. Контакты Раздел «Контакты» -- содержит контактные данные компании. В нём содержится максимально возможная контактная информация, информация об ответственных лицах, информация о режиме работы, схема проезда, форма отправки электронного сообщения -- все, что поможет посетителю оперативно связаться с предприятием.
Таблица 3.1. Информационная структура сайта ОАО «Минсктелекомстрой»
Разделы |
Категории |
|
Главная |
||
Достижения |
Используемое оборудование |
|
Лицензии и сертификаты |
||
Производственная лаборатория |
||
Контакты |
||
О компании |
Вакансии |
|
Наши заказчики |
||
Наши объекты |
||
Вопрос-ответ |
||
Услуги |
Оформить заказ |
|
Прайс-лист |
||
Фотогалерея |
||
Новости |
Новости и полезная информация |
|
Поиск по сайту |
В зависимости от дальнейшего развития компании сценарий сайта может быть усечен или дополнен специфическими элементами, которые могут появиться или исчезнуть на предприятии. Сценарий web-сайта должен полностью соответствовать целям создания сайта и быть ориентирован на соответствующую целевую аудиторию.
3.3 Описание системы управления сайтом
На главной странице CMS WordPress располагаются панель инструментов, область редактирования комментариев, элементы входа-выхода. Панель инструментов содержит ряд вкладок, при нажатии на которые раскрывается дополнительное меню. Раскрывающиеся элементы меню содержат как графические элементы редактирования, так и редактор кода.
В случае если необходимо вносить изменения в коде, выбирается необходимая страница, соответствующая разделу темы. Тема содержит как файлы страниц, так и файлы стилей. Файлы созданы с применением языка программирования PHP, языка гипертекстовой разметки HTML и языка стилей CSS.
К элементам, доступным для визуального редактирования можно отнести записи, ссылки, страницы, комментарии и пользователей.
К элементам, которые можно добавлять, используя стандартные функции можно отнести медиа файлы, ссылки, плагины [35].
Первым, из описанных средств будет редактор кода. Это одно из наиболее востребованных средств, поскольку базовые темы часто лишь частично схожи с желаемым результатом. Доступ к данному средству осуществляется по следующему пути: Панель инструментов - Внешний вид - Редактор. В появляющемся окне в центре располагается окно с кодом, над которым указано название файла. Справа отображаются все файлы, используемые в теме. Под окном с кодом находится кнопка «Обновление», которую необходимо нажимать после завершения редактирования кода. Сохраненные изменения можно просмотреть, обновив страницу web-сайта.
В основном темы содержат следующие файлы: index.php (основной шаблон), header.php (заголовок), page.php (шаблон страницы), footer.php (нижняя часть страницы), archive.php (файл архива), 404.php (шаблон ошибки), style.css (файл стилей) и прочие. Все эти файлы необходимы для полноценного функционирования темы. Редактор не снабжен нумерацией страниц, но поддерживает функцию поиска, вызываемую комбинацией клавиш Ctrl+F3. Данная комбинация удобна для использования, если известно название элемента, а название можно узнать, воспользовавшись функцией браузера «Просмотр кода элемента». Можно редактировать как уже имеющийся код, так и создавать новый.
Темы в CMS WordPress представляют собой результат объединения вышеуказанных файлов. Файлы хранятся на сервере в папке www/wp-content/themes/ название темы [36].
3.4 Руководство по администрированию Web-сайта
Web-сайт, представленный в данном дипломном проекте, имеет простую и понятную структуру. Использования CMS WordPress при создании сайта делает его редактирование простым и удобным для владельца. Сайт размещен на платном хостинге по адресу: http://turachka.ru.
Минсктелекомстрой - название сайта. Навигация по сайту, за исключением перехода на главную страницу, осуществляется по средствам меню сверху или клика по названию сайта.
В основной части сайта представлена информация о предприятии, расположен правый sidebar, в котором в виде виджетов представлены новости, поиск и закладки. Есть нижняя панель, в которой кратко описаны важные разделы сайта с переходом на полный текст.
В нижней части сайта (footer) располагается контактные данные, страницы сайта и счётчик посещений и возможность подписаться на рассылку сайта.
Редактирование страниц владельцем может осуществляться напрямую, со страницы сайта, нажатием на надпись «Редактировать страницу». Данная надпись удаляется и добавляется путем изменения кода CSS. Вход в панель управления сайтом осуществляется по адресу: http://turachka.ru/wp-login.php.
Основой для оформления сайта послужила тема Оbscorp. В ходе разработки в тему было внесено значительное количество изменений. Страницы сайта снабжены активными ссылками с электронным адресом, для быстрого перехода в почту и связи с заказчиком. В закладках есть возможность добавить страницу в избранное, распечатать, просмотреть и подписаться на новости в формате rss.
Для разработки данного web-сайта использовались средства, описанные в Главе 2. Также был задействован локальный сервер Vertrigo -- это специальное приложение, которое устанавливается на компьютер и превращает его в полноценный домашний сервер. VertigoServ - это высокопрофессиональный и простой в установке набор, состоящий из Apache (HTTP web-сервер), PHP (скриптовый язык программирования), MySQL (многопоточная, многопользовательская СУБД), SQLite (встраиваемый движок баз данных), SQLiteManager (многоязычная web-утилита для управления БД SQLite), PhpMyAdmin (утилита, написанная на PHP для администрирования БД MySQL) и Zend Optimizer (который увеличивает производительность запущенных процессов на 40%) для платформы Windows. Файлы проекта размещаются в папке www, которая является одной из директорий сервера [37].
Установочные файлы CMS WordPress распаковываются в описанную ранее директорию. Для внесения изменений во внешний вид web-сайта использовалась тема, которая состоит из файлов, связанных между собой, как правило, файлом «index.php». Код данного файла приведен в приложении. В данном файле подключаются, как правило, все элементы страницы.
Директория также содержит поддиректорию «images», в которой размещены все изображения, используемые в теме. CMS WordPress поддерживаются как файлы изображений с расширением jpeg., так и файлы изображений с расширением png..
Следующим, не менее важным в функционировании темы, является файл «page.php» и «single.php». Код файлов приведен в приложении. Функции данных файлов заключается в описании взаимодействия всех элементов страницы и записей сайта. Файлы «header.php», «footer.php» и «sidebar.php» описывают верхнюю, нижнюю и боковую части страницы соответственно. Файл «palels.php» представляет собой панель для краткого вывода важных разделов.
В теме также предусмотрен файл style.css, в котором описаны стили, используемые на страницах. Код, содержащийся в данном файле, приведен в приложении. Редактор кода, предусмотренный в CMS WordPress, позволяет редактировать код без использования дополнительного программного обеспечения. После завершения редактирования необходимо нажать клавишу обновить и после, обновив страницу в браузере увидеть результат внесенных изменений.
Локальный сервер Vertrigo , как уже говорилось выше, позволяет дорабатывать и просматривать все изменения без использования хостинга и удаленного сервера. Для начала работы с сервером необходимо запустить Vertrigo. Это делается с помощью, создаваемого при установке дистрибутива, значка «VertrigoServ». При нажатие на значок «VertrigoServ» появляется окно, отражающее состояние запуска программы.
После этого можно приступать к просмотру страниц в браузере.
Установка CMS WordPress
Первое, что необходимо сделать, это скачать локальный сервер Vertrigo , который содержит все необходимые.
Второе - скачать дистрибутив WordPress. После этого необходимо создать базу данных MySql для WordPress
После установки Vertrigo на компьютер и запуска, можно приступить к созданию базы данных.
Необходимо запустить браузер и в адресной строке ввести http://localhost/phpmyadmin, после чего ввести данные для входа (имя: root; пароль: vertigo) и попадаем в панель для создания новых БД.
После чего, следует ввести новое имя БД и нажать создать. Затем следует создать виртуальный домен для будущего сайта. Для этого необходимо перейти в директорию C:Program FilesVertrigoServwww и создать в ней папку minsktelecomstroy (имя может быть произвольным: site.moy или просто site). Внутри созданной директории распаковать скачанный дистрибутив.
Затем запустить браузер и в адресной строке написать http://localhost/ minsktelecomstroy /
Необходимо нажать на кнопку «Создать файл настроек». На следующей странице нужно нажать «Вперед!» и ввести данные базы, нажать кнопку «Отправить».
Создав базу данных можно приступить непосредственно к установке. Жмем запустить установку. Вводим данные сайта.
После того, как установка завершена, появляется окно.
Нажимаем «Войти».
Постоянный адрес панели администратора http://localhost/ minsktelecomstroy/wp-admin.php. В случае, если пароль утерян, он высылается на указанный при установке e-mail.
Размещение web-сайта в сети Интернет
Для того, что бы разместить сайт на сервере в Интернет, необходимо:
- найти хостинг;
- установить программу FTP клиент или изучить использование CPanel предлагаемой хостинг-компанией;
- распаковать дистрибутив CMS WordPress;
- переместить файлы темы, в случае, если они были заранее подготовлены, или доработать их на сервере хостинга [38].
В качестве хостинга была выбрана компания 'Шнайдер-хост' является молодой, но стремительно развивающейся хостинг-компанией, которая постепенно занимает все большую и большую часть рынка хостинга в СНГ.
Данный хостинг отличают следующие преимущества:
- небольшая стоимость за месяц пользования;
- удобный интерфейс;
- стабильность работы сервера.
В качестве программы для загрузки файлов была использована предоставленная компанией CPanel.
В разделе Файлы выбираем Диспетчер файлов и загружаем с помощью панели инструментов необходимые файлы в нужный нам раздел, а именно public_html, для размещения данных в интернете.
В CMS WordPress загружаем в архиве .zip, распаковываем, и выполняется процесс установки, описанный выше. Доступ к сайту осуществляется по адресу http://turachka.ru/. К редактированию внешнего вида по адресу http://turachka.ru/wp-login.php. При переходе по данному адресу появляется окно для ввода логина и пароля. Эти параметры устанавливаются во время установки CMS WordPress. После ввода запрашиваемых данных осуществляется переход на адрес http://turachka.ru/wp-admin/, где открывается стандартное окно и панель инструментов CMS WordPress.
Для замены файлов, прав доступа и прочих параметров необходимо перейти по адресу http://whmcs.shneider-host.ru/viewinvoice.php?id=25497, ввести запрашиваемые логин и пароль, которые указываются при регистрации и выбрав необходимый раздел внести необходимые изменения.
3.5 Продвижение сайта (на примере ОАО “Минсктелекомстрой”)
Перед началом продвижения сайта следует оценить его конкурентов. Для нашего предприятия, например, выбираем поисковый запрос «строительство сетей» и вводим его в yandex.by. В поисковой выдаче первым делом смотрим на количество объявлений в яндекс.директ, по нашему запросу их 4. Это значит низкая конкурентоспособность. Далее смотрим на количество главных страниц в топе. В нашем случае они появляются уже в первой позиции на первой страницы, что тоже говорит о низкой конкуренции. Основной сайт предприятия по этому запросу уже стоит на 3 позиции. Составление семантического ядра запросов. Для разрабатываемого сайта http://turachka.ru/ подобрано следующее семантическое ядро: высокочастотные запросы - строительство, связь; среднечастотные - проектирование, открытое акционерное общество; низкочастотные - строительство сетей, монтаж сетей. Проведём анализ популярности слов, а также примерного количества запросов по этой тематике (в месяц). Например, по запросу проектирование, если сайт находится в топ-10 то посещаемость у него может быть около 14 800 в месяц по региону Беларусь. Оптимизация сайта для поисковых систем:
Индекс Цитирования для разработанного сайта показан на рисунке 3.20, он пока существенно отличается от основного сайт компании, который на данный момент Тиц 10, PR 4.
Разработанный сайт стоит оптимизировать следующим образом:
- Ключевые слова должны быть в названии сайта, в названии статей, в самом тексте и желательно в доменном имени.
- Заголовок статьи выделен тегом <h1>. Приветствие и название предприятия тегом <h2>. На одной странице следует размещать только один тег <h1> и можно несколько <h2> - <h6>.
- Изображения в теге alt подпиcаны ключевыми запросами, потому что по этим запросам яндекс и гугл выдаёт картинки.
- Ссылки на страницы называются по теме страницы без лишних параметров id идентификаторов. Контент стоит чаще добавлять на сайт для этого есть раздел новости. Продвижение и раскрутка сайта в Интерне.
Регистрации в поисковых машинах, таких как google, yandex, rambler проводилось вручную; в каталогах проводилось с помощью программы Allsubmitter - профессиональная программа для раскрутки сайта. Результатом прогона по каталогам уже стало поднятие PR.
Регистрация в сервисах закладок. Для сайта предприятия подходит добавление в избранное, увеличивается видимость web-проекта для поисковых систем и ускорит его индексацию в Гугл и Яндекс, немного повысит трафик, добавит ТИЦ и PR. Почтовые рассылки. Можно легко производить с помощью сервиса https://smartresponder.ru. Он позволит собрать базу подписчиков и в нужный момент оповестить их о новых услугах, акциях, новостях компании и т.д. Эти шаги в комплексе дадут хороший эффект. Пользователи сети, узнают о компании из каталогов, через поисковые машины, они, найдя в сети информацию о вашей фирме, заинтересуются ею. Эффект от проводимых работ начнет явственно проявляться где-то через месяц поддержки (время внесения сайта в каталоги и рейтинги).
1) Результатом работы является разработка сайта предприятия, который предоставляет необходимую информацию для заказчиков.
Сайт был создан на CMS WordPress. Использование данного программного продукта облегчает выполнение многих задач, нет необходимости снова писать весь код, достаточно лишь вносить изменения в определенных местах. Был выбран стандартный стиль оформления и графический шаблон.
2) Появившиеся разделы помогут повысить эффективность обслуживания и освободят время работников для других дел.
В данный момент, на сайте ОАО «Минсктелекомстрой» реализованы следующие новые разделы: вакансии, прайс-лист и оформить заказ. В разделе вакансии соискателю предлагается пройти для начала небольшой тест и если он его проходит, то может заполнить анкету и отправить её на рассмотрение. Это даёт возможность сразу отсеивать неподходящие кандидатуры на вакантную должность. В разделе прайс-лист расположен список услуг, их стоимость и возможность заказа необходимой услуги. При выборе услуга вносится в корзину и, перейдя на страницу оформить заказ, заполнив необходимые поля, её можно будет заказать, отправив об этом заявку.
3) Описано руководство по администрированию сайтом и размещению его в сети Интернет, а также конкретные методы по дальнейшему продвижению.
Заключение
В дипломной работе были подробно рассмотрены особенности и этапы создания web-сайта, а также вопросы оптимизации и привлечения внимания целевой аудитории. И на основе представленного теоретического материала был разработан сайт для предприятия, позволяющий привлечь новых клиентов, повысить качество оказываемых услуг.
Основным результатом дипломной работы является создание web-сайта для компании ОАО «Минсктелекомстрой», чья деятельность заключается в проектировании и строительстве сетей, систем и сооружений связи. Разработанный web-сайт позволяет автоматизировать процессы доступа к информационным ресурсам компании через Интернет и информационный обмен между компанией и потенциальными клиентами.
Сайт был создан с помощью CMS WordPress. Был выбран стандартный стиль оформления и графический шаблон.
По сравнению со старой версией сайта были добавлены новые разделы: вакансии, прайс-лист и оформить заказ. В разделе вакансии соискателю предлагается пройти для начала небольшой тест и если он его проходит, то может заполнить анкету и отправить её на рассмотрение. Это даёт возможность сразу отсеивать неподходящие кандидатуры. В разделе прайс-лист расположен список услуг, их стоимость и возможность заказа необходимой услуги. При выборе услуга вносится в корзину и, перейдя на страницу оформить заказ, заполнив необходимые поля, её можно будет заказать, отправив об этом заявку.
Это нововведение позволит повысить эффективность обслуживания, и освободят время работников для других дел.
В ходе исследования были решены задачи:
Проведена классификация современных web-технологий; рассмотрены категории сайтов; выделены принципы создания и разработки сайта; проведён анализ СУБД, применяемых при создании сайтов.
Проанализировав CMS применяемые для создания web-сайтов, была выбрана CMS WordPress потому что, используя эту систему управления контентом можно быстро создавать разные по степени сложности web-сайты.
Существует множество методов продвижения сайта в Интернете. Для разработанного сайта был произведён анализ тематического сегмента, составлено семантическое ядро, сайт оптимизирован для поисковых систем; продвижение и раскрутка в Интернете производилась путём регистрации в поисковых машинах, в сервисах закладок и почтовой рассылки.
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
1. Прохорский Г.В. Как сделать свою Web-страничку или сайт: учеб. - Москва, 2005 г. - 245с.
2. Классификация сайтов [Электронный ресурс]. - 2010. - Режим доступа: http://www.internet-technologies.ru/articles/article_1486.html - Дата доступа: 10.05.2012.
3. Концепция проекта [Электронный ресурс]. - 2010. - Режим доступа: http://www.5428030.ru/steps.php - Дата доступа: 15.05.2012.
4. Принципы создания сайтов на современном этапе [Электронный ресурс]. - 2010. - Режим доступа: http://sharley.ru/literature/113-vazhnye-principy-sozdaniya-sajtov-v-ramkax-sovremennyx-tendencij-sajtostroeniya.html - Дата доступа: 15.05.2012.
5. Система управления базами данных [Электронный ресурс]. - 2010. - Режим доступа: http://ru.wikipedia.org/wiki/Система_управления_ базами_данных - Дата доступа: 16.05.2012.
6. Oracle Database [Электронный ресурс]. - 2010. - Режим доступа: http://ru.wikipedia.org/wiki/Oracle_Database - Дата доступа: 16.05.2012.
7. MySQL [Электронный ресурс]. - 2006-2012. - Режим доступа: http://minsktelecomstroy.by/- Дата доступа: 26.01.2012.
8. Microsoft SQL Server [Электронный ресурс]. - 2010. - Режим доступа: http://ru.wikipedia.org/wiki/Microsoft_SQL_Server - Дата доступа: 10.11.2012.
9. Система управления содержимым [Электронный ресурс]. - 2010. - Режим доступа: http://ru.wikipedia.org/wiki/Система_управления_ содержимым - Дата доступа: 18.05.2012.
10. Joomla [Электронный ресурс]. - 2010. - Режим доступа: http://joomlaportal.ru/- Дата доступа: 10.11.2012.
11. WordPress [Электронный ресурс]. - 2010. - Режим доступа: http://ru.WordPress.org/ - Дата доступа: 27.02.2012.
12. Основные преимущества WordPress [Электронный ресурс]. - 2012. - Режим доступа: http://www.novichkoff.ru/dvizhok-sajta-sistema-upravleniya-kontentom-cms-chto-vse-eto-takoe.html - Дата доступа: 18.05.2012.
13. DLE [Электронный ресурс] - Электронный данные. - Режим доступа: http://dle-news.ru/ - Дата доступа: 19.05.2012.
14. Шапошников, И. Web-сайт своими руками : [практ. рук.] / Игорь Шапошников. - СПб. : БХВ-Санкт- Петербург, 2000
15. Эд Тиллер, Мери Бурмейстер. HTML для чайников, Москва, С-П., К., Издательство «Диалектика», 2006.
16. Губин С. Ю. Введение в интернет-технологии : Учеб. пособие / С.Ю. Губин, В.Т. Матчин, В.А. Мордвинов; М-во образования Рос. Федерации, Моск. гос. ин-т радиотехники, электроники и автоматики (техн. ун-т). - М.: МИРЭА, 1999
17. CSS [Электронный ресурс]. - 2010. - Режим доступа: http://webdax.ru/sposobcss.php - Дата доступа: 21.05.2012.
18. Средства создания сайтов [Электронный ресурс]. - 2011. - Режим доступа: http://www.in-internet.narod.ru/teor/sreda.html - Дата доступа: 20.02.2012.
19. Практика применения PERL, PHP, APACHE и MySQL для активных Web-сайтов / Александр Вячеславович Фролов, Григорий Вячеславович Фролов. - М. : Рус. ред., 2002.
20. Интерпретатор PHP [Электронный ресурс]. - 2010. - Режим доступа: http://www.softtime.ru/bookphp/ - Дата доступа: 21.05.2012.
21. XML [Электронный ресурс]. - 2011. - Режим доступа: http://www.4stud.info/web-programming/xml.html - Дата доступа: 22.05.2012.
22. Использование PHP [Электронный ресурс]. - 2010. - Режим доступа: http://php.su/faq/?software - Дата доступа: 15.05.2012.
23. JavaScript [Электронный ресурс]. - 2011. - Режим доступа: http://ru.wikipedia.org/wiki/JavaScript - Дата доступа: 15.05.2012.
24. Интернет-маркетинг [Электронный ресурс]. - 2011. - Режим доступа: http://www.whitesite.biz/MainView/Main/Services/Marketing.html - Дата доступа: 22.05.2012.
25. Раскрутка и продвижение сайта в Интернет. [Электронный ресурс]. - 2009. - Режим доступа: www.nalisoft.ru - Дата доступа: 22.05.2012.
26. Сидоренко Алексей. Создание и раскрутка сайта. [Электронный ресурс]. - 2011. - Режим доступа: www.pr-news.ru - Дата доступа: 22.05.2012.
27. Раскрутка и продвижение сайта в Интернет. [Электронный ресурс]. - 2010. - Режим доступа: www.nalisoft.ru - Дата доступа: 24.05.2012.
28. Программирование Web-страниц / С.В. Глушаков, И.А. Жакин, Т.С. Хачиров; Худож.-оформ. А.С. Юхтман. - М.: ООО «Издательство АСТ»; Харьков: «Фолио», 2003. - 387 с.
29. Раскрутка и продвижение сайта в Интернет. [Электронный ресурс]. - 2010. - Режим доступа: www.nalisoft.ru - Дата доступа: 24.05.2012.
30. Ковалев А., Курдюмов И. и др. Управление проектом по созданию интернет-сайта - М.: Альпина Паблишер, 2001. - 337 с.
31. Раскрутка и продвижение сайта в Интернет. [Электронный ресурс]. - 2010. - Режим доступа: www.nalisoft.ru - Дата доступа: 24.05.2012.
32. Иванов Андрей. Что надо знать о спамдексинге? [Электронный ресурс]. - 2010. - Режим доступа: www.webmasteram.ru/articles /spamdexing.htm - Дата доступа: 26.05.2012.
33. В.А. Козлова, Компьютерные сети и телекоммуникации: Учебное пособие и лабораторный практикум. - Пермь: ОГУП ИПК 'Пермское книжное издательство', 2005. - 192 с.
34. В.А. Козлова, Компьютерные сети и телекоммуникации: Учебное пособие и лабораторный практикум. - Пермь: ОГУП ИПК 'Пермское книжное издательство', 2005. - 192 с.
35. Панель инструментов WordPres [Электронный ресурс]. - 2012. - Режим доступа: http://ru.wikipedia.org/wiki/WordPress - Дата доступа: 25.05.2012.
36. В. Б. Комягина, В. Н. Печникова. Создание Web-страниц и Web-сайтов : Самоучитель, Москва., Издательство «Триумф», 2003
37. Сервер Vertrigo [Электронный ресурс]. - 2010. - Режим доступа: http://vertrigo.sourceforge.net/?lang=ru - Дата доступа: 26.05.2012.
38. Бабушкин М., Коростелев В. Как правильно организовать свой Web-сервер. Мир Internet. - 1997
ПРИЛОЖЕНИЕ
Исходный код сайта
<?php get_header(); ?>
<div id='breadcrumb'>
<div class='bcwrap container_12 clearfix'><?php include (TEMPLATEPATH . '/breadcrumb.php'); ?> </div>
</div>
<div id='main' class='container_12 clearfix'>
<div id='leftcol' class='grid_8'>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class='post'>
<h1 class='post-title'><?php the_title(); ?></h1>
<div class='post-content'>
<?php the_content(); ?>
</div>
<?php endwhile; else: ?>
<div class='post'>
<h1 class='post-title'>Не найдено!</h1>
<div class='post-content'><p>Извините, ничего не нашлось. Воспользуйтесь навигацией или поиском, чтобы найти необходимую вам информацию.</p></div>
</div>
<?php endif; ?>
</div>
<div id='rightcol' class='grid_4'>
<?php get_sidebar(); ?>
</div></div>
<?php get_footer(); ?>