Оптимізуємо HTML код сторінки для SEO

  1. Ми постараємося описати поширені помилки в написанні коду та їх вирішення:

Відвідуючи будь-який сайт, ми бачимо тільки зовнішню його оболонку: статті, гарний дизайн, багато внутрішніх і зовнішніх посилань і різні графічні об'єкти
Відвідуючи будь-який сайт, ми бачимо тільки зовнішню його оболонку: статті, гарний дизайн, багато внутрішніх і зовнішніх посилань і різні графічні об'єкти. Насправді ж, весь цей зовнішній вигляд організований і описаний у вигляді коду і дуже важливо приділити час такої теми як оптимізація HTML. Не завжди те, що красиво і привабливо для відвідувачів сайту, буде корисно для нього при аналізі пошуковими системами (наприклад складні і важкі Java скрипти або Flash - елементи). Хотілося б сьогодні поговорити про ту золоту середину, яка дозволить красиво оформити сайт і грамотно оптимізувати HTML код для пошукових роботів.

Ми постараємося описати поширені помилки в написанні коду та їх вирішення:

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

2. Погана текстова релевантність. Грамотно використовуйте теги «H1» і «H6», підбирайте окремі шрифти для абзацу з важливою інформацією, розподіляйте рівномірно ключові слова в тексті, для картинок обов'язково заповнюйте тег «ALT». Відвідувачам буде цікавіше читати такі статті, а правильна розмітка і виділення ключової інформації допоможе пошуковим роботам швидше проіндексувати сторінку.

3. Низька швидкість завантаження сторінки. Швидкість в більшій мірі залежить від вашого хостингу і CMS, але складний код з елементами flash або java може вбити інтерес до вашого сайту не тільки пошукових систем, але і відвідувачів, адже погодьтеся, після 30 секунд очікування інтерес до вашої інформації може згаснути. Спрощуйте код, виносьте все зайве в зовнішні файли, графічні елементи дизайну сайту переносите в аркуші стилю і ще раз хочу підкреслити, використовуйте flash або java тільки при необхідності!

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

5. Виключення помилок. На даний момент є кілька автоматичних сервісів, які перевіряють код і формують звіти про помилки. Найчастіше помилки знаходять у фреймах і в зовнішній навігації, так що робіть її відкритою для пошукача і робіть нестандартні шрифти за допомогою стилів, а не у вигляді картинок. Перевірку коду можете здійснити за допомогою сервісу validator.w3c.org. Не лякайтеся, якщо вам видасть більше 200 помилок, як правило, виправляючи одну-дві, виправляються майже всі інші ідентичні помилки. Для аналізу HTMLкода можна ще використовувати такі сервіси: seo - чекліст і WebDeveloperBar.

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

Рейтинг статті: