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

Оптимізацію HTML-коду сторінок можна умовно розбити на кілька кроків.

Крок перший - проводимо «чистку » самого коду. Для цього закриваємо неінформативні для індексації частини коду (теги noindex). До неінформативним частин відносяться скрипти, лічильники, таблиці.

Наводимо код до стандартів W3C : закриваємо теги, перевіряємо правильність коду і порядків тегів, а також наявність в коді текстів, які невидимі для відвідувача, тегів div у значенні invisibl.

Крок другий - проводимо оптимізацію текстів, забезпечуємо достатню концентрацію ключовиків в тегах і текстах. Оптимальна щільність ключових слів на сторінці - до 5 %. До того ж ключевік повинен бути присутнім в заголовку сторінки ( title ), в тексті (ближче до початку), в заголовку на сторінці ( h1 ) .

Для малюнків ( тег img ) одночасно вказуються атрибути title і alt. При невеликій кількості сторінок, рекомендації по картинках є можливість привести в таблиці з наступними полями: URL сторінки, зміст тегів title і alt, назва малюнка.

Основними тегами для оптимізації є:

<title> - заголовок документа, використовуваний в результатах видачі ПС .

Теги h1 - h3 - заголовки в тексті, тут бажано наявність ключового слова .

Тег <strong> - відбувається виділення напівжирним шрифтом, буде корисним наявність ключового слова.

Виділяти тегом <b>, у якого аналогічний ефект, не радиться, так як він є тегом фізичної розмітки.

<em> </ em > - текст виділяється курсивом. Також не радиться використовувати аналогічний за зовнішнім виглядом тег <i> .

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

Практичні завдання Розділ і. Лабораторна робота №1. Розробка структури сайту

Мета: підібрати та проаналізувати тематику сайта, визначитись із доменним ім’ям, створити структуру сайту.

Хід роботи

1. Визначення мети створення сайту та його тематики.

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

Для кращого розуміння мети створення сайту дайте відповідь на наступні питання:

1. Для кого створюється сайт?

2. Що ваші відвідувачі очікують побачити на сайті?

3. Яку інформацію?

4. Чи повинна бути анімація або відео на сайті?

5. Яка інформація є найбільш важливою?

6. Яка вторинна?

7. Як зробити навігацію на сайті простою та зрозумілою?

8. Чому відвідувачі будуть потрапляти на сайт? За яким запитом?

9. Чому вони будуть повертатися?

Приклад відповідей для сайту інституту природничо-математичної та технологічної освіти - http://ipmto.udpu.org.ua/:

1. Сайт створено для працівників, студентів інституту, абітурієнтів, батьків.

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

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

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

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

6. Вторинна інформація стосується студентського життя та інформації для абітурієнтів.

7. Для більш зручної навігації на сайті доцільно створити ті розділи, які в повній мірі будуть відображати зміст самого сайту. Цілком доречні розділи сайту Новини, Про інститут, Факультети, Наука, Абітурієнту, Студентське життя, Контакти, Карта сайту.

8. Відвідувачі можуть потрапити на сайт, якщо будуть вводити інформацію, що стосується освітньої галузі вцілому, це можуть бути такі слова як: «фізико-математичний факультет», «технолого-педагогічний факультет», «природничо-географічний факультет», «умань освіта математика», тощо.

9. Оскільки інформація на сайті постійно оновлюються, з’являються новини, події, цікава інформація, відвідувачі, які певним чином причетні до інститут постійно будуть заходити на сторінки сайту.

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