Создание качественных сайтов
Скорее всего мнений по этому поводу будет очень много среди разработчиков. В данной статье будет описанно именно мнение студии.
Качественный сайт - это сайт, удовлетворяющий таким критериям:
1. Валидность HTML кода страницы.
Валидным является тот сайт, в котором разработчик сумел максимально снизить количество ошибок или же в идеальном варианте - избавиться от всех. Почему именно "максимально снизить количество ошибок"? Потому, что некоторые ошибки все равно останутся, к примеру: <noindex> - этот тег больше касается поисковых систем. и его нет в спецификации w3c. Конечно, найден способ обойти эту ошибку, но мы считаем это неуместным, так как увеличивается количество "лишнего" кода по отношению к полезному тексту страницы. Данный пункт обеспечит правильное индексирование страницы, так как поисковый бот не будет сталкиваться с ошибками, работая с качественным продуктом.
2. Использовать в качестве каркаса меню - списки.
Это позволит качественно представить структуру сайта и избежать лишнего кода в построении меню.
Пример:
- Главная
- Услуги
- О компании
- Контакты
3. Верстка страницы должна быть блочной.
Это позволит быстрее добиться минимизации ошибок при валидации страницы. Как показывает практика, такие страницы грузятся быстрее, чем страницы, сверстанные с помощью таблиц. Конечно, таблицы следует использовать тоже, но для отображения табличного материала, а не каркаса сайта.
4. Кроссбраузерная верстка
Сайт должен одинаково красиво и качественно отображаться во всех браузерах. Не стоит обделять вниманием Microsoft Internet Explorer 6, хотя по официальным данным его использует чуть больше 3-х процентов пользователей. Никто не может спрогнозировать, с помощью какого браузера самый крупный заказчик Вашей продукции или услуг решит посетит Ваш сайт. При ведении бизнеса люди попадают в разные ситуации и для получения результата нужно пользоваться любыми доступными средствами, даже если этим средством будет Microsoft Internet Explorer 6.
Пример:
http://www.btgruppe.com.ua/
http://www.kamenetsky.org/
http://www.eberle.com.ua/
Использование спрайтов позволит уменьшить количество запросов к серверу и общий размер загружаемой графики, что увеличит скорость загрузки страницы.
Данный метод зачастую мы используем в случае, если на сайте присутствует нестандартный шрифт (к примеру в меню), что позволяет при выключенных картинках не терять ориентацию на странице. Данный метод предполагает размещение слоя с картинкой над стандартным шрифтом. Если картинки в браузере включены - пользователь видит красивый пункт меню, если картинки выключены - пользователь все равно видит меню, но уже в стандартном виде.
Пример:
Здесь верхняя половина изображения - нестандартный шрифт и фон, что можно видеть при просмотре сайта с включенными картинками, а нижняя половина - это стандартный вид меню при просмотре сайта без картинок.
Зачастую это работает, если пользователь находится в сети через 3G/4G подключение, при этом связь с оператором плохая, и пользователь хочет быстро перемещаться по сайтам, не загружая дополнительный контент.
сайт: http://it-office.kiev.ua/
6. Придерживаться разделения HTML и PHP.
Использование раздельно в системе PHP скриптов и HTML позволит быстро масштабировать проект. Также упростит поддержку сайта.
Пример:
на странице есть список, состоящий из трёх позиций:
- позиция один;
- позиция два;
- позиция три.
Допустим, этот список создается автоматически. В определенный момент решили заменить "-" на ">", чтобы получить:
> позиция один;
> позиция два;
> позиция три.
В случае, если есть HTML шаблон, по которому строится этот список, данное изменение может сделать человек, который разбирается или хотя бы поверхностно знаком c основами HTML. Вероятность того, что будет допущена ошибка, которая приведет к отказу работы данного модуля, минимальна.
В случае, если все "вшито" в PHP скрипт, нужно, чтобы данную проблему решал квалифицированный специалист.
Как показывает практика, для клиента лучше - вариант номер один. Так как он может быстро решить вопрос сам или же его подопечные, что практически сводится к безоплатной работе. В варианте номер два - все совсем иначе.
Выводы:
Безусловно выполнение всех этих пунктов ведет к частичному удорожанию проекта от 10-25% соответственно. Тоже происходит и со сроками работы. Но при этом можно быть спокойным за свой сайт по нескольким объективным причинам:
1. его удобно и экономно по времени поддерживать;
2. он будет грузиться быстрее, чем сайты конкурентов:
3. его будут лучше читать поисковые системы;
4. он будет презентабельно выглядеть, вне зависимости от программ, используемых посетителями сайта.
Так же вы можете прочитать о Расширении функциональности админ-апнели сайта и сайта в целом.