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

1. Стилізація html-коду
2. видалення тегів
3. Усуваємо помилки html-коду
4. Закриття зовнішніх посилань:
5. Структура html-коду

Наша команда-партнер Artmisto

Пошуковий робот проводить збір інформації з мільйонів сайтів щодня. І навіть тут оптимізатор може знайти важелі управління. Пошукові системи висловлюють деякі рекомендації по оптимізації, які можуть спростити завдання робота. Серед цих заходів провідне значення належить оптимізації html-коду.

Заходи, які спрямовані на адаптацію коду сторінки під вимоги пошукових систем, іменуються оптимізацією html-коду.

Для початку варто усвідомити основні завдання та цілі, які переслідує цей вид оптимізації. В першу чергу це поліпшення внутрішніх характеристик сайту, які можуть вплинути на індексацію. Якщо робот буде регулярно заходити на сайт, аналізуючи його вміст і при цьому не буде зустрічати перешкод, то сайт буде знаходитися на пріоритетних позиціях в пошуковій видачі.

Інший момент, коли код сайту складний, містить помилки, то робот буде відвідувати такі проекти в останню чергу. Також крім погіршення індексації, сайт може гірше ранжируватися. Тому для досягнення максимального результату, внутрішня оптимізація передбачає комплексний підхід до роботи над html-кодом.

1. Стилізація;
2. Видалення зайвих тегів;
3. Усунення помилок;
4. Структура коду;
5. Закриття зовнішніх посилань.

Стилізація html-коду

Після верстки або в процесі створення сайту, часто стикаєшся з проблемою: таблиці переповнені стилями.

Це виглядає так:

<Table style = "width: 10px; background-color: black; border: 0"> ... </ table>

В цьому випадку для очищення коду, необхідно перенести стилі в cтілевие таблиці - CSS. Ці таблиці (точніше посилання на файл css), як правило, знаходяться між тегами head. Стилі, які знаходяться в різних тегах сайту, необхідно конвертувати в класи.

приклад:

<Table style = "width: 10px; border: 1px"> ... </ table>

Для переміщення в стильові таблиці, копіюємо вміст стилю в CSS, надаючи йому клас з назвою «newclass».

.newclass {width: 10px; border: 10px;}

У підсумку, для перенесення нового класу з CSS в таблицю:

<Table class = "newclass"> .... </ table>

Таким чином, можна істотно скоротити код, зраджуючи різних таблиць необхідні класи та інше.

видалення тегів

Часом зустрічаються такі сайти, які містять теги, скопійовані вдруге, після установки дизайну.

Найчастіше негативний вплив на сайт надають теги:

<Iframe> <script>

, А також посилання на сайти, які несуть шкідливі матеріали. Також при адаптації html-коду, потрібно дотримувати акуратність, уникаючи створення великої кількості таблиць і інших непотрібних елементів.

Усуваємо помилки html-коду

Не менш важливе значення на ранжування сайту надають помилки коду. У процесі верстки, редагування коду або правки стилів, часто забуваєш закрити таблицю, тег або стиль.

Фрагмент незакритий коду:

<Table> </ p>

Закриття зовнішніх посилань:

Зовнішні посилання - це процес якісної взаємодії між ресурсами. Разом з коментарями користувачів, внаслідок незаконних дій або встановлення сторонніх скриптів, Ви мимоволі можете додати зовнішні посилання. Це особливо небезпечно, якщо сайт несе шкідливу інформацію. Кращий спосіб усунення неполадки - видалити зовнішнє посилання. Іншим варіантом є укладення посилання в тег «noindex», а також прописати параметр «nofollow». наприклад:

<Noindex> <a rel="nofollow" href="ссилка"> </ noindex>

Структура html-коду

Дуже дієвий спосіб, який допоможе швидко редагувати різні відділи сайту одномоментно. Цей спосіб передбачає створення структури по типу глобальних блоків. При цьому код сайту розділяється на розділи: верхній, тіло, бічні (1 і більше), низ. Кожен розділ може редагуватися незалежно від інших.

Наприклад, глобальний лівий блок сайту буде називатися:

"$ GlOBAL_BLEFT $"

отже, цей блок можна вмонтувати в кореневу структуру коду, а також видалити точково:

"$ GLOBAL_BLEFT $"

Багаторазові тестування показали, що в процесі оптимізації цих компонентів html-коду можна досягти стійкого приросту позицій і істотно поліпшити індексацію сайту.

У статті наведено лише основні приклади, для початку перевірте свій код за допомогою онлайн аналізаторів, яких дуже багато в мережі Інтернет.

Один з таких аналізаторів - валідатор W3C , Яким легко можна перевірити сайт на помилки HTML, однак не варто дуже сильно заглиблюватися в виправлення, досить звести помилки до мінімуму. Однак, для перфекціоністів, даний сервіс буде дуже корисний.

Прочитано раз 3 322

Пост написаний: 23.11.2014. Остання зміна: 26.02.2018