Создание сайта, Разработка сайта, Создание сайтов Киев, Разработка сайтов Киев, Дизайн студия Best Design Studio -доступные цены в Киеве
Как обновить статический Html

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

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

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

Как заменить статический Html сайт на динамический с сохранением существующих Url
Поэтому основной проблемой, которую видят владельцы статических Html сайтов при переносе их на Joomla — это сохранение старых адресов (URL) в том виде, в каком они существовали уже продолжительное время. Но для решения этой проблемы достаточно будет сохранить структуру, используемую в статическом Html сайта, повторив ее средствами движка Joomla.

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

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

Joomla же разрабатывалась именно для создания проектов с разветвленной и сложной структурой, сложными меню и различными другими примочками, позволяющими повысить юзабилити сайта. К тому же, для Joomla имеется замечательный компонент ARTIO JoomSEF, который позволит нам сделать адреса (URL) нового динамического сайта точно такими же, какими они были в статическом Html сайте. Т.о. все внешние ссылки, ведущие на ваш сайт, останутся работоспособными и вы ничего не потеряете в плане поискового продвижения.

Итак, приступим. Не так давно вышла новая версия Joomla 1.6, которая коренным образом отличается от Joomla 1.5 и пожалуй что в лучшую сторону. Но в силу того, что это совершенно новый движок, то и расширения, которые прекрасно работали на Joomla 1.5, не факт, что заработают на 1.6. Ситуация похожа на ту, что имела место быть при появлении Joomla 1.5 на фоне прекрасно работающей Joomla 1.0.

У меня опыта работы с 1.6 пока что нет, поэтому буду рассказывать на примере версии Joomla 1.5, последний релиз которой можно скачать здесь (там Joomla.1.5.22 Rus не только русифицирована, но и включает в свой состав ряд полезных компонентов, таких как JCE, JoomlaPack и XMap — они вам обязательно понадобятся и помогут при работе с уже динамическим сайтом на Joomla).

Установка Joomla 1.5 была мною уже довольно подробно описана, поэтому на этом заострять внимание нет смысла. Тут, правда, следует оговориться, что Joomla нужно устанавливать на хостинг, который поддерживает работу с PHP и MySQL соответствующих версий, поэтому предварительно поинтересуйтесь у хостера о возможности установки Joomla.

Т.к. раньше у вас был статический Html сайт, которому не требовалась поддержка PHP и MySQL, то вероятно вам придется прикупить другой тариф у своего или какого-либо другого хостера.

Я обычно, когда занимаюсь переносом статического Html сайта на динамический движок, покупаю отдельный аккаунт у своего любимого хостера под Joomla, полностью создаю и отлаживаю динамический сайт и только после этого прописываю новые DNS сервера у регистратора доменных имен для того, чтобы переход на новый движок был наименее безболезненным и не привел к пропаданию проекта из эфира (чтобы аптайм оставался высоким).

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

Но прежде, чем начинать методом копипаста переносить статьи из статического Html сайта в Joomla, нужно будет проанализировать структуру статического проекта и продумать способы реализации этой структуры в Joomla с помощью различных пунктов меню. Многие спрашивали меня про автоматический способ переноса статического сайта на динамический движок (кто-то даже надеялся, что установив движок Joomla в директорию статического Html сайта, автоматом получит работающий динамический сайт). Но, как бы, лично я не знаю такого способа, кроме «старого доброго» ручного труда по копированию и вставке текста статей.

Итак, давайте еще раз вспомним, каким именно образом Joomla может выводить контент. Во-первых, это самый простой вариант, когда по нажатию на пункт в меню Joomla у вас отобразиться одна единственная статья.

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

Статьи из категории вы сможете выводить на динамическом сайте Joomla одним из двух способов: в виде списка статей, содержащихся в этой категории, либо в виде блог категории (от каждой статьи будет отображаться только пара первых абзацев, а остальном можно будет прочитать, нажав на ссылку «Читать далее»). Как все это можно будет реализовать вы можете почитать в статье по пунктам меню Joomla.

Вообще, немного отвлекусь и упомяну, что много информации по работе с Joomla вы можете найти на странице Все вопросы или на странице Уроки Joomla.

