Знакомства на 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 - наши дни.. © Контакты | Лого | Реклама на сайте | Вебмастерам
Политика конфиденциальности | Пользовательское соглашение