Разработка Web-сайта предприятия и его продвижение в поисковых системах

Размещено на http://www.allbest.ru/

РАЗРАБОТКА WEB-САЙТА ПРЕДПРИЯТИЯ И ЕГО ПРОДВИЖЕНИЕ В ПОИСКОВЫХ СИСТЕМАХ



СОДЕРЖАНИЕ

ВВЕДЕНИЕ

ГЛАВА 1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ

1.1 Анализ возможностей Internet

1.2 Виды создания сайтов

1.3 Классификация сайтов

1.4 Постановка задач на дипломное проектировании

1.5 Этапы проектирования Web

1.6 Обоснование выбора платформы для создания сайта

1.7 Структура Web - сайта «Русский лес»

1.8 Файловая организация Web - сайта

1.9 Основные принципы и правила продвижения сайта

ГЛАВА 2. РАЗРАБОТКА WEB-САЙТАПРЕДПРИЯТИЯ И ЕГО ПРОДВИЖЕНИЕ В ПОИСКОВЫХ СИСТЕМАХ

2.1 Устанавливаем необходимое ПО на hosting

2.2 Разработка структуры и страниц сайта

2.3 Поисковая оптимизация Web - сайта

ЗАКЛЮЧЕНИЕ

СПИСОК ЛИТЕРАТУРЫ



ВВЕДЕНИЕ

Стремительное развитие информационных технологий и усовершенствование компьютерной технической привело к всемирной интеграции их в всегда области человеческой работы. Не является исключением и область торговли и рекламы. В последнее время объем маркетинговых услуг в Internet по сопоставлению с всеобщим размером мирового рынка рекламы стремительно увеличивается с каждым годом.

В наше время весьма велико многообразие рекламируемых продуктов и услуг в Internet. Для того, для того чтобы сформировать маркетинговую фирму в Internet компании нужно иметь просто Интернет -страницу, где потенциальные посетители сумели б ознакомиться с фирмой, и разузнать, чем она увлекается, интересны ли им предложения предоставленной компании, задать (при поддержки электрической почты) интересующие их проблемы и т. д.

Существует ряд путей «продвижения» компании в всемирной сети Internet основными из них представлены: создание виртуальной странички компании в Internet и Web-менеджмент.

Цель предоставленной работы представляется формирование виртуальной странички в Internet для ИП «Русский лес». Создать структуру, дизайн, а кроме того проследить о его будущем развитий в сети с помощью Интернет-менеджмента.

Необходимостью формирования виртуальной странички в Internet является, прежде всего, рекламирование продукта и услуг, которые предлагает эта компания. Интерактивное рекламное объявление - новый метод порекомендовать продукты и услуги покупателю. Интернет же являет собою наиболее активно формирующуюся сферу вещания. За минувшие 5 лет кол-во пользователей сети повысилось в 10-ки раз, и в настоящий момент более 70 процентов жителей земного шара используют Internet.

Таким образом, можно сделать вывод, что стремительно возрастающая аудитория сети Интернет представляет собою область высокого заинтересованности для большинства рекламодателей. Многие компании немало выиграли с применения Internet, получив крайне ощутимое превосходство в конкурентоспособной войне.

Именно вследствие этого формирование виртуальной странички в Internet в случае ИП «Русский лес» представляется выгодной потребностью с целью его последующего формирования.

Объект:

· Разработка фирменного Web-сайта для предприятия «Русский лес».

Предмет:

· Электронный каталог продуктов фирмы «Русский лес». Задачи:

· Проанализировать предметную область.

· Изучить найденный теоретический материал по исследуемому объекту.

· Разработать структуру и дизайн сайта.

· Наполнить сайт содержимым.

· Оптимизировать сайт под поисковые системы.



ГЛАВА 1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ

1.1 Анализ возможностей Internet

Internet содержит в себе все значимые качества информационных систем. Основной особенностью Internet является интерактивность, т. е. возможность незамедлительно отреагировать на обращение пользователя.

К числу свойств Internet принадлежат:

1. Коммуникационный простор, не ограниченный ни во времени, ни в месте;

2. Четко определенные каналы доступа;

3. Оптимальная прозрачность рынка, условия соперников можно узнать в считанные секунды;

4. Активные пользователи, готовые понести определенные затраты;

5. Явная и большая результативность для покупателя;

6. Возможность статистического анализа действия пользователей;

7. Возможность своевременной передачи актуализованной информации;

8. Возможность расширения функций организации.

Характерным признаком Internet является ее бесконечность - полный комплекс услуг, предоставляемых Internet, имеется уже в 75 государствах планеты, и еще в 77 государствах разрешено пересылать и принимать электронную почту.

Таким образом, Internet представляет собой уникальную коммуникационную концепцию, которая может применяться не только лишь для какой-то одной цели. Ее привлекательность как раз и заключается в разнообразии возможностей и в том новом, что она обдает для разнообразных типов деятельности.

Internet, как универсальное средство коммуникации обретает использование в самых разных областях работы:

