Инструкция по созданию графической карты сайта.
В данной
инструкции будет показан пример создания графической карты сайта, а именно при использовании
HTML и CSS. Визуальный пример такой карты сайта Вы сможете просмотреть прямо на нашем сайте, а именно по ссылке
Карта сайта Для начала давайте определимся,
что такое карта сайта и для чего она нужна. Во-первых
карта сайта это хороший SEO инструмент сайта который поможет Вам ускорить индексацию вашего сайта. Она нужна тем у кого сайт много страничный, так как порой поисковые роботы просто не добираются до последних страниц сайта и значительную часть материалов не индексирует, а каждый про индексированный материал это трафик который терять не хотелось бы ни кому. Существует два вида карты сайта - это графическая карта сайта которую мы будем рассматривать в данной инструкции и карта сайта формата xml. Более подробней узнать о картах сайта вы сможете из другой статьи, а именно в статье:
Что такое карта сайта и как её создать ?. Смысл графической карты сайта в том что она поможет разбить много страничный сайт на несколько частей, в каждой части соответственно будет намного меньше материалов, так как они будут разделены и поисковым системам будет легче индексировать сайт.
И так как же всё таки создать графическую карту сайта с чего начать.
Для удобного создания карты сайта советуем использовать программу
Notepad++ скачать её Вы сможете из нашего архива просто нажав на название программы. Программа скачана далее в неё вставляем код приведенный ниже.
Тело документа карты сайта
Код
<html>
<head><link id='innova' href='http://clipak.ucoz.ru/css/edit_file.css' type='text/css' rel='stylesheet' />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" media="screen, print" href="http://clipak.ucoz.ru/slickmap.css" />
<title>Карта сайта -- Название вашего сайта ---</title>
</head>
<body>
<div class="sitemap">
<h1>Адрес_сайта</h1>
<h2>Карта сайта адрес_сайта</h2>
<ul id="utilityNav">
<li><a href="#">Регистрация</a></li>
<li><a href="#">Личный кабинет</a></li>
<li><a href="#">Облако меток</a></li>
<li><a href="#">Поиск</a></li>
</ul>
<ul id="primaryNav" class="col4">
<li id="home"><a href="#">Главная</a></li>
<li><a href="#">Об авторе/Контакты</a>
<ul>
<li><a href="#">Об авторе</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</li>
<li><a href="#">Статьи</a>
<ul>
<li><a href="#">Рубрика_1</a></li>
<li><a href="#">Рубрика_2</a></li>
<li><a href="#">Рубрика_3</a></li>
<li><a href="#">Рубрика_4</a></li>
<li><a href="#">Рубрика_5</a></li>
</ul>
</li>
<li><a href="#">Файлы</a>
<ul>
<li><a href="#">Группа_1</a></li>
<li><a href="#">Группа_1</a></li>
<li><a href="#">Группа_1</a></li>
<li><a href="#">Группа_1</a></li>
<li><a href="#">Группа_1</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Редактируем карту сайта под себя, а именно прописываем пути к разделам и категориям сайта, пишем название сайта и так далее. Думаю с этим проблем не будет если, что не получится пишите в комментарии помогу. После того как Вы настроили свою графическую карту сайта Вам следует сохранить её с кодировкой
UTF-8 и под названием index.html. Следующим шагом заходим в панель управления сайта, в файловый менеджер или же на сервер сайта и грузим файл в корень сайта так, что бы ваша карта сайта была доступна по ссылке http://ваш сайт.ru/index.html .
После того как карта сайта загружена на сервер и доступна по ссылке нужно где нибудь на главной странице сайта разместить ссылку на вашу графическую карту сайта. Можно просто ссылкой, а можно с картинкой.
Просто ссылкой:
Код
<a href="тут адрес файла index.html"Title="">Карта сайта</a>
Ссылка прикрытая картинкой
Код
<a href="тут адрес файла index.html"><img src="тут адрес вашего изображения"Title="Карта сайта"></a>
На по следок могу посоветовать сразу же добавить ссылку на карту сайта в аддурилки поисковых систем. Гарантирую не сегодня завтра Вы заметите как поисковые системы быстро добавят в индекс достаточно большое количество страниц Вашего сайта. Ну вот в принципе и всё обратите внимание на то, что обязательно файл
должен быть сохранен с кодировкой UTF-8. Всё же если появятся какие либо вопросы или же, что либо не будет получаться пишите в комментарии или же в ЛС к автору материала и мы обязательно Вам поможем.