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

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

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

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

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

Карта сайта.

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

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

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

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

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

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

Правильная навигация вашего сайта – залог успеха у посетителей и правильной индексации ПМ. Меню навигации должно быть максимально понятным и должно дублироваться на странице не менее 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>

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

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

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

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

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

Наверх

Источник: Создание сайтов