wb_sunny

Каким должен быть современный сайт в 2013 году

9 184 любопытных

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

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

Дизайн сайта

Начнём мы, пожалуй, именно с него с веб дизайна. В 2013 году очень большую популярность набирает Flat дизайн. Дизайнеры пытаются использовать минимум изображений делая упор на типографику, в свою очередь смешивая её не большим количеством цветов.

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

Вот Вам наглядный пример (Картинка кликабельна)

Даже «Великий и всемогущий» Гугл использует эту простоту у себя в сервисах. Только стоит посмотреть на тот же GMail, очень всё просто и удобно.

Google выглядит как начальник на большой фирме. Вот например Вы работаете на огромном предприятии и вдруг выпала честь увидеть хозяина, который ходит в спортивном костюме :) Сразу же мнение о человеке и его компании падает. К чему я клоню: начальник должен выглядеть как начальник. Вот и Гугл выглядит современно и достойно.

Доступность сайта на мобильных устройствах

А именно пойдёт речь о адаптивном дизайне. Как не крути а мобильные телефоны и планшеты сейчас очень популярны. Огромное количество пользователей просматривает наши сайте через дисплей своих устройств. Я больше чем уверен, что и ты, читатель блога, возможно читаешь это через свой планшет или телефон. Удобно? Конечно :) Я ведь позаботился об этом.

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

Это конечно Ваше дело делать сайт доступным на маленьких разрешениях или нет. Но рекомендую Вам сделать это.

HTML5 и CSS3

Не нужно пренебрегать новыми технологиями. Новое всегда лучше и проще. Если у вас сайт до сих пор имеет табличную верстку, я думаю, что Вам давно пора переходить на HTML5. Нужно уже заменять тонны тегов <tr> и <td> на простые и современные, которые используются в html5.

Поверьте мне эта технология ещё проще чем div вёрстка. Она позволяет очень быстро ориентироваться в коде.

А вот CSS3 вообще открывает много возможностей, к тому же присутствует поддержка всех современных браузеров.

Вот Вам пример красивых сайтов на HTML5 и CSS3

Скорость загрузки

Сайт должен грузится быстро! Это уже как закон.

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

И ещё очень многое зависит от Вашего хостинга, к таким вещам нужно относиться серьёзно.

Поддержка браузеров

Я прекрасно понимаю, что в основном сейчас используют Хром, Оперу и Мозилу. К счастью они все идут в ногу со временем. Но и не стоит забывать за пользователей которые используют вечно проблемный IE. Существует множество хитростей, которые будут правильно отображать сайт в IE.

JQuery

Нужно использовать JQuery скрипты, они позволят Вам немного разнообразить Ваш сайт, например, добавить слайдер с картинками. Но не стоит преувеличивать. JQuery тоже очень существенно способен нагрузить сайт. Тем более многие вещи вполне может заменить CSS3.

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

Продажа ссылок

На мой взгляд, в 2013 году этого вообще делать нельзя. Вообще нужно забыть о продаже ссылок. Нужно искать другие способы заработка. Понятно, что этот способ может принести не малый доход, но придётся выбирать, либо посетители с Google либо продажа ссылок. Так как его обмануть не реально, Гугл знает продаёте ли Вы ссылки или нет, если да то 100% будет наложен фильтр. В общем не удивляйтесь если у Вас резко просел трафик с этого поисковика.

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

Баннеры

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

Вот отличный пример продажи баннеров, вроде бы их и много, но в тоже время они не отвлекают и дополняют весь сайт:

Заключение

Естественно это не полный список. Честно сказать, всё приходит с опытом, чем опытнее тем лучше видишь как нужно сделать и т.д. Но основных принципов всё же нужно придерживаться, которые я попробовал Вам сегодня объяснить. Так что не стоит сидеть на месте, а нужно действовать, потратить всего пару часов на то что бы посмотреть, что нового в HTML5, например. :)

Друзья, а что вы думаете по этому поводу? Каким, по вашему мнению, должен быть современный сайт в 2013 году?