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

1. оптимізація метатегов
2. Очищення коду від сміття (Оптимізація html коду)
3. Валідація та стандартизація
4. оптимізація графіки
5. оптимізація скриптів
6. Видалення битих посилань
7. семантична розмітка
8. Поділися з друзями

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поділися з друзями

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