· издательское дело:

· электронные журналы; выпуск информативных бюллетеней, а кроме того книжек;

· торговля: компьютерные торговые центры;

· бизнес: организация GeneralElectric применяет сеть с целью распространения промышленной документации;

· радиовещание: ведутся исследования по цифровой подаче голосовых сигналов и видеофрагментов на подключенные к сети компьютер;

· реклама: интерактивная рекламное объявление - новый способ предложить продукты и услуги покупателю

Главная возможность Internet при применении реального бизнеса - это безграничное вовлечение покупателей, для своей организации с поддержкой размещения в «всемирной паутине» Интернет - веб-сайта. В котором создатель показывает о предоставляемых услугах, стоимостях, контактных телефонах, и т. д.

сайт продвижение платформа поисковый

1.2 Виды создания сайтов

Далее хотелось бы поговорить о способах создания сайта. Веб технология не стоят на месте, и с развитием интернета появилось огромные возможности по созданию сайтов.

9. На первом месте стоит классическое создание сайта с использованием языков Web-программирования таких как Html, Css, Php, JavaScript и MySql.

10. На втором месте, стоит создание с помощью онлайн конструкторов. Наиболее популярными онлайн конструкторами являются UCoz, Wix, UKit.

11. На третьем месте стоит специализированное ПО. Их так же можно отнести к конструкторам. Самыми популярными на данный момент являются Macaw, AdobeMuse и AdobeDreamweaver. Еще хотелось бы упомянуть об онлайн аналоге Macaw, этосервис WebFlow.com, который обходится чуточку дороже своего предшественника, но имеют большой плюс в кроссплатформенности.

12. На четвертом месте стоит, создание сайта с помощью CMS.

CMS (Contentmanagementsystem) -этоинформационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым).

Самыми популярными CMSна данный момент являются Wordpress, Joomla, Drupal.

1.3 Классификация сайтов

Типы веб-сайтов согласно технологиям, оказывающим большое влияние на веб-дизайн и функциональность

1) Статические веб-сайты и интернет-странички.

2) Динамические веб-сайты и интернет-странички.

3) Флэш-сайты.

Классификация веб-сайтов согласно их принадлежности

1) Персональные (личные) веб-сайты.

2) Веб-сайты коммерческих организаций.

3) Веб-сайты некоммерческих организаций.

Виды веб-сайтов согласно величине, по уровню решаемых ими

1) Несложные веб-сайты, которые содержат немного информации и состоящие из нескольких страниц («сайты-визитки», домашние страницы и т. п.).

2) Тематические, узконаправленные веб-сайты.

3) Многофункциональные веб-сайты (порталы).

Веб-сайты, предоставляющие разные онлайн-сервисы.

1) Веб-сайты, предоставляющие контент.

2) Веб-сайты для онлайн-контактов

3) Сайты сервисы.

Неестественные сайты.

1) Сайты-дорвеи.

2) Сайты-каталоги.

3) Сайты-сателлиты.

4) MFA-сайты.

5) MFS-сайты.

1.4 Постановка задач на проектирование сайта

В наше время, период весьма велико многообразие рекламируемых продуктов и услуг в Internet. Для того, что б сформировать маркетинговую фирму в Internet, компании необходимо иметь Internet-страничку, где возможные посетители сумели б ознакомиться с компанией, и узнать, чем она занимается, интересны ли им предложения предоставленной компании, задать (при помощи электронной почты) интересующие их темы и т.д.

Web-сайты представлены наиболее действенным инструментом уведомления пользователей оперативной информацией.

Экономическая необходимость разрабатываемой темы определена уменьшением временных и ростом высококачественных характеристик информирования пользователей.

Используя современные средства разработки подобные как CMSJoomla, можно с небольшими преходящими затратами сконструировать Web-сайт, обладающий необходимой полнотой материала, универсальностью и несложностью применения.

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

Заказчиком разработки является компания «Русский лес». Со стороны компании мне были предоставленный исходные материалы, так же была взята и использована информация из сети.

У создания сайта для фирмы имеется ряд достоинств. Среди достоинств разработки сайта я хотел бы выделить следующие:

1) Пользователь может ознакомиться с предоставляемыми фирмой услугами онлайн, ему нет потребности находится на стационарном месте нахождения фирмы, или звонить по телефону что бы узнать о предоставляемых видах услуг данной компании.

2) Можно добавлять огромное количество страниц схожей тематики.

С помощью CMSJoomla изменение и добавление нужной информации можно производить без изменения кода Web-сайта вручную, и не нужно устанавливать для этого дополнительные модули или плагины.

Поэтому изменение сайта не влечет за собой потеряю денежных средств.

Данный проект, создание сайта для компании «Русский лес» предназначен для информации о деятельности компании и ее услугах.

Экономическая целесообразность разработки сайта весьма существенна, к ней можно отнести следующие пункты:

1) Экономия времени для ознакомления с перечнем услуг предоставляемыми компанией

