1. Теги META
2. CSS і Java Script
3. Піднімаємо контент вище
4. Прибираємо технічний код в noindex
5. Валідність і кроссбраузерность

На головну > Блог > Оптимізація коду сторінок сайту для SEO просування

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

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

Оптимізація коду сторінок умовно розділяється на наступні етапи:

• 1. Робота з висновком META,
• 2. Оптимізація CSS і Java Script,
• 3. Підняття вгору контенту,
• 4. Закриття від індексації непотрібного технічного коду,
• 5. Перевірка валідності і кросбраузерності з усуненням грубих помилок.

Теги META

Теги META - Title, Description і Keywords повинні виводитися або в блоці head. Це допоможе в ранжуванні документа, так як боти ПС будуть відразу чітко розуміти, про що дана сторінка і для якої аудиторії вона пропонується. Всупереч існуючій думці заповнювати META треба на всіх сторінках і бажано робити це вручну (винятком можуть бути великі інтернет-магазини з сотнями щоденних додавань товарів).

CSS і Java Script

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

Піднімаємо контент вище

Текстова частина коду повинна розташовуватися в web-документі якомога вище і допомогти в цьому може семантична верстка елементами HTML 5, яка на відміну від div-ної і тим більше табличної верстки відкриває хороші перспективи для дружби з ботами ПС. Цей момент оптимізації коду треба враховувати на етапі створення сайту і вказувати відповідні вимоги при оформленні заявки верстальщику і програмісту. При верстці таким чином контент візуально може перебувати в будь-якому місці сторінки, проте в коді він буде нагорі і роботам не доведеться добиратися до нього крізь нетрі технічної інформації.

Прибираємо технічний код в noindex

Щоб розвантажити індексованих базу даних треба закривати в noindex весь технічний код, до якого відносяться:

• Лічильники статистики,
• Модулі входу, авторизації, надсилають заявки і пошуку,
• Новинні модулі, які виводять анонси з дублюючим контентом.

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

Головна мета оптимізатора - це надати ПС максимально релевантний і унікальний для контент і з noindex це завдання можна частково вирішити, що не забариться знайти відображення в ранжируванні.

Валідність і кроссбраузерность

Домагатися 100% -ої валідності будь-яку ціну не треба, але позбутися від грубих помилок оптимізації коду варто. Найпростіше подивитися грубі недоліки коду на сайті w3.org . Більшість помилок пов'язано з неправильним закриттям div або тегів і виправити їх можна самостійно, а ось помилки кросбраузерності ведуть до спотвореного відображення сайту в різних браузерах і вимагають втручання програміста і верстальника.

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

Якщо у вас є питання, ви можете їх задати за допомогою форми зворотного зв'язку у нас на сайті. Ми постараємося допомогти вам з рішенням вашої проблеми.

Якщо вам сподобалася стаття, поділіться нею в соц-мережах, раптом вона сподобається комусь ще))