Итак, вы прикинули и создали нужные разделы и категории в админке Joomla. Теперь можно начинать копировать тексты статей с вашего статического Html сайта (можно прямо из браузера) и вставлять их в визуальный редактор Joomla, с которым вы сможете работать даже без базовых познаний в Html и CSS, но все же при этом могут возникнуть сложности, а могут и не возникнуть.

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

Вывод материалов статического сайта в Joomla и настройка Url в компоненте ARTIO JoomSEF
Итак, будем считать, что всеми правдами и не правдами вы смогли скопировать со старого статического Html сайта все статьи и раскидать их по нужным категориям и разделам Joomla. В общем-то, основная часть переноса статистического Html проекта на динамический движок завершилась, но осталось еще настроить вывод статей в Joomla с помощью создания соответствующих пунктов в меню Joomla, которые в свою очередь нужно будет расположить в соответствующих позициях шаблона.

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

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

Итак, статьи со статического ресурса мы перенесли и настроили их отображение в Joomla с помощью соответствующих пунктов меню. Но вот адреса страниц (URL) нового динамического сайта, если вы обратите внимание, совсем не похожи на то, что нам надо получить (аналог статического проекта). Но дело это поправимое, ибо достаточно будет активировать ЧПУ в Joomla и установить компонент ARTIO JoomSEF.

ARTIO JoomSEF автоматически будет создавать URL для всех страниц вашего динамического сайта на Joomla. Делать это он будет путем транслитерации названий ваших статей и разделения слов знаком тире (обращаю ваше внимание, что для поисковых систем будет лучше использовать именно этот разделитель). Но опять же, это все будет хорошо и здорово для новых статей, а ведь адреса старых материалов, взятых со статического Html сайта, должны остаться неизменными.

Нет проблем, идем в настройки компонента ARTIO JoomSEF через меню админки Joomla — «Компоненты» — «ARTIO JoomSEF» — «Manager JoomSEF URL». Там вы увидите все уже преобразованные этим компонентом адреса страниц вашего динамического ресурса. Но их можно будет запросто подправить вручную. Для этого щелкаете по нужному адресу и попадаете в окно, где можно будет в строке «New SEF URL» ввести тот URL, который был у этой странице на статическом сайте.

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

Не забывайте, что по сравнению со статическим Html сайтом, состоящим лишь из страничек ресурса и файлов CSS, в корневой папке динамического проекта (в том числе и на Joomla) будет расположено несколько тысяч файлов, которые никоим образом не будут содержать материалы вашего ресурса (статьи в Joomla хранятся в базе данных, а не в файлах). Поэтому, для запрещения индексации этих служебных файлов поисковыми системами используется такой инструмент, как файл robots.txt. Вариант файла robots.txt для Joomla вы можете посмотреть по указанной ссылке.

Так же, в связи с такой насыщенностью директории динамического ресурса всякими левыми файлами и папками, не имеющих прямого отношения к контенту сайта, очень важно помогать поисковым системам правильно и в полном объеме индексировать страницы вашего проекта. Для этого можно использовать в Joomla карту сайта на базе компонента Xmap, воспользовавшись приведенной статьей. После создания карты сайта вам нужно будет добавить ссылку на нее в Яндекс Вебмастер и панель Google (основный поисковых систем рунета).

У меня было две статьи по настройкам Joomla (Настройки Joomla ч.1 и Настройки Joomla ч.2), которые вам могут пригодиться на начальном этапе работы с этим динамическим движком. Да, еще, наверное, стоит сказать про склейку зеркал сайта с WWW и без WWW с помощью 301 редиректа, которая не будет лишней.

Для того, чтобы не потерять все, что вы с таким трудом создали, при переносе статического Html сайта на движок Joomla, обязательно делайте бекап и не надейтесь в этом вопросе на хостера. Но при этом не забывайте, что динамический сайт на Joomla включает в себя как бы две части: файлы движка и базу данных со статьями.

Нужно делать бэкап и того и другого. Причем, у вас есть выбор — либо делать делать резервные копии базы данных и файлов Joomla вручную, либо воспользоваться для автоматического создания единого бекапа возможностями чудесного компонента JoomlaPack.

После того, как ваш динамический сайт на Joomla будет полностью работоспособен и адреса его страниц будут совпадать с адресами, которые имели страницы статического Html ресурса, нужно будет подключить новый динамический проект, заместо работающего до сих пор статического. Делается это путем изменения адресов DNS и вашего регистратора доменного имени.

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

 

Добавить комментарий

Защитный код
Обновить