2) Получение информации непосредственно прямо из сети, о стоимости товаров

3) Получение информации о способах заказа и оплаты товара, а также о доставке и о возможности получения скидки

Поэтому создания веб-сайта для данной фирмы может быть отличным решением для продвижения своего бизнеса во всемирной паутине.



1.5 Этапы проектирования Web

Сайт для компании «Русский лес» был спроектирован согласно 6 этапам.

Первый этап - это системный анализ. На данном этапе, разработчик получив достаточно информации от заказчика, прорисовывает дизайн и предлагает его заказчику, если обе стороны договорятся о каком-либо дизайне, и он утверждается, то разработчик после подтверждения со стороны заказчика, переходит к следующему этапу (рис. 1.1).

Рис. 1.1 Первый этап проектирования - системный анализ

Второй этап - это этап проектирования структуры и дизайна сайта. После того как разработчик получит подтверждения в виде одобрения структуры сайта, разработчик выбирает наиболее оптимальное решение для реализации данного проекта (рис. 1.2).



Рис. 1.2 Второй этап проектирования - проектирование структуры сайта

Третий этап - это этап создания сайта, с использованием заранее выбранного программного обеспечения, и заполнение разделов сайта некоторой информации, предоставленной от заказчика(рис. 1.3).

Рис. 1.3 Третий этап проектирования - создание сайта

Четвертый этап - это отладка и исправление ошибок, в простонародье «тестирование» сайта. Этот пункт очень важен, так как при создании сайта, разработчик может недоглядеть и допустить ошибку, либо материалы на сайте отображаются не корректно и так далее (рис. 1.4).



Рис. 1.4 Четвертый этап проектирование-тестирование и отладка сайта

На данном этапе уже фактический заказчик имеет полноценный готовый сайт, готовый к работе. Завершением этапа является полная отладка проекта, исправление всех ошибок системы, если таковые имеются, а также исправление опечаток информации.

Пятый этап проектирования. Это оптимизация сайта в поисковых системах, что являются наверно самым важным фактором успеха созданного сайта, если сайт находится на высоком месте в топе поисковых систем, то на него будет переходить больше людей, а тем самым больше потенциальных клиентов компании (рис. 1.5).

Рис. 1.5 Пятый этап проектирования-SEO Продвижение сайта



Шестой этап - это этап сопровождение. На данном этапе формируется техническая документация сайта, а также техническая поддержка сайта если таковая необходима (рис. 1.6).

Рис. 1.6 Шестой этап проектирования - Документация и техническая поддержка

1.6 Обоснование выбора платформы для создания сайта

Какую систему я выбрал и почему. Создания сайта даже при использовании специальных программ довольно таки сложное и долговременное занятие. Да создать одностраничный сайт не составит труда, учитывая разнообразия CMS и конструкторов, но что бы создать качественный полноценный сайт, придется немного попотеть.

Я буду создавать сайт с помощью CMSJoomla. Почему именно на данной CMS, а не на какой-либо другой, ответ достаточно прост: данная CMS бесплатная, на ней можно создать сайт абсолютно любой сложности, много обучающих и полезных материалов в свободном доступе. Не «ест» слишком много ресурсов на hosting - e, огромное количество расширений и шаблонов.

CMSJoomla по сравнению с ее ранними версиями стала очень хорошо защищена от различных атак хакеров, добавили двухфакторную аутентификацию, а так же есть огромное количество плагинов которые существенно повышают защиту данной CMS.

Так же данная CMS полностью соответствует требованиям заказчика к сайту. Разработанная структура и дизайн сайта, легко реализуется с помощью, данной CMS.

1.7 Структура Web - сайта «Русский лес»

Создание Web-сайтов является на данный момент одной из самых важных технологий разработки различных ресурсов Internet.

Качественный сайт, который содержит всю необходимую информацию для потребителя, является наилучшим решением для фирмы. На данный момент в сети Internet размещено десятки миллионов Web - сайтов, и их число постоянно увеличивается. Благодаря Internet существует возможность брать полезную и нужную информацию с сайта, а также принять участие в создании подобных сайтов.

Программная реализация сайта требует качественной разработки содержания и структуры сайта. Содержание страницы является одним из основных плюсов, которые может получить фирма разместив свой сайт во всемирной паутине, заполнив ее нужной информацией. Структура сайта для организации «Русский лес» видна на рис. 1.7



Рис. 1.7 Структура сайта.

Данная схема показывает основные структурные элементы сайта:

1) Заголовок сайта или header. Включает в себя название сайта в виде логотипа, в header-е можно размещать что угодно, но обычно размещают логотип, контактные данный, адреса офисов и различные номера для связи с организацией

2) Навигация сайта. Навигация сайта -- это меню, с помощью которых пользователь зашедший на сайта фирмы, сможет перемещаться по сайту, искать нужную ему информацию и т.д.

3) Основное окно страницы или информационная область. Здесь будет размещаться весь content который имеется на сайте. При переходе на тот или иной пункт меню, пользователь будет видеть на экране различную информацию.

