Аналіз сторінок сайту

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

Для відточування досконалості цього етапу розробки все одно потрібна чимала практика, але вам знадобляться ці найосновніші методи аналізу:

  • Перевірка сторінки на різних браузерах. Хоча і статистика багатьох пошукових сайтів свідчить, що близько 90% відвідувачів віддають переваги браузеру MSIE, все одно не треба списувати інші 10% - це дуже велика аудиторія.
  • Перевірка на різних режимах розширення екрану.
  • Аналіз вихідного коду.
  • Аналіз посилань.

Давайте тепер зупинимося на кожному з них детальніше.

Браузери і запропоновані консорціумом W3C стандарти HTML актуальна на сьогоднішній день тема. Справа в тому, що розробники браузерів прагнучи внести свій вклад в розвиток мови HTML нерідко створюють свої власні елементи (теги, атрибути), які несумісні з іншими браузерами. Це частіше відноситься до мови DHTML. Тому, якщо Ви розробляєте меню навігації на основі цієї мови, то поставтеся до цього дуже серйозно, інакше ваш сайт в іншому браузері буде паралізований.

В інших випадках втрати виглядають менш відчутні. У популярних браузерах MSIE 6, Opera 7.x / 8.x, Mozilla 1.7 і Netscape 7.1 (а саме на них вам пропонується виконати тестування) ставлення до мови HTML не таке кордінально. Поширені HTML-редактори, наприклад Macromedia Dreamweaver MX або Microsoft Front Page мають вбудовані засоби для вирішення таких проблем (всі помилки будуть виділені) ще на стадії складання першої сторінки.

Що стосується каскадних листів стилів, то розробники браузера Netscape запропонували багато нових елементів CSS, які не підтримуються іншими браузерами.

Перевірка сторінок на різних режимах дозволу екрану проводиться для того, щоб встановити похибки при складанні таблиць (вказівка ширини і висоти). Якщо був застосований метод позиціонування, то буде видно результат по різному. Не нехтуйте такою перевіркою. Хоча більшість користуються розширенням 800х600, але з ростом сучасного обладнання постійно збільшується число користувачів з великою роздільною здатністю.

Аналіз вихідного коду

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

На самому початку документа вказується його тип. приклад:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 тіп_документа // EN"

За типом вони бувають:

  • strict (точні) - не містять тегів і атрибутів, які розглядаються консорціумом W3C, як небажані.
  • transitional (перехідні) - можуть містити небажані теги і атрибути.
  • frameset (фреймових) - можуть містити як небажані елементи, так і фрейми.

Цю інформацію надасть будь-який HTML-редактор. Вам лише потрібно при необхідності внести коригування.

Тег <TITLE> бажано виключити з шаблону. Він несе в собі назву сторінки, яка найчастіше унікальна для кожної з них. З іншого боку він не буде заважати. Лише після закінчення доопрацювання в нього слід вносити заголовок сторінки, який буде мати вигляд простих, привабливих і в той же час зрозумілих для читання фраз або слів.

Тег <META> має універсальне застосування. Він служить для надання машинам пошуку ключових слів або фраз, кодування сторінки, відомостей про авторські права, перезавантаження і перенаправлення сторінок. а також в специфікації HTML 4.01 дозволяє вказати дату створення документа.

У разі, якщо доведеться складати кілька десятків або сотень сторінок, то очевидно краще все уніфікувати і в вихідному коді, крім перенаправлення сторінок. Останнє використовується за бажанням.

Атрибут NAME в тезі <META> вказує на зведення інформаційного характеру для машин пошуку. Значення "keywords" показує, що будуть застосовуватися ключові слова, а атрибут CONTENT перераховує останні. Саме за цими словами відвідувачі за допомогою "пошуковиків" знаходитимуть ваш сайт. Ключові слова обов'язково вносите через кому і вони повинні відповідати тематиці сайту. При цьому вам необхідно навчиться поміщати вибрані ключові слова в свої Web-сторінки. Може виникнути необхідність коригування слів в різних сторінках, в залежності від їх змісту.

За таким же принципом складається код зі значеннями:

  • Description - короткий зміст сайту. Воно в подальшому буде вказано у вікні результатів пошуку "пошукачів"
  • Author - вказівка імені автора.
  • Generator - покажчик назви HTML-редактора, за допомогою якого складалася сторінка.
  • Copyright - інформація про авторське право.

Приклад запису вихідного коду:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<META NAME = "Generator" CONTENT = "Ace HTML 6 Pro">
<TITLE> Відео </ TITLE>
<META http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<META NAME = "Author" CONTENT = "ТОВ ВидеоСервис">
<META NAME = "Keywords" CONTENT = "CD, DVD, відеокасети, поштою, бойовики, комедії, містика>
<META NAME = "Description" CONTENT = "Найширший вибір фільмів. Найнижчі ціни.>

аналіз посилань

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

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

При впровадженні посилань в текст, вони повинні нерозривно бути пов'язані за змістом з самим текстом. Різні заклики "А подивися ось тут" або "Клацніть тут!" відволікають від прочитання якої-небудь інформації.

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