Разработка магазинов с гарантией попадания в ТОП поисковых систем

Узнать подробнее
Eltisbook > Руководство по раскрутке сайта > Оптимизация кода сайта

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

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

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

Поисковые машины не умеют индексировать 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>

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

Навигация

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


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

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