4) Левый и правый модуль. В правом модуле будут отображаться курсы валют, а в левом модуле (только в пункте меню каталог) будут отображаться товары и услуги, предоставляемые организацией «Русский лес».



1.8 Файловая организация Web - сайта

Тщательная разработка файловой структуры Web-сайта облегчает в дальнейшем его модернизацию и информационную поддержку, а также играет большое значение, при его размещении в Интернет и корректности работы.

На рис. 1.8 приведена структура файловой организации Web - сайта. Рисунок отражает структуру файловой организации, которая состоит из следующих файлов:

1) Файл robots.txt - это текстовый файл, находящийся в корневой директории сайта, в котором записываются специальные инструкции для поисковых роботов. Эти инструкции могут запрещать к индексации некоторые разделы или страницы на сайте, указывать на правильное «зеркалирование» домена, рекомендовать поисковому роботу соблюдать определенный временной интервал между скачиванием документов с сервера и т.д.

2) Файл index.php - начальный файл директории сайта. Как правило содержит инициализацию всех компонентов сайта.index.php - это файл, который содержит код языка PHP, только с этим расширением возможно, опять же таки по умолчанию, использовать скрипты PHP.

3) Файл .htaccess -- это файл дополнительной конфигурации веб- сервера Apache, а также подобных ему серверов. Позволяет задавать большое количество дополнительных параметров и разрешений для работы веб-сервера в отдельных каталогах (папках), таких как управляемый доступ к каталогам, переназначение типов файлов и т.д., без изменения главного конфигурационного файла. .htaccess является подобием httpd.conf с той разницей, что действует только на каталог, в котором располагается, и на его дочерние каталоги. Возможность использования .htaccess в том или ином каталоге указывается в httpd.conf (директива AllowOverride).Файл .htaccess может быть размещен в любом каталоге. Директивы этого файла действуют на все файлы в текущем каталоге и во всех его подкаталогах (если эти директивы не переопределены директивами нижележащих файлов .htaccess).

4) configuration.php - это файл, необходимый для запуска сайта на текущем веб-сервере. Данный файл хранит в себе технические данные, правильность заполнения которых должна быть строго учтена. Изменение конфигурации - один из этапов публикации сайта в Интернет, поэтому данная конфигурация изменяется обязательно после выхода в сеть.

Также находятся папки и текстовые файлы, о папках я расскажу далее, а информацию об текстовых файлах я опущу, так как они не имеют огромного значения.

Перечислим наиболее важные директории:

1) cache -- сюда централизованная система кеширования помещает все предварительно обработанные файлы для ускорения выдачи страниц.

2) administrator -- директория отвечает за панель управления сайта. По большому счету структура повторяется

3) components -- место установки компонентов для работы администратора

4) includes -- здесь хранятся файлы реализующие ApplicationLayer в приложении.

5) language -- в этой папке хранятся локализации панели управления сайта

6) templates -- директория с шаблонами back-end'а

7) modules -- папка с администраторскими модулями, такими как toolbar, или панель быстрого доступа.

8) components -- в этой директории хранятся файлы всех установленных в системе компонентов. Каждый компонент обязан иметь определенный набор файлов, предписанный API и выбранной моделью.

9) images -- директория для изображений и файлов Joomla.

10) stories -- в которую сохраняются пользовательские изображения.

11) banners -- тут располагаются файлы баннеров (gif, jpg, swf и другие форматы) для стандартного компонента "Баннеры".

12) images -- здесь располагаются иконки и небольшие картинки для сайта.

13) includes -- папка с файлами, реализующими ApplicationLayer, однако множество файлов в этой директории оставлены для совместимости со старой версией Joomla.

14) language -- локализации для расширений пользовательской части сайта.

15) libraries -- содержимое этой директории реализует FrameworkLayer CMS, в ней хранится как сам фреймворкjoomla, так и сторонние библиотеки необходимые для работы.

16) logs -- файлы логов расширений joomla. например сюда помещаются записи событий, таких как неверный логин на сайт.

17) modules -- это модули пользовательской части сайта.

18) plugins -- это обработчики событий, они вызываются компонентами в определенное время генерации контента, например, перед его размещением.

19) templates -- пользовательские шаблоны joomla, очень сильны в своей реализации, при этом они остаются достаточно просты для изготовления даже не специалистом.

20) temp -- папка для временных файлов, например, распакованные архивы компонентов, временные данные и прочее.



Рис. 1.8Файловая организация сайта

1.9 Основные принципы и правила продвижения сайта

Определить цели и возможную аудиторию. Нужно заранее понимать для кого и для чего создается сайт, что бы в дальнейшем оптимизировать поисковые запросы под нужные нам ключевые слова. Нужно задаться вопросами «Кому важна информация, представленная на сайта?» и «Какие фразы люди должны вводить в строке поиска, что бы найти нужную им информацию» как вы ответили на эти вопросы можно двигаться дальше.

