THESCRIPT - Все для вебмастера » Каталог статей » Типичные ошибки при верстке

Типичные ошибки при верстке

Вёрстка сайта – это не только создание каркаса ресурса, его внешнего вида и технической начинки. Правильно сверстанный сайт способен улучшить продвижение его в поисковиках, улучшить индексацию и увеличить количество посетителей. Поэтому о правилах вёрстки не только с визуальной точки зрения, но и с технической необходимо задуматься заранее и узнать все тонкости данного процесса. Далее будет приведен ряд наиболее часто встречающихся ошибок, которые не стоит допускать как начинающим мастерам, так и бывалым верстальщикам.

Во-первых, многие при создании ресурса прибегают к современным технологиям, таким как апплеты, JavaScript, DHTML, а также сценарии SSI и CGI, однако не умеют корректно их использовать. Поэтому если вы не совсем знакомы с данными технологиями, лучше обойтись без них. В противном случае различные новшества создадут массу проблем при просмотре сайта, а также может возникнуть ряд ошибок и несовместимостей с браузерами. Что касается апплетов, то неграмотное их использование значительно увеличит время загрузки страниц, а также приведёт к увеличению их объёма. А тяжёлые сайты вряд ли вызовут восторг посетителя, имеющего низкоскоростной интернет.

Во-вторых, стоит обращать внимание на использование графики и анимации на страницах сайта. Конечно, красивая анимация или рисунки, а также флэш ролики способны оживить ресурс, придать ему индивидуальности, однако очень малый процент веб-мастеров способен не переборщить с данными элементами. Как итог, сайт превращается в мультимедийный центр и первостепенная, информативная задача ресурса теряется, а пользователь отвлекается и уходит. Необходимо чувствовать тонкую грань, когда графические элементы и анимация дополняют дизайн, а когда наоборот, перегружают его и отвлекают от основного контента. Стоит также учитывать тот факт, что люди с низкоскоростным доступом в интернет, а также с лимитным трафиком, зачастую отключат показ всех графических элементов. Представьте, как будет выглядеть ваш сайт с большим количеством графики, если пользователь отключит в браузере её отображение.

В- третьих, все прекрасно понимают, что веб-мастерам тоже хочется заработать и основной путь для этого – это реклама на ресурсе. Однако стоит помнить, что обвешенные баннерами и ссылками страницы вряд ли привлекут не только посетителей, но и внимание поисковиков. Это не только позиционирует ваш сайт, как крайне коммерческий, но и делает его внешний вид непривлекательным, а также отвлекает от основного содержания. Особенно внимание стоит уделять и качеству (тематике) рекламы, так как она должна не только соответствовать ресурсу, но и не быть сомнительной. Например, не стоит использовать БАДЫ, различные сетевые пирамиды и прочий «развод» посетителей. Что касается количества, то на одну страницу сайта лучше размещать не более одного-двух баннеров, имеющих большой размер, то есть внизу и вверху страницы, а также не более четырёх маленьких баннеров размером 88 на 31.

Четвёртый пункт – это использование на сайте всплывающих окон. Ни для кого, думаю, не будет секретом, что данный вид рекламы крайне негативно влияет на посещаемость и на интерес пользователей к ресурсу. Поэтому не стоит использовать их, если на то нет острой необходимости.

Петый пункт – это непосредственно сам дизайн сайта. Именно на него обращают первое внимание посетители и оценивают ресурс, как человека в первой встрече по одежде. Существует ряд правил грамотно созданного внешнего вида сайта, а также того, как не нужно его делать. Так, например, не стоит прибегать к несовместимым цветам, большому количеству шрифтов, особенно разных по стилю, а также большого количества оттенков текста, достаточно лишь выделить другим цветом основной шрифт и заголовки. Не стоит увлекаться курсивным начертанием, а также жирным шрифтом для основного цвета.

Шестой пункт – это тестирование своего сайта на локальном сервере, что не является ошибкой, но наоборот обязательно к использованию. Это позволит мастерам увидеть, как выглядит свёрстанный сайт как на этапах создания, так и в финале верстки. Данное тестирование позволит избежать ряда ошибок, как технического содержания, так и визуального исполнения. Для данного процесса можно использовать программу Dreamweaver или специальную систему под названием Денвер. Данные программы, а также инструкции по их установке и использованию можно найти в интернете.