Знакомства на Just click it
Скоро новый год!
Онлайн радио
Вверх
Новые статьи

Ретро газета в подарок
Архив

Оптимизация кода сайта

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

Оптимизация кода - советы.

 

Поисковые машины не умеют индексировать JavaScript, Flash, VBScript и т.д., поэтому все скрипты должны быть вынесенны в отдельный файл и по возможности необходимо отказаться от техгологии Flash, а в меню навигации категорически советую вам воздержаться от нее. Наиболее важные слова в тексте должны быть расположенны как можно выше к началу страницы. Код должен быть полностью валидным. Навигация должна дублироваться не менее 2х раз, а доступ к самой глубокой странице должен быть возможен максимум в 3 клика. Главная страница и карта сайта должна быть доступна с любой страницы нашего сайта.

 

НУ а теперь обо всем попорядку:

 

Карта сайта.

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

 

Карта сайта должна быть доступна с любой другой страницы нашего сайта и потому логичнее всего было бы поместить ссылку на нее в автоматически подключаемый блок.

Создадим html карту сайта и разместив ее в корневом каталоге сайта назовем ее sitemap.html. Адреса в карте сайта необходимо указывать только в абсолютном виде!

 

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

 

<a href="../sitemap.html"><img src="../img/folder.png" width="16" height="16" border="0" style="position:absolute; top:65px; left:28px;"></a>

 

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

 

<a href="../index.php"><img src="../img/at.png" width="16" height="16" border="0" style="position:absolute; top:65px; left:48px;"></a>

 

Дублируем навигацию.

 

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

 

Создадим навигацию в подключаемом блоке шапки страницы. Для нее определим отдельный CSS стиль :

 

link_menu:link {
color : Black;
text – decoration : none;
font – family : "Comic Sans MS";
font – size : 12px;
font – weight : 600;
}
.link_menu:visited{
color : Black;
text – decoration : none;
font – family : "Comic Sans MS";
font – size : 12px;
font – weight : 600;

}
.link_menu:hover{
color : White;
font – family : "Comic Sans MS";
cursor:pointer;
font – size : 12px;
font – weight : 600;
}
.link_menu:active{
color : Black;
text – decoration : none;font – family : "Comic Sans MS";
font – size : 12px;
font – weight : 600;
}

 

А саму навигацию разместим внутри верхней ячейки основной таблицы каркаса нашего сайта. Если вы помните, то внутри верхней ячейки расположенна таблица, состоящая из 3х столбцов, так вот нашу навигацию мы разместим в центральном столбце:

 

<div align="center"><table width="800" border="0">
<tr>
<td><a href="http://www.plata.ru/" class="link_menu">ГЛАВНАЯ
</a></td>
<td><a href="http://www.plata.ru/shop/shop.php" class="link_menu">ТОВАРЫ</a></td>
<td><a href="http://www.plata.ru/service/service.php" class="link_menu">УСЛУГИ
</a></td>
<td><a href="http://www.plata.ru/delivery/delivery.php" class="link_menu">ДОСТАВКА</a></td>
<td><a href="http://www.plata.ru/contact/contact.php" class="link_menu">КОНТАКТЫ
</a></td>
<td><a href="http://www.plata.ru/about_us/about_us.php" class="link_menu"> О НАС</a></td>
</tr>
</table>
</div>

 

 

Теперь наш сайт имеет двойную навигацию, что немаловажно с точки зрения поисковой оптимизации:

 

Оптимизация кода

 

Теперь самое время перейти к оптимизации названий файлов.

 




В этом уроке мы оптимизировали исходный код для нашего сайта, создали карту сайта и двойную навигацию.

 

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

 

назад
далее
Наверх
Источник: Создание сайтов
Мы В Контакте Мы на Facebook Лента новостей RSS
Копирование и публикация материалов сайта разрешены только при наличии активной ссылки на источник
2011 - наши дни.. © Контакты | Лого | Реклама на сайте | Вебмастерам