Анализ конкурентов. Данный вид анализа помогает понять причины успеха соперников и дает возможность перенять у них лучшее.

Оформление сайта. На вашем сайте должна быть качественно проработана структура и дизайн. Контент представленный на сайте должен быть максимально читабельным. Это поможет индексации страниц, да и люди сети Internet чаще заходят на те сайте который выполнены в приятных для глаза тонах.

Нужно анализировать поисковые запросы и оптимизировать для собственных нужд. Нужно составить так называемое «семантическое ядро» сайта. Семантическое ядро - это список ключевых запросов, по которым планируется продвигать сайт в поисковых системах. После того как семантическое ядро было составлено его нужно соотнести с конкретными страницами сайта.

Перелинковка внутренних страниц. Перелинковка страниц означает разместить ссылки с главной или внутренних страниц на других страницах, и наоборот. Иными словами, перелинковка -- это связывание страниц сайта между собой ссылками.

Регулярное добавление новых статей на сайт. Сайт необходимо постоянно обновлять. Желательно добавлять одну две статьи в неделю. Так будет гораздо лучше, нежели добавить много различных статей за один день. Так же, немало важным является и уникальность статей. Все это приятно сказывается на ранжировании сайта в поисковых системах.

Все мы знаем, что социальные сети, стали неотъемлемой частью нашей жизни, поэтому продвижение в социальных сетях, является хорошим способом увеличить посещаемость, и ссылочную массу.

Внешние факторы. На продвижения сайта так же влияет возраст сайта. На данный фактор повлиять практический невозможно. На данный момент единственным способом повлиять на данный фактор, это купить старый домен. Так же важна ссылочная масса. Но с ростом популярности внешних ссылок, стали создаваться так называемые MFS(MadeforSape) -сайты (сделано для Sape). Поисковые системы стали усердно с этим бороться по причине того, что Internet стал засоряться ненужными, мусорными сайтами. На данный момент продвижение с помощью внешних ссылок потеряло свою актуальность.



ГЛАВА 2. РАЗРАБОТКА WEB-САЙТА ПРЕДПРИЯТИЯ И ЕГО ПРОДВИЖЕНИЕ В ПОИСКОВЫХ СИСТЕМАХ

2.1 Устанавливаем необходимое ПО на hocting

Хостинг (англ. hosting) -- услуга по предоставлению ресурсов для размещения информации на сервере, постоянно находящемся в сети (обычно Интернет)

Мною был выбран hostingот компании Макхост. На данный момент Макхост занимает лидирующие позиции среди российских хостинг- провайдеров.

Скачиваем Joomlaс официального сайта Joomla.org. Переносим файлы на хостинг с помощью любого FTP- клиента. Вводим в адресной строки браузера название сайта, в моем случае это Rusaw.ru/index.php . Запускается мастер установки Joomla 3 (рис. 2.1-2.4).

Рис. 2. 1 Установка Joomla 3



Рис. 2. 2Установка Joomla 3

Убеждаемся, что минимальные требования соблюдены (все элементы кроме 1 подсвечиваются зеленым) (рис. 2.3)



Рис. 2. 3 Установка Joomla 3

Удаляем директорию «installation».

Рис. 2. 4 Завершение установки



На этом процедура установки Joomla 3 завершена, установкадовольно проста, поэтому я не стал расписывать каждый пункт.

Теперь мы можем перейти в панель управления (рис. 2.5).

Рис. 2. 5 Панель управления

Так выглядит наш сайт на стандартном шаблоне от Joomla 3 (рис. 2.6)



Рис. 2. 6 Сайт

2.2 Разработка структуры и страниц сайта

Начнем наполнять сайт. Для начала создадим меню.

Перейдем в пункт меню >менеджер меню > создать меню (рис. 2.7) . Вводим название меню и тип меню. Далее нажимаем сохранить и закрыть.

Рис. 2. 7 Создание меню



Далее нам нужно создать категории, они же и будут нашим меню. В мое случае будут создаваться следующие категории, а соответственно и пункты меню:

1. Главная

2. Каталог

3. Доставка

4. Оплата

5. О нас

6. Контакты

Рис. 2. 8 Создание категории

Вводим название категории нажимаем сохранить и создать. Проделываем эту процедуру пока не будут созданный все пункты (рис. 2.9)

Рис. 2. 9 Категории



Категория «uncategorised» формируется изначально. Туда попадает все материалы которые мы не определили в созданные ранее категории.

Теперь переходим в менеджер меню, выбираем созданное ранее меню, нажимай на создать пункты меню (рис. 2.10). Здесь нам нужно выбрать тип пункта меню, в нашем случае это блог категории и выбрать одну из ранее созданных категорий. На рис. 2.10 представлено создание пункта меню Каталог. Другие пункты создаются аналогичным образом (рис. 2.11).

Рис. 2. 10 Создание пунктов меню

Рис. 2. 11 Созданные пункты меню



