Разработка web-сайта компании (на примере ОАО "Минсктелекомстрой") с использованием CMS WordPress

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

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык русский
Дата добавления 07.11.2013
Размер файла 3,8 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Основные этапы по продвижению сайта в поисковых системах:

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 Files\VertrigoServ\www и создать в ней папку 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(); ?>

Размещено на Allbest.ru


Подобные документы

  • Основы моделирования и разработки Web-сайтов. Обзор и сравнительный анализ языков программирования. Фреймворки, используемые при создании сайта. Разработка графического дизайна, моделирование и создание Web-сайта, руководство по администрированию.

    курсовая работа [1,7 M], добавлен 07.11.2013

  • Обзор и анализ используемых технологий, содержания и дизайна сайтов ВУЗов, в том числе созданных на основе CMS. Исследование содержания сайта ПРИПИТ и информационных потребностей различных групп его потенциальных посетителей. Разработка дизайна сайта.

    дипломная работа [129,4 K], добавлен 11.03.2010

  • Анализ основных средств для создания Web-сайтов. Обзор и сравнительный анализ СУБД, применяемых в Web-программировании. Анализ методов продвижения Web-сайтов. Проектирование Web-сайта в области коммунального хозяйства. Разработка графического дизайна.

    курсовая работа [3,0 M], добавлен 07.11.2013

  • Обзор и сравнительный анализ современных методов и инструментов для разработки Web-сайтов. Разработка модели сайта, его структуры с использованием современных программных средств разработки. Определение экономической эффективности от его внедрения.

    дипломная работа [1,4 M], добавлен 21.06.2013

  • Случаи использования PHP фреймворка. Обзор современных фреймворков. Выбор фреймворка для разработки сайта. Поддержка баз данных и сообщества. Model View Controller архитектура. Скорость развития фреймворка. Наличие встроенных javascript-библиотек.

    курсовая работа [1,8 M], добавлен 31.05.2012

  • Обзор методов и средств по созданию и проектированию Web–сайтов. Языки программирования для создания Web–сайтов. Анализ достоинств и недостатков систем управления сайтом CMS. Разработка дизайна и макета сайта. Расчет затрат на разработку продукта.

    дипломная работа [1,1 M], добавлен 02.06.2016

  • Моделирование и разработка web-сайтов. Обзор СУБД, применяемых в программировании. Обзор и сравнительный анализ систем управления сайтами. Интернет-магазины в сфере автомобильного бизнеса, их функциональные возможности. Разработка прототипа магазина.

    курсовая работа [3,0 M], добавлен 07.11.2013

  • Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.

    курсовая работа [1,0 M], добавлен 09.01.2014

  • Этапы развития веб-дизайна. Виды и типы веб-сайтов, теоретические аспекты их создания. Структура веб-сайта и его страниц. Процесс и результат разработки веб-дизайна. Создание сайта факультета архитектуры и дизайна Кубанского государственного университета.

    дипломная работа [4,6 M], добавлен 10.11.2015

  • Понятие и виды хостинга. Характеристика способов раскрутки веб-сайта. Обоснование необходимости и особенности разработки сайта для гостиничного предприятия, его назначение. Анализ сайтов-конкурентов. Выбор хостинга и домена, метода продвижения сайта.

    контрольная работа [310,6 K], добавлен 25.12.2012

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.