П’ять вагомих причин зробити редизайн сайту за допомогою CSS

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

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

Веб-дизайн старої школи — HTML-верстка на таблицях

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

Також як і факси, таблиці були колись кращим способом розміщення інформації в мережі.Але як завивається папір для факсу і постійно закінчуються чорнило, таблиці залишали бажати кращого.Дизайнери були змушені розміщувати інформацію у вигляді таблиць.Незавантажені, професійні і креативні макети, які створюють сьогодні кращі дизайнери за допомогою каскадних таблиць стилів (Cascading Style Sheets, CSS), було б неможливо створити, використовуючи табличну верстку.

Веб-дизайн нової школи — каскадні таблиці стилів (CSS)

Каскадні таблиці стилів відокремлюють службові елементи сайту (код) від його змісту (текстів).CSS дозволяє створювати дизайн усіх сторінок сайту, задаючи параметри для шрифту, розміру тексту, фонів, кольорів і т.д., використовуючи при цьому один файл, замість того, щоб задавати ці параметри в коді кожної сторінки.Міняти дизайн тепер також можна дуже швидко і легко за допомогою CSS — варто лише оновити файл «каскадів» і оновиться дизайн усіх сторінок сайту.Звужується простір для помилки, і сайт зберігає свою логічність і єдність стилю.

Але не тільки веб-дизайнери та програмісти отримують перевагу від створення сайта за допомогою CSS.Ви як власник бізнесу одержите більше!Як?

5 вагомих причин зробити редизайн сайту за допомогою CSS

1.Позиціонування компанії в Інтернет

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

2.Юзабіліті

Каскадні таблиці стилів зменшують обсяг коду сайту.Таблиці і додаткові теги для шрифтів і кольорів нагромаджують сторінку, і вона завантажується повільніше.Чим довше завантажується сторінка, тим більша ймовірність, що відвідувач натисне кнопку «Назад».Незважаючи на те, що все більше і більше людей користуються широкосмуговим Інтернетом, багато хто до цих пір виходять в Інтернет через телефонну лінію.А хтось може користуватися високошвидкісний бездротової зв’язком, швидкість якої залежить від кількості користувачів в кожний момент часу, і в залежності від цього з’єднання буде швидким або повільним.

3.Доступність

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

4.Пошукова оптимізація

За статистикою близько 80% покупок в Інтернет починаються з запитів у пошукових системах.І є окрема область діяльності, покликана допомогти бізнесу одержати високі позиції в результатах пошуку за ключовими словами.

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

5.Пропускна здатність сайту

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

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

Чи означає все вищесказане, що таблиці заборонені?

Ні.Є сенс використовувати таблиці для відображення специфічного контента.Вся принадність CSS у тому, що ви можете продовжувати використовувати таблиці там, де це необхідно, але не потрібно застосовувати їх скрізь.Таким чином ви зменшите «вагу коду».

Може бути, мій сайт був споконвічно створений за допомогою CSS?

Є швидкий спосіб перевірити це.Завантажте будь-яку сторінку вашого сайту.Натисніть праву кнопку миші в будь-якому місці вікна, з’явиться меню.Натисніть «Перегляд HTML-коду».Вгорі вікна, що з’явилося ви побачите щось на зразок rel = stylesheet або type = text / css.

Якщо ви вирішите провести редизайн сайту зараз або в майбутньому, переконаєтеся, що веб-разрабочик, яким ви даєте це завдання, знайомі з CSS.

Linda Bustos (c) 2007

Переклад статті: Римма Салахова, дизайн студія Креатель-Медіа

Оригінал перекладу: http://createl.ru/rus/blog/2007/02/16/26/