йну, забезпечуваними каскадними таблицями стилів (Cascading Style Sheets, CSS). Таблиці стилів на базі CSS встановлюють правила, які визначають представлення класу тегів одиничного тега. Правила таблиць стилів можуть застосовуватися для визначення множини візуальних аспектів об'єктів сторінки, включаючи колір, розмір і положення (див. Рис. 2.3.).
На жаль, в різних браузерах присутні різні помилки. Візуалізація здійснюється не у всіх браузерах однаково, тому необхідно тестувати веб-сторінки з приєднаними таблицями стилів [13]. При розробці інтернет-сайту застосовувалася зовнішня таблиця стилів. Посилання на сторонню таблицю розташовується в заголовному розділі html-документа:
lt; link href=«reston.css» rel=«stylesheet» type=«text/css» gt;.
Малюнок 2.3 - Фрагмент файлу reston.css
Параметри оптимізації HTML коду. У разі розкручування з пошуковими системами в якості параметра оптимізації слід вибрати номер позиції по необхідному запиту.
Список параметрів, які підлягають оптимізації:
заголовок сторінки (Title);
мета-теги: ключові слова (keywords), опис (description);
зміст сторінки: частота слів, вага слів, розташування.
Оптимізація змісту станиці, без оптимізації заголовка (Title), часто стає мало ефективною. Правильна оптимізація заголовка може дуже серйозно підвищити рейтинг сторінки, тому що слова в в заголовках мають велику вагу у павуків пошукових машин, а також в системах індексації в каталогах. Таким чином, можна зробити висновок: правильно зроблений заголовок сторінки - половина успіху [11].
Для того щоб оптимізувати мета-теги, їх потрібно правильно написати. Розглянемо список основних мета-тегів:
lt; META NAME=«title» CONTENT=«__» gt;- Слід вказати зміст заголовка веб-сторінки;
lt; META NAME=«keywords» CONTENT=«__» gt;- Слід вказати ключові слова, відповідні даній сторінці;
lt; META NAME=«description» CONTENT=«__» gt;- Слід вказати короткий опис змісту сторінки, ці дані можуть бути використані пошуковими системами для складання короткого опису сторінки в списку результатів (приблизно 150 символів);
lt; META NAME=«robots» CONTENT=«index, all» gt;- Слід вказати пошуковому роботу можна чи не можна індексувати сторінку.
Для оптимізації сторінок, необхідно знати, де найбільш вдалі місця позиціонування ключових слів. Тобто слів, під які ми оптимізуємо веб-сторінку. Наводжу список, в якому розташовуються області розміщення ключових слів, за зменшенням пріоритету:
- Normal text;
- Title;
- Link text;
- h1 ... h6;
- Meta tags;
- Alt description;
- Bold text.
Слід зауважити, цей список справедливий не для всіх пошукових систем. Це лише узагальнення, якого слід дотримуватися з невеликими змінами, для кожної конкретної пошукової системи [9].
При оптимізації завжди виникає питання, а з якою частотою ключові слова повинні зустрічатися. На це питання однозначної відповіді немає. У кожної пошукової свої вимоги. Персонал пошукачів тримає в секреті формулу, за якою розраховується релевантність сторінок. Краще провести дослідження, після обробки результатів можна буде говорити з прийнятною достовірністю про формулу розрахунку релевантності.
У таблиці (див. табл. 2.1.) наведено приблизні дані:
Таблиця 2.1 - Частота ключових слів на прикладі пошукової системи Yandex
HTML sectionУдельний весHeadВ середньому для Title: 20% У середньому для Meta Keywords: на головній страніце6% У середньому для Meta Keywords: 3% В середньому для Meta Description: 5% BodyВ середньому для Heading: 3.2% У середньому для Link Text: 2.5% У середньому для Alt: 3.5% У середньому для Body Text: 2% Добре індексуються сторінки створені скриптами php приблизно до 7 днів.
2.4 Принципи роботи комплексу скриптів інтернет-магазину
При розробці архітектури інтернет-магазину, для зручності було позначено кілька частин: адміністрування і клієнтська частина.
Адміністрування містить інструменти управління інтернет-магазином і включає в себе як загальні налаштування магазину, так і спеціальні настройки.
Клієнтська частина архітектури розроблена максимально зручно для відвідування потенційного клієнта веб-сторінок інтернет-магазину: доброзичливий інтерфейс, доступні і зрозумілі діалогові вікна,...
