Оптимізація html коду сторінок сайту

На сайті все повинно бути прекрасним - і юзабіліті, і дизайн, і поведінкові чинники, і HTML-код. Гарна робота з HTML-кодом демонструє пошуковим системам, що власники ресурсу дуже серйозно переймаються якістю. Наявність на сайті помилок в коді або сміттєвих тегів призводять до порушення функціонування ресурсу, уповільнення швидкості завантаження сторінок і інших неприємностей. Все це призводить до низького рівня ранжирування сайту в пошуковій видачі. А це означає, що буде мало відвідувачів і низькі доходи.

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

оптимізація метатегов

1. Title - заголовок сторінки повинен обов'язково містити головне ключове слово. Саме цей фактор враховується при визначенні релевантності сайту пошуковим запитом. І якщо заголовок не є відповіддю на питання користувача, малоймовірно, що саме цей ресурс буде обраний для відвідування. Важливо дотримуватися розмір заголовка. Якщо назва сторінки буде довшим приблизно 65 символів, пошуковик просто обрізає пропозицію і тоді користувачі побачать безглуздий текст. Заголовки і підзаголовки можуть включати додаткові ключові слова для розширення можливостей пошуку.

2. Метатег description (опис) використовується Google в якості сниппета (до речі в недавньому минулому google запустив структуровані сніппети) - анонса сайту на SERP. Яндекс вибирає сниппет з будь-якого місця тексту по своїм принципам. Якщо сниппет виявиться незадовільним, можна просто відредагувати абзац на місці, де він знаходиться.

3. Метатег keywords (ключові слова) не грають особливої ​​ролі. Але не заважає їх все ж ретельно прописати. У тексті кількість ключових слів сьогодні не вимагає певної чисельності. Набагато важливіше багатство словника і використання спеціальної термінології при розвитку теми.

4. Текст форматується за допомогою каскадних таблиць стилів і самі CSS прибираються зі сторінки в окремий каталог. Це теж призводить до зниження навантаження на браузер і поліпшенню роботи сайту. Основний текст потрібно поміщати якомога вище на сторінці, а всі службові теги прибирати вниз.

5. Крім усього перерахованого вище, потрібно використовувати веб-сумісні шрифти. Інакше можуть виникати складнощі з відображенням тексту в браузерах.

Очищення коду від сміття (Оптимізація html коду)

Наявність зайвих, помилкових тегів, навіть подвійних пробілів можуть сильно підвищити вагу сторінки і уповільнити роботу сайту.

Валідація та стандартизація

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

оптимізація графіки

Графіка в хорошій якості дуже багато важить і сильно перевантажує ресурс. Всі картинки зберігаються не на сторінках, а в окремій директорії і в стислому стані. В теги Alt і Description (спливаюче опис картинки), в назву файлу корисно додати ключові слова. Це підвищує видимість сайту в пошуку по картинках і полегшує пошуковим роботам завдання індексації.

оптимізація скриптів

За сучасними стандартами кодування скрипти не повинні розташовуватися на самій веб-сторінці, а, так само як і графічні елементи, стискаються і прибираються в окремий каталог. Оскільки ці корисні маленькі програми мають велику вагу.

Видалення битих посилань

семантична розмітка

Пошукові машини дуже люблять семантичну розмітку, яка робить веб-сторінки набагато більш інформаційно насиченими. Однак веб-майстри і оптимізатори наскільки захопилися цією семантикою, що вже і цей фактор майже знаходиться під підозрою як сіра оптимізація. У всьому слід дотримуватися помірності і частіше відвідувати сайти Google і Яндекс. Там можна багато корисного дізнатися про актуальні вимоги до якості сайтів і, зокрема, HTML-коду.

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

У статті "Оптимізація інтернет сайту" описані загальні прінцип оптимізації сайту. Не забудьте ознайомитися.

Що ще почитати

Схожі статті