Меню создано, но на сайте оно не отображается, это связано с тем что меню в Joomla реализуется через модуль. Заходим в расширение, далее менеджер модулей, и нажимаем на кнопку создать. Выбираем тип модуля, в нашем случае это меню, выбираем созданное ранее нами меню, и указываем позицию модуля (рис. 2.12). Сохраняем и закрываем. Теперь мы можем увидеть, как отобразилось наше меню на сайте (рис. 2.13). Так же в менеджере модулей мы отключаем отображения формы входа на сайт, она нам не нужна.

Рис. 2. 12 Позиция модуля

Рис. 2. 13 Меню

Далее рассмотрим создание материалов и добавление их на сайт.

Что бы создать новый материал (статью) нам нужно перейти в Менеджер материалов > Создать материал (рис. 2.14)

На рис. 2.14 изображен интерфейс редактора.



рис. 2.14Интерфейс редактора TinyMCE

Начнем разбор интерфейса редактора TinyMCE, так как с ним нам придется работать чаще всего. На ней мы видим следующие пункты навигации «Материал», интерфейс данного пункта меню мы можем увидеть на рис. 2.15.

Следующий пункт меню -- это «Публикация» (рис. 2.15). Здесь представлены настройки публикация материала на сайте, можно задать начала и конец публикации если есть на это необходимость, так же можно заполнить мета-теги нужные для Seo-продвижения материала в сети Internet, об этом я расскажу в 3 главе диплома. Пункты выделенные серым заполняются автоматический и не имеют возможности к редактированию, за исключением одно пункта «Автор», данный пункт меняется через общие настройки.



Рис. 2.15Пункт редактора TinyMCE- Публикация

Следующий пункт -- это «Изображение и ссылки» (рис. 2.16). С помощью данного пункта мы можем добавлять изображение в наш материал, а также сделать изображение ссылкой.

Рис. 2.16 Пункт редактора TinyMCE - Изображение и ссылки.

Следующий пункт -- это «Отображение» (рис. 2.17). Через данный пункт мы можем настроить отображение материала на сайте, можно показать или скрыть нужную информацию в материале.



Рис. 2.17Пункт редактора TinyMCE - Отображение.

YjsgRichSnippets и YjsgArticleoptions не являются стандартными функциями редактора TinyMCE и не являются нужными, можно спокойно обходится без этих пунктов.

Пункт меню «Параметры редактирования» (рис. 2.18) содержит настройку верхней панели которую я описал выше.

Рис. 2.18Пункт редактора TinyMCE - Параметры редактирования.



И последний пункт -- это «Права доступа» (рис. 2.19) С помощью этого пункта можно передавать права модераторам или другим пользователям если такие имеются, или если это требуется для достижения каких-то определенных задач.

Рис. 2.19Пункт редактора TinyMCE - Права доступа.

Создание главной страницы.

Главную страницу было решено сделать по типу «landingpage». Целевая страница (также «посадочная страница») -- веб-страница, построенная определенным образом, основной задачей которой является сбор контактных данных целевой аудитории.

Для того что бы реализовать это в Joomla 3, было решено воспользоваться условно бесплатным расширение SPPageBuilderот компании Joomshaper. Данное расширение специально созданной для создания посадочных страниц.

Скачиваем расширение с официального сайта www.joomshaper.com, переходим в расширение, менеджер расширений, установить, выбираем скачанный архив с сайта Joomshaper и устанавливаем. В панели управления добавился новый пункт от расширения (рис. 2.20). Переходим в него, и нажимай создать новую страницу. Возможности данного расширения велики, список аддонов которые мы можем добавить на наш сайт виден на рис. 2.21



Рис. 2. 20 SpPageBuilder

Рис. 2. 21 АддоныSpPageBuilder

Для начала добавляем новую строку, и делим информационное поле на три части (рис. 2.22)

Рис. 2. 22 Делим информационное поле



Далее вставляем текстовый блог в каждый из отдельно созданных ячеек, наполняем аддоны нужной информацией, добавляем фон и нажимай на кнопку сохранить (рис. 2.23).

Рис. 2. 23 Вывод информации из SpPAgeBuilderна сайте.

Аналогичным образом добавляем и другие элементы на главную страницу. В итоге главная страница, созданная в SpPageBuilder выглядит так

Рис. 2. 14 Главная страница



Так же на главную страницу был выведен «вирусный ролик» и форма для заказа. Конечный вариант главное страницы выглядит так (рис. 2.25).

Рис. 2. 15 Главная страница

Все остальные пункты меню выполнены в виде блога (рис. 2.26 - 2.29).



Рис. 2. 16 Каталог

Рис. 2. 17 Доставка



Рис. 2. 18 О компании

Рис. 2. 29 Контакты



2.3 Поисковая оптимизация Web - сайта

Для начала оптимизации сайта, нужно начать со стандартных средств оптимизации. Заходим в панель управления Joomla, заходим в общие настройки и включаем SEF(ЧПУ), ЧПУ расшифровывается как человеко- понятный урл. При включение ЧПУ, ссылки становятся более читабельными.

до включения ЧПУ http://rusaw.ru/index.php;

после включения ЧПУ http://rusaw.ru;

Так же включаем перенаправление URL, это сделано для того что бы если пользователь вводить не правильно страницу сайта, он автоматический будет перенаправлен на рабочую страницу.

Обнаружение страницы

Регистрация в сервисе Яндекс Вебмастер.Яндекс вебмастер -- это специальная страничка в Яндексе, предназначенная для всех владельцев сайтов в интернете. На этой страничке, каждый владелец сайта или блога может добавить свой сайт, при добавление своего сайта на Яндекс вебмастер, мы сообщаем поисковой системе о том, что это именно наш сайт.

Для чего это нужно?

Чтобы следить, как поисковая система индексирует наш сайт, когда последний раз посещал ваш сайт или блог поисковый робот, сколько страниц загрузил в свою базу, какие обнаружил ошибки, сколько внешних ссылок видит поисковая система на ваш сайт, по каким запросам и на каких позициях находится ваш сайт по этим запросам - это только малая часть того, что дает нам Яндекс Вебмастер.

Переходим на сайт https://webmaster.yandex.ru, нажимаем на кнопку добавить свой сайт и вводим название сайта. Яндекс выдает нам файл с HTMLкодом, который нужно вставить в корневой каталог сайта, у себя на хостинге, после этого нажимаем на кнопку проверить, после проверки Яндекса, если не было ни каких ошибок, сайт будет добавлен в Яндекс.Вебмастер.

Аналогично добавляем сайт на сервисе GoogleWebmasters. Процедура добавления сайта в Google идентична с Яндекс, нам предоставляется файл c HTML кодом, добавляем его в корневой каталог сайта на хостинге, нажимаем на кнопку проверки, в случае если все сделано правильно, то Google добавит наш сайт в GoogleWebmasters.

Далее нам нужно создать карту сайта. Карта сайта нужна для того что бы предоставить быстрый доступ поисковых систем к страницам сайта. Создается карта довольно просто, здесь имеются и расширения для Joomla (OsMap, XMap и т.д), и различные онлайн сервисы (http://www.xml- sitemaps.com, Seolib.ruи т.д). Я использовал расширение OsMap, скачиваем расширение с официального сайта www.alledia.com, устанавливаем, далее заходим в это расширение и нажимай сгенерировать xml карту всего сайта, все, карта сайта готова, по желанию мы можем вывести ее на сайте, например, в footer-e как и было сделано в моем случае. Теперь нам нужно добавить карту сайту на Яндекс.Вебмастер и GoogleWebmaster. Переходим на Яндекс.Вебмастер , выбираем пункт меню настройка индексация, и нажимаем добавить Sitemap. После добавления xml карты, нам нужно сообщить Яндексу об этом, это делается следующим образом, нужно добавить директиву sitemap в файл robots.txt, при добавление xml карты, Яндекс выдает нам код который нужно и добавить в файл robots.txt, на этом добавление карты сайты завершено. В Google все происходит аналогичным образом, за исключением что добавление карты происходит через пункт меню «оптимизация».

Индексирование

Закрываем индексирование внешних страниц сайта.

Это делается для того что бы не передавать вес страницы сайта на другие ресурсы. В основе алгоритма поискового ранжирования с самого начала его существования лежит принцип передачи ссылочного веса. То есть, чем больше авторитетных сайтов ссылаются на наш ресурс, тем более авторитетным в глазах поисковиков становится и наш сайт.

Но есть и обратная сторона этого вопроса, чем больше внешних ссылок ведет с нашего сайта, тем меньше становится его вес.

Для Joomla есть специальный плагин Marco'snoFollow, устанавливаем его так же, как и любое расширение Joomla, для того что бы закрыть внешние ссылки от индексации нам достаточно включить этот плагин, если какие-то определенные ссылки нужно оставить, то можно добавить эти ссылки в исключение для более гибкой настройки.

Дублирование главное страницы

Убираем дублирование главной страницы. Если в строке браузера ввести http://www.Rusaw.ruмы попадаем на наш сайт, если ввести http://Rusaw.ru,то мы так же попадаем на наш сайт, для пользователя это не имеет огромного значения как будут забивать страницу сайта, а для поисковых систем это важно, так как они считают, что это разные страницы, поэтому нужно сделать редирект или с «www» или без. Для того что бы сделать редирект нашего сайта, нужно в файл .htacces добавить следующий код: RewriteCond %{HTTP_HOST} ^www.Rusaw.ru [NC] RewriteRule^(.*)$ http://Rusaw.ru /$1 [R=301,L]

Этот код означает что мы совершаем редирект с тремя «www» на сайт без трех «www».

Для того что бы сообщить поисковикам что главная страница у нас без трех «www», нам нужно добавить в файл robots.txt следующий код: Host: http://Rusaw.ru

Убираем дубли страниц всего сайта.

Устанавливаем плагин NoDoubles, данный плагин призван помочь решить проблемы с дублями страниц, склеить множество одинаковых страниц в одну сделав редирект с неправильной страницы, на правильную.

Это простой и удобный инструмент, для того, чтоб сократить дубли в несколько раз. Достаточно просто включить данный плагин, и он уже будет склеивать дубли страниц, если таковы имеются.

Так же можно добавить маленький код в файл Robots.txt: Dissalow: /*?

Всего одной строчкой мы избавляемся от большого количества мусора. Это может быть ссылки на печати материалов, на RSS - ленту, на результаты поиска по сайту, закроет страницы пагинаций и т.д.

Ранжирование

Ранжирование -- это процесс, при котором поисковая система: - принимает запрос пользователя; - находит все подходящие веб-страницы; и - выстраивает их в определенном порядке по принципу наибольшего соответствия конкретному запросу. Иными словами, ранжирование -- это сортировка сайта поисковыми системами.

В Joomla 3 предусмотрена встроенная оптимизация мета данных. Для того что бы добавить мета-тег description, и мета-тег keywords (по желанию) для меню, нужно перейти в пункт меню панели управления Joomla? менеджер категорий, далее выбираем нужную нам категорию, и переходим на вкладку «публикация» (рис. 2.30). Далее вводим нужную нам информацию в поле description, и если нужно вводим ключевые слова через запятую в поле keywords. С другими категориями проделываем то же самое, важный момент, желательно что бы для конкретной категории мета данные были индивидуальными, это поможет в ранжировании страницы поисковыми системами.

Рис. 2. 19 Мета-теги



ЗАКЛЮЧЕНИЕ

Развитие сети Интернет привело к резкому росту популярности сайтов среди различных торговых фирм и граждан. Internet -это универсальное средство коммуникации находит применение в самых различных сферах деятельности.

Ценность применения сайтов в торговой деятельности фирм заключается в потенциальной возможности охватить своей торговлей бесчисленное количество покупателей.

Web - сайт-это новый способ предложить товары и услуги потребителю. Интернет же являет собой наиболее динамично развивающуюся среду вещания

В процессе дипломного проектирования был проведен анализ технологий разработки Web - сайтов, гипертекстовых документов и интерактивных HTML-документов. Проведен анализ основных принципов построения виртуальных страниц Internet. Обоснован выбор CMS для создания Web - сайта.

Был разработан Web- сайт для организации «Русский лес», включающий в себя:

- эффективную систему управления;

- совокупность взаимосвязанных гипертекстовых документов.

Процесс создания сайта четко осуществлялся по этапам проектирования жизненного цикла любого программного обеспечения.

Тщательно разработана структура Web- сайт, которая бы соответствовала направлению деятельности данной фирмы. Проанализированы требования к содержанию и дизайну сайта.

Было произведено технико-экономическое обоснование целесообразности разработки и внедрения сайта данной фирмы в сеть Internet.

Таким образом, можно заключить, что быстро растущая аудитория сети Интернет являет собой область повышенного интереса для большинства компаний. Многие компании немало выиграли от использования Internet, получив весьма ощутимое преимущество в конкурентной борьбе. Именно поэтому создание виртуальной страницы в Internet является выгодной необходимостью для ее дальнейшего развития.

Навыки и наработки, полученные в процессе проектирования сайта будут использованы в дальнейшей профессиональной деятельности.



Список литературы

1) Internet: новые возможности для бизнеса // Citforum URL: http://citforum.ru/internet/iinet97/7.shtml (дата обращения: 03.02.2016).

2) Способы создания сайта // Seitostroenie URL: http://seitostroenie.ru/sposoby-sozdaniya-sajta.html (дата обращения: 9.02.2016).

3) CMS // BlogWork URL: http://blogwork.ru/chto-takoe-cms-ili- sistema-upravleniya-kontentom (дата обращения: 16.02.2016).

4) CMS - Joomla 3 что это такое // Joomla URL: http://www.joomla- code.ru/about-joomla (дата обращения: 16.02.2016).

5) Классификация сайтов // Байт Мастер URL: http://www.bytemaster.ru/?p=1413 (дата обращения: 17.03.2016).

6) Структура папок // Joomla-book URL: http://joomla- book.ru/development/general/directory-structure (дата обращения: 18.03.2016).

7) Принципы продвижения сайтов // Ювелир URL: http://uvelir.info/articles/prodvizhenie_saita_v_internete_osnovnye_pr incipy_i_pravila/ (дата обращения: 19.03.2016).

8) Этапы разработки web-сайта // Expert URL: http://www.info- expert.ru/development/stages.php (дата обращения: 28.03.2016).

9) Настройка стандартного SEF в Joomla // Webmastermix URL: http://webmastermix.ru/lessons-joomla/136-sef-v-joomla-1-5-i-1- 6.html (дата обращения: 01.04.2016).

10)Оптимизация сайта на Joomla 3 // SEO URL: http://alfabetseo.net/joomla/seo-optimization-joomla.html (дата обращения: 12.04.2016).

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